{"_id":"@byeolnaerim/flex-layout","_rev":"36-f3ba10b959c7373acad5f1a50c2fdf3e","name":"@byeolnaerim/flex-layout","dist-tags":{"alpha":"1.0.2","latest":"1.0.5"},"versions":{"0.0.2":{"name":"@byeolnaerim/flex-layout","version":"0.0.2","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.2","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"6794aee82857210ab413e9a7c683b0064986f9a7","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.2.tgz","fileCount":10,"integrity":"sha512-7u2yc5ywqiOddgAypciGVVodR2kOhYKkInSQEWnL6IORkYxH70COBqy5AGpqixOnt+P2Zz019UkaHfZj3K0CUA==","signatures":[{"sig":"MEQCIHVJ6blmIbFJkqS6Mk4Z7Z3HGpvkJerccCBihpZ6dZI0AiBMFsjyYEZnTPhF6omJsPecfK+QZN6M5/loG0xqoW0TFg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":268794},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next.d.ts","import":"./dist/next.js","require":"./dist/next.cjs"}},"gitHead":"afa4d4ffed9f8bfb3c8b91a24a9f6e65eb44cb17","scripts":{"dev":"tsup --watch","build":"tsup && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"**/*.css\" \"../dist\" --cwd=src --parents"},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"rxjs":">=7","react":">=19","react-dom":">=19"},"peerDependenciesMeta":{"rxjs":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.2_1771129959907_0.6185069193100055","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@byeolnaerim/flex-layout","version":"0.0.3","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.3","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"370f19f97c0054d4698eecaee81fb114a8ecd21e","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.3.tgz","fileCount":10,"integrity":"sha512-o4xs987/wpTuIHrHXqKRbfqLDDYbkEEJkl//x9VkJOJi3BdH6uDOWlda6jieIsIrDntfrwjq8+IFKo86TixOEg==","signatures":[{"sig":"MEQCIE7Fh/pRc5yrBBev4fOmSCAZt1At5z8W1ONS4aeZxyqoAiBiIkaLfyzak2cBZZM/0RYcUnCEi7hoIeWcR4xWrMgt5g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":943165},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next.d.ts","import":"./dist/next.js","require":"./dist/next.cjs"}},"gitHead":"cdc740a7af50922ef49190d34b82389a10455306","scripts":{"dev":"tsup --watch","build":"tsup && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"**/*.css\" \"../dist\" --cwd=src --parents"},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"rxjs":">=7","react":">=19","react-dom":">=19"},"peerDependenciesMeta":{"rxjs":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.3_1771165057503_0.37803273859216246","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@byeolnaerim/flex-layout","version":"0.0.4","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.4","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"cf6e688579f20614cb543c6efb593b4529f35954","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.4.tgz","fileCount":64,"integrity":"sha512-imlvdfx2QKUbenKhMIvB1Dx/Id4sUmeWWxPuvGiryYDQ/sPwmBkU4peQmS86PpNJ/A7q8GaYvUf6FapZUM/fSg==","signatures":[{"sig":"MEUCIQDrM6pdPQilIeHVENy/fS3szNt0L/P9wtX+aCTnxL4zVwIgUlRCviRDqOkuouH4vNIa66HCbJZ9ItGCNTlXsH4RPic=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1551958},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"159f0ae19b934b8cae5dc9a7405e36d7fabb94c4","scripts":{"dev":"tsup --watch","build":"tsup && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"**/*.css\" \"../dist\" --cwd=src --parents"},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"rxjs":">=7","react":">=19","react-dom":">=19"},"peerDependenciesMeta":{"rxjs":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.4_1771165889974_0.22702281049012174","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@byeolnaerim/flex-layout","version":"0.0.5","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.5","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"dddc44f3325a6a283379c6c431fa0dd02e7d6c5d","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.5.tgz","fileCount":44,"integrity":"sha512-TF/xNPghjLnvoA8snwdmCavzDuurNO8nC5/KYJR/GUDgwo1iEZkLBz/umBCdzHl+STmzlWthgV3tTDFrC52+1g==","signatures":[{"sig":"MEYCIQCiqUhD7nevfbNgW4Tlvr0lJH6J9885qUIGy7yjVrAoAQIhALxfB6gvx5/aauM+I3HJwh4xEIqMbKyRbwhdV88eqHvb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1209910},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"4cbad0379f87815f3c0521d721f9aecc37f1ecbd","scripts":{"dev":"tsup --watch","build":"tsup && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"**/*.css\" \"../dist\" --cwd=src --parents"},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"fast-deep-equal":"^3.1.3"},"typesVersions":{"*":{"hooks":["dist/hooks.d.ts"],"store":["dist/store.d.ts"],"utils":["dist/utils.d.ts"],"providers":["dist/providers.d.ts"],"components":["dist/components.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"rxjs":">=7","react":">=19","react-dom":">=19"},"peerDependenciesMeta":{"rxjs":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.5_1771166981377_0.5941363853997523","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@byeolnaerim/flex-layout","version":"0.0.6","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.6","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"3844972af4ab7496b54c1920b0efe2a34bd5e0b7","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.6.tgz","fileCount":63,"integrity":"sha512-KhwyGQ3G9MEjjtqtS7FZWnyvsMB2oM6aPAnAY95Q70IKPwzGC9J4j+tBycwrIANcxZM6elWMwQg4AEe3DdKPVQ==","signatures":[{"sig":"MEYCIQDY2qOauQSIoZn0Lv1GRAvT4pFSlZHkcVdDDgTJzZzVHAIhAKDNJRBFwt4me08U4CnmWSSv3XnJW5sL+9T/eGAGtd8C","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2098863},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./package.json":"./package.json"},"gitHead":"e15a8cc8b3eb24f4d6c6a0108e40d6603d1f6aad","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.6_1771229289773_0.07838169396767491","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@byeolnaerim/flex-layout","version":"0.0.7","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.7","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"d566793ca7d1f51409aef884cbcfe88be157affc","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.7.tgz","fileCount":147,"integrity":"sha512-hwO/PxzRwUBrl4yiwV8sooMS0RW7X9qfjFWr808LAW6ftnr2EE4i++gULsk0jsVBSngPlrxL8rbYUN9/r0bJ6A==","signatures":[{"sig":"MEUCIQDWzvLRxyP8fI+2JqixfkInA5NhF8Qi9bxqZmAF0+JC2AIgLN5HZrbR9ehAWGpd8dITFuY3XGuh5lgSQ9d0r3qQvLY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":948963},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","default":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","default":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","default":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","default":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","default":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"b2460e7621fc82b426aad9d2c488bc06280caf6e","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.7_1771233987623_0.6124696504521376","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@byeolnaerim/flex-layout","version":"0.0.8","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.8","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"a3b822e593af97b36638c3158d643696ce56b730","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.8.tgz","fileCount":147,"integrity":"sha512-PaYgQ8N8u9NcLq07nmpOEw8fgHeFLIVbBD1B4wKJ7Rek3s6yBCoOAgaye7BVEUXmiWJBkw9imgiwQhswbzBOEg==","signatures":[{"sig":"MEQCICE2OmTsjhKTOXutDtwojkFrtXjPEOH6ylujlXJH1nEHAiBUVqtp9wYovg7SOZI+7I4MGYOjPCVPrpqCFA7NDaxr4A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":951780},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","default":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","default":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","default":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","default":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","default":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"c70d80e8c3d3d79a6592f7306c0327cfe5ee0ca4","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"deprecated":"Broken release: due to a dist build/publish misconfiguration, some JS files were not included and CSS Modules (*.module.css) were missing from the published package. Memory leak issues are improved starting from 0.0.9, so please upgrade to >=0.0.9.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.8_1771239836197_0.5604395416288284","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"@byeolnaerim/flex-layout","version":"0.0.9","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.9","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"255758dd82d55d7dbe052a59230bb8ed3f8f8643","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.9.tgz","fileCount":154,"integrity":"sha512-8uCE+F2/DayZHAFXYM+BWltxKnO0ZgGxfHgl2oeQY3Urj8TOymmn4N4aTj5KoZZMMfb7oMp/H0E8dYE1XKDkpg==","signatures":[{"sig":"MEYCIQCwOEkaOcXKDBYSDqQ58ntfXLSjURezhqHW/9gJdAlYDgIhAPx013+y50pFNiKmd6rpXM+Urb8XXM5EB12GV4dq4xUP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1033173},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","default":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","default":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","default":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","default":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","default":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"f589561663945972b2b50641c5421c3c364787a5","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.27.3"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.9_1771586508391_0.4650831368175188","host":"s3://npm-registry-packages-npm-production"}},"0.0.10":{"name":"@byeolnaerim/flex-layout","version":"0.0.10","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.10","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"dba329fa5e9bf5bd3946c88977c77363619d59e6","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.10.tgz","fileCount":94,"integrity":"sha512-fmzT4suOMV5BaVjAtnX9q5F4ysm6gyPzrcUryP2kYwsBzi5Kfj/j+2+7xBoEtfXsNLAZ0FY0IsHSFzTK4073OA==","signatures":[{"sig":"MEUCIBWJLq+dpmZG4+H4xnZWb17zSDBpsitpt2jRSlIQr1TWAiEA7EchHxGjdTgvgj7IA5uwWBGJKpglg2Q6SL4Fca3n1YQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":223498},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","default":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","default":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","default":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","default":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","default":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"59f89b003f33f75f57e9ec8c69c7bff29d7e2c43","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.27.3"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.10_1771929330199_0.5753269016764531","host":"s3://npm-registry-packages-npm-production"}},"0.0.12":{"name":"@byeolnaerim/flex-layout","version":"0.0.12","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.12","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"acfa24cc885312128fdaf48f7931a3027dd744e2","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.12.tgz","fileCount":98,"integrity":"sha512-ju/f+KePzDD3AbJEPeKp9ptTl7TevTzZIa29DAqiYBiFfWZpMF9mM24V0fQFbRYtZcPs1ljA3jScEKKdzcBzSA==","signatures":[{"sig":"MEUCIQDvsgIBawq2vPvf3B3pa6ZGzGwSDJCaIhvYxY4WdWOtcQIgOs0ff6FTqsN8FG3eU81P9aI/gAqw1IkalfQPri2GJok=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":239022},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/hooks.d.ts","import":"./dist/hooks.js","default":"./dist/hooks.js","require":"./dist/hooks.cjs"},"./store":{"types":"./dist/store.d.ts","import":"./dist/store.js","default":"./dist/store.js","require":"./dist/store.cjs"},"./utils":{"types":"./dist/utils.d.ts","import":"./dist/utils.js","default":"./dist/utils.js","require":"./dist/utils.cjs"},"./providers":{"types":"./dist/providers.d.ts","import":"./dist/providers.js","default":"./dist/providers.js","require":"./dist/providers.cjs"},"./components":{"types":"./dist/components.d.ts","import":"./dist/components.js","default":"./dist/components.js","require":"./dist/components.cjs"}},"gitHead":"05e942ceb1b31d28c83abe84490dfcd524106942","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.27.3"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.5.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.13.1","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.4","cpy-cli":"^5","react-dom":"^19.2.4","typescript":"5.9.3","@types/react":"^18","@types/react-dom":"^18","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.12_1773454457711_0.35018116868075233","host":"s3://npm-registry-packages-npm-production"}},"0.0.13":{"name":"@byeolnaerim/flex-layout","version":"0.0.13","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.13","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"5c15503a8f747f2e5965d12d1990b2e4a36c936c","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.13.tgz","fileCount":103,"integrity":"sha512-Pn7JqTuTUtjLlkg0wr7Z2qBJf/6bS37Ts+rPf7Oji7/zYUcjFaD3kfOM2+eNN9weopT1RTzmx7Hf1/GhzCF9Qg==","signatures":[{"sig":"MEUCIDy54gp94FlpT1s1TVH1Ys9pAtzHOHmdH88G5D6IKzuXAiEApwkIkMLJcmf9GcMMh08UeoUPpzbPlmPT0HbwVkH2//M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":317746},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"0bb91c25b955caf9a209af1400b75dea76c360b6","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.9.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.2","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"react":">=18 <20","react-dom":">=18 <20"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.13_1779872591275_0.7899837881523899","host":"s3://npm-registry-packages-npm-production"}},"0.0.14":{"name":"@byeolnaerim/flex-layout","version":"0.0.14","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.14","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"d12a3866851a82e8f42f67dd9dab2af2265f704b","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.14.tgz","fileCount":103,"integrity":"sha512-rTYaGqSy/FQd3+wuIzDb2uGUFH/aM79VqJGk0TqAc75U558ejDRUr8Dta5a9KJfbORe+32yvZ/1G7bqq5m6Stg==","signatures":[{"sig":"MEYCIQDr/J1YjoozHmf051kZ5Tj3m7ok5l6Dc4tC5KHPYA64EAIhAPBDyLx8uQLaQ33MpPpUHIWnVatcKIYPFk/sqiPQk05p","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":326464},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b35c03231aedaefb81406931aae6cc46e17ff0fe","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.9.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.3","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"react":">=18 <20","react-dom":">=18 <20"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.14_1779948457777_0.17214678187631827","host":"s3://npm-registry-packages-npm-production"}},"0.0.15":{"name":"@byeolnaerim/flex-layout","version":"0.0.15","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@0.0.15","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"ac5c638884974ad921e518d8ee802219de466de4","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-0.0.15.tgz","fileCount":109,"integrity":"sha512-9z7x7z8NwINOtjPLdV29hfUZidcdD3qhvlHmzafDTmvgQ9X4I0jRYGMwY+QVLrutpYLv/d+sSdemUuE2wBzDGA==","signatures":[{"sig":"MEUCIQDi5P9cr/QbdRTcmI1kKH1vt6vS19Q4F25j4x2J9R7+fQIgFHmj/KwLs9WfBJ4M8+R5VCLIoh7LWQgnKp4vzFlAXdk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":363174},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"6b1e59844269976738a4687c979797d5b1434f10","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","prepare":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.9.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"^6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.3","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"react":">=18 <20","react-dom":">=18 <20"},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_0.0.15_1780619776512_0.12585288292254226","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@byeolnaerim/flex-layout","version":"1.0.0","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@1.0.0","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"416427a12a9cb4d0d42845f5cf950db319845a09","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-1.0.0.tgz","fileCount":163,"integrity":"sha512-MiQbssFqkkEquc+WqexQXT7rbY8kitmd33QiATbvUIv9EwQU+Z3L3C6lQCQ5itwARsMk6j9MIxYH0dQg+gmJrA==","signatures":[{"sig":"MEQCIHEc9qYrjJMMacpcoKbVpGdq3ifi9ZO/ElfJrKwYPXnsAiB+JH62RG8v+PYSEslMrBnoRk/knbLxivJyut2nK1s3Hg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":538813},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next/index.d.ts","import":"./dist/next/index.js","default":"./dist/next/index.js","require":"./dist/next/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next/client":{"types":"./dist/next/client.d.ts","import":"./dist/next/client.js","default":"./dist/next/client.js","require":"./dist/next/client.cjs"},"./next/server":{"types":"./dist/next/server/index.d.ts","import":"./dist/next/server/index.js","default":"./dist/next/server/index.js","require":"./dist/next/server/index.cjs"},"./next/generator":{"types":"./dist/next/generator.d.ts","import":"./dist/next/generator.js","default":"./dist/next/generator.js","require":"./dist/next/generator.cjs"}},"gitHead":"dff94abd80c1913b0825a1a6a593b2e10d70c890","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"deprecated":"README/documentation is outdated. Please use version 1.0.1 or later.","repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.13.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.16.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.splitScreenCustomizeStyle.md","devDependencies":{"next":"^16.1.6","rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"^6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.2","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"next":">=14.2 <17","react":">=18 <20","react-dom":">=18 <20"},"peerDependenciesMeta":{"next":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_1.0.0_1786509812752_0.9499861083636407","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@byeolnaerim/flex-layout","version":"1.0.1","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@1.0.1","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"bce29b09cc93e32948646b11d6adef734bb2bb89","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-1.0.1.tgz","fileCount":163,"integrity":"sha512-Msj05m9j/LoxAp6DPeJwGOiC00M1pgLnLkIQKKYVw2dOFKHIdTqHqNbaHA/jY8ixab8cL7uDcO+sF7NcKk+Z9g==","signatures":[{"sig":"MEUCIDwEr00SqcBcOKhNFKkf5Znrc/AHKIDxGmFrytmuhGcCAiEA8rv/qPCjpds6saZaZVtBIFLP8qbZXEZ+J6yri5A7TiY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":551672},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next/index.d.ts","import":"./dist/next/index.js","default":"./dist/next/index.js","require":"./dist/next/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next/client":{"types":"./dist/next/client.d.ts","import":"./dist/next/client.js","default":"./dist/next/client.js","require":"./dist/next/client.cjs"},"./next/server":{"types":"./dist/next/server/index.d.ts","import":"./dist/next/server/index.js","default":"./dist/next/server/index.js","require":"./dist/next/server/index.cjs"},"./next/generator":{"types":"./dist/next/generator.d.ts","import":"./dist/next/generator.js","default":"./dist/next/generator.js","require":"./dist/next/generator.cjs"}},"gitHead":"0da7e70153cc630e16ea417fccbc99efc8cb0cbd","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.13.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.16.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.splitScreenCustomizeStyle.md","devDependencies":{"next":"^16.1.6","rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"^6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.2","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"next":">=14.2 <17","react":">=18 <20","react-dom":">=18 <20"},"peerDependenciesMeta":{"next":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_1.0.1_1786510040936_0.47156288418033343","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@byeolnaerim/flex-layout","version":"1.0.2","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@1.0.2","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"115ad0cf5e1620a058430d75ef89541291f4c0fd","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-1.0.2.tgz","fileCount":163,"integrity":"sha512-ZF8yZ79GBqkZg3AdmuuWYZnz4Xu7mTkF3VUQrydOtPSpN7ibcUzsT/g+xyvRO5vsWWYKyU7gJS7vi4W3RzOX/A==","signatures":[{"sig":"MEUCIEKIytp6PjzaMWa/CsrlmDNY5d42fqayaJAiIlXuFleJAiEA2eG8dFQ19YVbQ7gQcqAttGophulMJzKLGhpFMs6G/oE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":929446},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next/index.d.ts","import":"./dist/next/index.js","default":"./dist/next/index.js","require":"./dist/next/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next/client":{"types":"./dist/next/client.d.ts","import":"./dist/next/client.js","default":"./dist/next/client.js","require":"./dist/next/client.cjs"},"./next/server":{"types":"./dist/next/server/index.d.ts","import":"./dist/next/server/index.js","default":"./dist/next/server/index.js","require":"./dist/next/server/index.cjs"},"./next/generator":{"types":"./dist/next/generator.d.ts","import":"./dist/next/generator.js","default":"./dist/next/generator.js","require":"./dist/next/generator.cjs"}},"gitHead":"2a213a013ced78dc9c78717ba23b236ee0c0e445","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.13.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.16.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.splitScreenCustomizeStyle.md","devDependencies":{"next":"^16.1.6","rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"^6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.2","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"next":">=14.2 <17","react":">=18 <20","react-dom":">=18 <20"},"peerDependenciesMeta":{"next":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_1.0.2_1786512280578_0.017465561762719295","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@byeolnaerim/flex-layout","version":"1.0.3","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@1.0.3","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"50a2ca9414718a0ddb45687057898d129920b875","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-1.0.3.tgz","fileCount":163,"integrity":"sha512-QhMRsnnAXPznpoRTBGSpQCL3xs9XMcAUZ9At8blQXkL2ZHSlTTPAj5lKOqTe5/SI4OJW7POLybxjso+Bjf6YlQ==","signatures":[{"sig":"MEUCIAVR+q+uQS8SzEX4XQ+7sZh/8CkgUGW+N4m/HJN9Gu8IAiEA7sIbD8YambywpeGKcEUbas1xFra4ivYfgZMBA3suqSQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":930064},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next/index.d.ts","import":"./dist/next/index.js","default":"./dist/next/index.js","require":"./dist/next/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next/client":{"types":"./dist/next/client.d.ts","import":"./dist/next/client.js","default":"./dist/next/client.js","require":"./dist/next/client.cjs"},"./next/server":{"types":"./dist/next/server/index.d.ts","import":"./dist/next/server/index.js","default":"./dist/next/server/index.js","require":"./dist/next/server/index.cjs"},"./next/generator":{"types":"./dist/next/generator.d.ts","import":"./dist/next/generator.js","default":"./dist/next/generator.js","require":"./dist/next/generator.cjs"}},"gitHead":"da19fbe4cfdcfeb62a5d8e6ddb8f4f583e189b21","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"11.13.0","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.16.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"next":"^16.1.6","rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"^6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.3","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"next":">=14.2 <17","react":">=18 <20","react-dom":">=18 <20"},"peerDependenciesMeta":{"next":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_1.0.3_1787532638799_0.21666021960996185","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@byeolnaerim/flex-layout","version":"1.0.4","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"author":{"url":"@oozu1994","name":"Joohyoung Kim"},"license":"Apache-2.0","_id":"@byeolnaerim/flex-layout@1.0.4","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"homepage":"https://byeolnaerim.com/flex-layout","bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"dist":{"shasum":"26b63096a24ce4a099449dc9f3499c0c8b39c200","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-1.0.4.tgz","fileCount":163,"integrity":"sha512-De4B9I9QxN2W6fZdkvJyUuXMTtWUwNMZA6sMLRcxxgp3uaQqjTKTtPFSI+C0IGYfCRv3IQpeDdiD1u2wcd9bng==","signatures":[{"sig":"MEUCIFtqaqDnGsqJHxpzEslxXWALg7hkUxaU2dFwgMLYLKw6AiEAnNokWi2w5VeJSvdHA+dEegNbH7oEwTDHJlut+nTx8Eo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":933426},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next":{"types":"./dist/next/index.d.ts","import":"./dist/next/index.js","default":"./dist/next/index.js","require":"./dist/next/index.cjs"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js","require":"./dist/index.cjs"},"./next/client":{"types":"./dist/next/client.d.ts","import":"./dist/next/client.js","default":"./dist/next/client.js","require":"./dist/next/client.cjs"},"./next/server":{"types":"./dist/next/server/index.d.ts","import":"./dist/next/server/index.js","default":"./dist/next/server/index.js","require":"./dist/next/server/index.cjs"},"./next/generator":{"types":"./dist/next/generator.d.ts","import":"./dist/next/generator.js","default":"./dist/next/generator.js","require":"./dist/next/generator.cjs"}},"gitHead":"dd3e76fa0eabaa6f4e5c8da03ff1ac7b140c4ae8","scripts":{"dev":"tsup --watch","build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","prepack":"npm run build","copy:assets":"cpy \"src/**/*.css\" \"dist\""},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"overrides":{"esbuild":"0.28.0"},"repository":{"url":"git+https://github.com/joohyoungkim19940805/flex-layout.git","type":"git"},"_npmVersion":"12.0.2","description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.15.0","dependencies":{"rxjs":">=7","fast-deep-equal":"^3.1.3","@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"next":"^16.1.6","rxjs":"^7.8.2","tsup":"^8.5.1","react":"^19.2.6","cpy-cli":"^5","react-dom":"^19.2.6","typescript":"^6.0.3","@types/react":"^19.2.15","@types/react-dom":"^19.2.3","@byeolnaerim/global-rx-state":"0.0.3","esbuild-plugin-preserve-directives":"^0.0.11"},"peerDependencies":{"next":">=14.2 <17","react":">=18 <20","react-dom":">=18 <20"},"peerDependenciesMeta":{"next":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/flex-layout_1.0.4_1788139491603_0.7909773772401107","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@byeolnaerim/flex-layout","version":"1.0.5","type":"module","license":"Apache-2.0","author":{"name":"Joohyoung Kim","url":"@oozu1994"},"description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"homepage":"https://byeolnaerim.com/flex-layout","repository":{"type":"git","url":"git+https://github.com/joohyoungkim19940805/flex-layout.git"},"bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"sideEffects":["**/*.css"],"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./components":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./hooks":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./providers":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./utils":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./store":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./next":{"types":"./dist/next/index.d.ts","import":"./dist/next/index.js","require":"./dist/next/index.cjs","default":"./dist/next/index.js"},"./next/client":{"types":"./dist/next/client.d.ts","import":"./dist/next/client.js","require":"./dist/next/client.cjs","default":"./dist/next/client.js"},"./next/server":{"types":"./dist/next/server/index.d.ts","import":"./dist/next/server/index.js","require":"./dist/next/server/index.cjs","default":"./dist/next/server/index.js"},"./next/generator":{"types":"./dist/next/generator.d.ts","import":"./dist/next/generator.js","require":"./dist/next/generator.cjs","default":"./dist/next/generator.js"}},"scripts":{"build":"tsup && tsc -p tsconfig.build.json && npm run copy:assets","copy:assets":"cpy \"src/**/*.css\" \"dist\"","dev":"tsup --watch","prepack":"npm run build"},"peerDependencies":{"react":">=18 <20","react-dom":">=18 <20","next":">=14.2 <17"},"dependencies":{"@byeolnaerim/global-rx-state":">=0.0.1 <0.1.0","fast-deep-equal":"^3.1.3","rxjs":">=7"},"devDependencies":{"@types/react":"^19.2.18","@types/react-dom":"^19.2.5","@byeolnaerim/global-rx-state":"0.0.3","esbuild-plugin-preserve-directives":"^0.0.11","cpy-cli":"^5","react":"^19.2.8","react-dom":"^19.2.8","rxjs":"^7.8.2","tsup":"^8.5.1","typescript":"^7.0.2","next":"^16.3.2"},"overrides":{"esbuild":"0.28.0"},"peerDependenciesMeta":{"next":{"optional":true}},"gitHead":"8f02d4cd07a5899a5a15823c38b7e2d36c5cb914","_id":"@byeolnaerim/flex-layout@1.0.5","_nodeVersion":"24.16.0","_npmVersion":"12.0.2","dist":{"integrity":"sha512-NMHdTgA/0Jida5hgSWUG8enBPlcjP5iK74AXcTEtfLHbtSzsXr8rwiON+F0ibyQG0RdkStH+0/7ofu2SK06y3g==","shasum":"e2fa1a5bd3a3d2c327c9197f5159c63464e8820c","tarball":"https://registry.npmjs.org/@byeolnaerim/flex-layout/-/flex-layout-1.0.5.tgz","fileCount":163,"unpackedSize":933578,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFnxmAk3HIzEKh3uUTZTTD6MpU/nQ35IVbK0TJ19+62EAiBazKZnBqibOtaSVDZDrHzo2fay+IkPIT2u9XuLS3nDzg=="}]},"_npmUser":{"name":"oozu1994","email":"oozu1994@gmail.com"},"directories":{},"maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/flex-layout_1.0.5_1788935476017_0.2749180774590101"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-15T04:32:39.839Z","modified":"2026-09-09T06:31:16.453Z","0.0.2":"2026-02-15T04:32:40.061Z","0.0.3":"2026-02-15T14:17:37.715Z","0.0.4":"2026-02-15T14:31:30.190Z","0.0.5":"2026-02-15T14:49:41.613Z","0.0.6":"2026-02-16T08:08:09.945Z","0.0.7":"2026-02-16T09:26:27.816Z","0.0.8":"2026-02-16T11:03:56.380Z","0.0.9":"2026-02-20T11:21:48.584Z","0.0.10":"2026-02-24T10:35:30.368Z","0.0.12":"2026-03-14T02:14:17.854Z","0.0.13":"2026-05-27T09:03:11.443Z","0.0.14":"2026-05-28T06:07:37.992Z","0.0.15":"2026-06-05T00:36:16.663Z","1.0.0":"2026-08-12T04:43:32.894Z","1.0.1":"2026-08-12T04:47:21.105Z","1.0.2":"2026-08-12T05:24:40.793Z","1.0.3":"2026-08-24T00:50:38.977Z","1.0.4":"2026-08-31T01:24:51.751Z","1.0.5":"2026-09-09T06:31:16.256Z"},"bugs":{"url":"https://github.com/joohyoungkim19940805/flex-layout/issues"},"author":{"name":"Joohyoung Kim","url":"@oozu1994"},"license":"Apache-2.0","homepage":"https://byeolnaerim.com/flex-layout","keywords":["react","ui","layout","flex","split","split-pane","splitter","resizable","resize","drag","divider","panel","panes","dock","flex-layout","flexLayout","vscode","rxjs","typescript"],"repository":{"type":"git","url":"git+https://github.com/joohyoungkim19940805/flex-layout.git"},"description":"A React UI layout component for building resizable split views. Wrap panes with FlexLayout and drag the divider to resize horizontally or vertically.","maintainers":[{"name":"oozu1994","email":"oozu1994@gmail.com"}],"readme":"# FlexLayoutSplitScreen design customization example\n\n> Reference-only example copied from the `SiteFlexLayoutSplitScreen.tsx` used by [byeolnaerim.com](https://byeolnaerim.com).\n> This example uses dependencies and project-specific utilities that are **not** dependencies of `@byeolnaerim/flex-layout` (for example MUI, MUI Icons, site i18n/theme utilities).  \n> The file is documentation only and is not compiled into `dist`. Adapt the styling/dependencies to your own project.\n\n```tsx\n\"use client\";\n\nimport {\n\tFlexLayoutSplitScreen,\n\ttype DropDocumentOutsideOption,\n\ttype FlexLayoutSplitScreenTitleMoreMenuContext,\n} from \"@byeolnaerim/flex-layout\";\nimport { createRxState } from \"@byeolnaerim/global-rx-state\";\nimport AutoAwesomeRoundedIcon from \"@mui/icons-material/AutoAwesomeRounded\";\nimport CallSplitRoundedIcon from \"@mui/icons-material/CallSplitRounded\";\nimport CloseRoundedIcon from \"@mui/icons-material/CloseRounded\";\nimport ContentCopyRoundedIcon from \"@mui/icons-material/ContentCopyRounded\";\nimport LinkRoundedIcon from \"@mui/icons-material/LinkRounded\";\nimport MoreHorizRoundedIcon from \"@mui/icons-material/MoreHorizRounded\";\nimport { Box, Typography } from \"@mui/material\";\nimport { alpha, useTheme } from \"@mui/material/styles\";\nimport * as React from \"react\";\nimport { useTranslation } from \"@/i18n/client\";\nfunction SiteSplitScreenTitle({ children }: { children?: React.ReactNode }) {\n\tconst theme = useTheme();\n\n\treturn (\n\t\t<Box\n\t\t\tcomponent=\"span\"\n\t\t\tsx={{\n\t\t\t\tdisplay: \"inline-flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tgap: 0.75,\n\t\t\t\tmaxWidth: \"100%\",\n\t\t\t\tpx: 1.1,\n\t\t\t\tpy: 0.45,\n\t\t\t\tborderRadius: 999,\n\t\t\t}}\n\t\t>\n\t\t\t<Box\n\t\t\t\tcomponent=\"span\"\n\t\t\t\tsx={{\n\t\t\t\t\twidth: 7,\n\t\t\t\t\theight: 7,\n\t\t\t\t\tflex: \"0 0 auto\",\n\t\t\t\t\tborderRadius: \"50%\",\n\t\t\t\t\tbackgroundColor: \"primary.main\",\n\t\t\t\t\tboxShadow: `0 0 0 3px ${alpha(theme.palette.primary.main, 0.14)}, 0 0 14px ${alpha(theme.palette.primary.main, 0.55)}`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<Typography\n\t\t\t\tcomponent=\"span\"\n\t\t\t\tvariant=\"caption\"\n\t\t\t\tsx={{\n\t\t\t\t\tminWidth: 0,\n\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\ttextOverflow: \"ellipsis\",\n\t\t\t\t\twhiteSpace: \"nowrap\",\n\t\t\t\t\tfontWeight: 850,\n\t\t\t\t\tletterSpacing: \"0.035em\",\n\t\t\t\t\tcolor: \"text.primary\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Typography>\n\t\t</Box>\n\t);\n}\n\nfunction SiteSplitScreenTitleWrapper({\n\tchildren,\n}: {\n\tchildren?: React.ReactNode;\n}) {\n\tconst theme = useTheme();\n\n\treturn (\n\t\t<Box\n\t\t\tcomponent=\"span\"\n\t\t\tsx={{\n\t\t\t\tdisplay: \"inline-flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tgap: 0.35,\n\t\t\t\tmaxWidth: \"100%\",\n\t\t\t\tp: 0.3,\n\t\t\t\tborder: `1px solid ${alpha(theme.palette.primary.main, 0.22)}`,\n\t\t\t\tborderRadius: 999,\n\t\t\t\tbackground: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.92)}, ${alpha(theme.palette.primary.main, 0.07)})`,\n\t\t\t\tboxShadow: `0 5px 16px ${alpha(theme.palette.common.black, 0.08)}`,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</Box>\n\t);\n}\n\nfunction SiteSplitScreenDropGuide() {\n\tconst { t } = useTranslation();\n\tconst theme = useTheme();\n\n\treturn (\n\t\t<Box\n\t\t\tsx={{\n\t\t\t\tminWidth: { xs: 220, sm: 300 },\n\t\t\t\tmaxWidth: 420,\n\t\t\t\tp: 2.25,\n\t\t\t\tborder: `1px solid ${alpha(theme.palette.primary.main, 0.52)}`,\n\t\t\t\tborderRadius: 3.5,\n\t\t\t\tbackground: `linear-gradient(145deg, ${alpha(theme.palette.background.paper, 0.96)}, ${alpha(theme.palette.primary.main, 0.12)} 58%, ${alpha(theme.palette.arena.logos, 0.1)})`,\n\t\t\t\tboxShadow: `0 20px 60px ${alpha(theme.palette.common.black, 0.2)}, inset 0 0 0 1px ${alpha(theme.palette.common.white, theme.palette.mode === \"dark\" ? 0.05 : 0.55)}`,\n\t\t\t\tbackdropFilter: \"blur(18px)\",\n\t\t\t}}\n\t\t>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tgap: 1.25,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\twidth: 42,\n\t\t\t\t\t\theight: 42,\n\t\t\t\t\t\tdisplay: \"grid\",\n\t\t\t\t\t\tplaceItems: \"center\",\n\t\t\t\t\t\tflex: \"0 0 auto\",\n\t\t\t\t\t\tborderRadius: 2.25,\n\t\t\t\t\t\tcolor: \"primary.main\",\n\t\t\t\t\t\tborder: `1px solid ${alpha(theme.palette.primary.main, 0.28)}`,\n\t\t\t\t\t\tbackgroundColor: alpha(theme.palette.primary.main, 0.1),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CallSplitRoundedIcon fontSize=\"small\" />\n\t\t\t\t</Box>\n\t\t\t\t<Box sx={{ minWidth: 0 }}>\n\t\t\t\t\t<Typography\n\t\t\t\t\t\tvariant=\"subtitle2\"\n\t\t\t\t\t\tsx={{ fontWeight: 900, letterSpacing: \"-0.01em\" }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"Dock into workspace\")}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Typography\n\t\t\t\t\t\tvariant=\"caption\"\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: \"block\",\n\t\t\t\t\t\t\tmt: 0.25,\n\t\t\t\t\t\t\tcolor: \"text.secondary\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{t(\"Drop on an edge to create a new split view.\")}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</Box>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tmt: 1.5,\n\t\t\t\t\theight: 4,\n\t\t\t\t\tborderRadius: 999,\n\t\t\t\t\tbackground: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.arena.logos}, ${theme.palette.arena.pathos})`,\n\t\t\t\t\topacity: 0.72,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</Box>\n\t);\n}\n\nfunction SiteSplitScreenCloseButton() {\n\tconst { t } = useTranslation();\n\tconst theme = useTheme();\n\n\treturn (\n\t\t<Box\n\t\t\tcomponent=\"button\"\n\t\t\ttype=\"button\"\n\t\t\taria-label={t(\"Close split screen tab\")}\n\t\t\tsx={{\n\t\t\t\twidth: 27,\n\t\t\t\theight: 27,\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tplaceItems: \"center\",\n\t\t\t\tp: 0,\n\t\t\t\tborder: `1px solid ${alpha(theme.palette.arena.pathos, 0.3)}`,\n\t\t\t\tborderRadius: 999,\n\t\t\t\tcolor: alpha(theme.palette.arena.pathos, 0.82),\n\t\t\t\tbackgroundColor: alpha(theme.palette.arena.pathos, 0.07),\n\t\t\t\tcursor: \"pointer\",\n\t\t\t\ttransition:\n\t\t\t\t\t\"transform .15s ease, color .15s ease, border-color .15s ease, background-color .15s ease, box-shadow .15s ease\",\n\t\t\t\t\"&:hover\": {\n\t\t\t\t\tcolor: theme.palette.arena.pathos,\n\t\t\t\t\tborderColor: alpha(theme.palette.arena.pathos, 0.58),\n\t\t\t\t\tbackgroundColor: alpha(theme.palette.arena.pathos, 0.14),\n\t\t\t\t\tboxShadow: `0 6px 18px ${alpha(theme.palette.arena.pathos, 0.16)}`,\n\t\t\t\t\ttransform: \"translateY(-1px) rotate(4deg)\",\n\t\t\t\t},\n\t\t\t\t\"&:active\": { transform: \"translateY(0) scale(0.92)\" },\n\t\t\t}}\n\t\t>\n\t\t\t<CloseRoundedIcon sx={{ fontSize: 17 }} />\n\t\t</Box>\n\t);\n}\n\nfunction SiteSplitScreenMoreButton() {\n\tconst { t } = useTranslation();\n\tconst theme = useTheme();\n\n\treturn (\n\t\t<Box\n\t\t\tcomponent=\"button\"\n\t\t\ttype=\"button\"\n\t\t\taria-label={t(\"Open split screen actions\")}\n\t\t\tsx={{\n\t\t\t\twidth: 34,\n\t\t\t\theight: 30,\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tplaceItems: \"center\",\n\t\t\t\tp: 0,\n\t\t\t\tborder: `1px solid ${alpha(theme.palette.primary.main, 0.32)}`,\n\t\t\t\tborderRadius: 999,\n\t\t\t\tcolor: \"text.secondary\",\n\t\t\t\tbackground: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.96)}, ${alpha(theme.palette.primary.main, 0.1)})`,\n\t\t\t\tboxShadow: `0 4px 14px ${alpha(theme.palette.common.black, 0.1)}`,\n\t\t\t\tcursor: \"pointer\",\n\t\t\t\ttransition:\n\t\t\t\t\t\"transform .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease\",\n\t\t\t\talignSelf: \"center\",\n\t\t\t\t\"&:hover\": {\n\t\t\t\t\tcolor: \"primary.main\",\n\t\t\t\t\tborderColor: alpha(theme.palette.primary.main, 0.58),\n\t\t\t\t\tboxShadow: `0 7px 20px ${alpha(theme.palette.primary.main, 0.14)}`,\n\t\t\t\t\ttransform: \"translateY(-1px)\",\n\t\t\t\t},\n\t\t\t\t\"&:active\": { transform: \"translateY(0) scale(0.96)\" },\n\t\t\t}}\n\t\t>\n\t\t\t<MoreHorizRoundedIcon fontSize=\"small\" />\n\t\t</Box>\n\t);\n}\n\nfunction SiteSplitScreenMoreMenu({\n\tcontext,\n}: {\n\tcontext: FlexLayoutSplitScreenTitleMoreMenuContext;\n}) {\n\tconst { t } = useTranslation();\n\tconst theme = useTheme();\n\tconst [copied, setCopied] = React.useState<\"title\" | \"link\">();\n\n\tconst copyText = React.useCallback(\n\t\t(value: string, type: \"title\" | \"link\") => {\n\t\t\tnavigator.clipboard.writeText(value).then(() => {\n\t\t\t\tsetCopied(type);\n\t\t\t\twindow.setTimeout(() => setCopied(undefined), 1200);\n\t\t\t});\n\t\t},\n\t\t[],\n\t);\n\n\tconst itemSx = {\n\t\twidth: \"100%\",\n\t\tdisplay: \"flex\",\n\t\talignItems: \"center\",\n\t\tgap: 1,\n\t\tpx: 1.25,\n\t\tpy: 0.9,\n\t\tborder: 0,\n\t\tborderRadius: 1.5,\n\t\tcolor: \"text.primary\",\n\t\tbackgroundColor: \"transparent\",\n\t\tfont: \"inherit\",\n\t\tfontSize: 13,\n\t\tfontWeight: 650,\n\t\ttextAlign: \"left\",\n\t\tcursor: \"pointer\",\n\t\ttransition:\n\t\t\t\"background-color .15s ease, color .15s ease, opacity .15s ease\",\n\t\t\"&:hover\": {\n\t\t\tcolor: \"primary.main\",\n\t\t\tbackgroundColor: alpha(theme.palette.primary.main, 0.09),\n\t\t},\n\t\t\"&:disabled\": {\n\t\t\tcursor: \"default\",\n\t\t\topacity: 0.38,\n\t\t\tcolor: \"text.secondary\",\n\t\t\tbackgroundColor: \"transparent\",\n\t\t},\n\t} as const;\n\n\treturn (\n\t\t<Box\n\t\t\trole=\"menu\"\n\t\t\tsx={{\n\t\t\t\tminWidth: 260,\n\t\t\t\tp: 0.75,\n\t\t\t\tborder: `1px solid ${alpha(theme.palette.primary.main, 0.28)}`,\n\t\t\t\tborderRadius: 2.75,\n\t\t\t\tbackground: `linear-gradient(145deg, ${alpha(theme.palette.background.paper, 0.98)}, ${alpha(theme.palette.primary.main, 0.075)} 62%, ${alpha(theme.palette.arena.logos, 0.055)})`,\n\t\t\t\tboxShadow: `0 24px 70px ${alpha(theme.palette.common.black, 0.24)}, inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === \"dark\" ? 0.06 : 0.55)}`,\n\t\t\t\tbackdropFilter: \"blur(18px)\",\n\t\t\t}}\n\t\t>\n\t\t\t<Typography\n\t\t\t\tcomponent=\"div\"\n\t\t\t\tvariant=\"caption\"\n\t\t\t\tsx={{\n\t\t\t\t\tpx: 1.25,\n\t\t\t\t\tpt: 0.45,\n\t\t\t\t\tpb: 0.65,\n\t\t\t\t\tcolor: \"text.secondary\",\n\t\t\t\t\tfontWeight: 850,\n\t\t\t\t\tletterSpacing: \"0.07em\",\n\t\t\t\t\ttextTransform: \"uppercase\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{t(\"Tab actions\")}\n\t\t\t</Typography>\n\n\t\t\t<Box\n\t\t\t\tcomponent=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\tonClick={context.closeCurrentTab}\n\t\t\t\tsx={itemSx}\n\t\t\t>\n\t\t\t\t{t(\"Close Current Tab\")}\n\t\t\t</Box>\n\t\t\t<Box\n\t\t\t\tcomponent=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\tdisabled={!context.canCloseOtherTabs}\n\t\t\t\tonClick={context.closeOtherTabs}\n\t\t\t\tsx={itemSx}\n\t\t\t>\n\t\t\t\t{t(\"Close Other Tabs\")}\n\t\t\t</Box>\n\t\t\t<Box\n\t\t\t\tcomponent=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\tdisabled={!context.canCloseTabsToRight}\n\t\t\t\tonClick={context.closeTabsToRight}\n\t\t\t\tsx={itemSx}\n\t\t\t>\n\t\t\t\t{t(\"Close Tabs to the Right\")}\n\t\t\t</Box>\n\t\t\t<Box\n\t\t\t\tcomponent=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\tonClick={context.closeAllTabs}\n\t\t\t\tsx={itemSx}\n\t\t\t>\n\t\t\t\t{t(\"Close All Tabs in Split\")}\n\t\t\t</Box>\n\t\t\t{context.canOpenInNewWindow ? (\n\t\t\t\t<Box\n\t\t\t\t\tcomponent=\"button\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\tonClick={context.openInNewWindow}\n\t\t\t\t\tsx={itemSx}\n\t\t\t\t>\n\t\t\t\t\t{t(\"Open in New Window\")}\n\t\t\t\t</Box>\n\t\t\t) : null}\n\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tmx: 0.75,\n\t\t\t\t\tmy: 0.65,\n\t\t\t\t\tborderTop: `1px solid ${alpha(theme.palette.divider, 0.8)}`,\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tgap: 0.75,\n\t\t\t\t\tpx: 1.25,\n\t\t\t\t\tpt: 0.35,\n\t\t\t\t\tpb: 0.65,\n\t\t\t\t\tcolor: \"text.secondary\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AutoAwesomeRoundedIcon\n\t\t\t\t\tsx={{ fontSize: 15, color: \"primary.main\" }}\n\t\t\t\t/>\n\t\t\t\t<Typography\n\t\t\t\t\tcomponent=\"span\"\n\t\t\t\t\tvariant=\"caption\"\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tfontWeight: 850,\n\t\t\t\t\t\tletterSpacing: \"0.07em\",\n\t\t\t\t\t\ttextTransform: \"uppercase\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{t(\"Site actions\")}\n\t\t\t\t</Typography>\n\t\t\t</Box>\n\t\t\t<Box\n\t\t\t\tcomponent=\"button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\tonClick={() =>\n\t\t\t\t\tcopyText(\n\t\t\t\t\t\tcontext.activeItem.navigationTitle ||\n\t\t\t\t\t\t\tcontext.containerName,\n\t\t\t\t\t\t\"title\",\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tsx={itemSx}\n\t\t\t>\n\t\t\t\t<ContentCopyRoundedIcon sx={{ fontSize: 17 }} />\n\t\t\t\t<span>\n\t\t\t\t\t{copied === \"title\" ? \"Title Copied\" : \"Copy Tab Title\"}\n\t\t\t\t</span>\n\t\t\t</Box>\n\t\t\t{context.activeItem.dropDocumentOutsideOption?.openUrl ? (\n\t\t\t\t<Box\n\t\t\t\t\tcomponent=\"button\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\tcopyText(\n\t\t\t\t\t\t\tcontext.activeItem.dropDocumentOutsideOption!\n\t\t\t\t\t\t\t\t.openUrl,\n\t\t\t\t\t\t\t\"link\",\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tsx={itemSx}\n\t\t\t\t>\n\t\t\t\t\t<LinkRoundedIcon sx={{ fontSize: 17 }} />\n\t\t\t\t\t<span>\n\t\t\t\t\t\t{copied === \"link\" ? \"Link Copied\" : \"Copy Tab Link\"}\n\t\t\t\t\t</span>\n\t\t\t\t</Box>\n\t\t\t) : null}\n\t\t</Box>\n\t);\n}\n\nexport default function SiteFlexLayoutSplitScreen({\n\tchildren,\n\tlayoutName,\n\tcontainerName,\n\tnavigationTitle,\n\tdropDocumentOutsideOption,\n}: {\n\tchildren: React.ReactElement;\n\tlayoutName: string;\n\tcontainerName: string;\n\tnavigationTitle: string;\n\tdropDocumentOutsideOption?: DropDocumentOutsideOption;\n}) {\n\tconst { useIsCustomizeSplitScreen } = createRxState<\n\t\tboolean,\n\t\t\"isCustomizeSplitScreen\"\n\t>(true, \"isCustomizeSplitScreen\", {\n\t\tstorage: \"auto\",\n\t});\n\n\tconst isCustomizeSplitScreen = useIsCustomizeSplitScreen();\n\n\n\treturn (\n\t\t<FlexLayoutSplitScreen\n\t\t\tlayoutName={layoutName}\n\t\t\tcontainerName={containerName}\n\t\t\tnavigationTitle={navigationTitle}\n\t\t\tnavigationTitleComponent={\n\t\t\t\tisCustomizeSplitScreen ? <SiteSplitScreenTitle /> : undefined\n\t\t\t}\n\t\t\tdropGuideComponent={\n\t\t\t\tisCustomizeSplitScreen ? <SiteSplitScreenDropGuide /> : undefined\n\t\t\t}\n\t\t\ttitleWrapperComponent={\n\t\t\t\tisCustomizeSplitScreen ? <SiteSplitScreenTitleWrapper /> : undefined\n\t\t\t}\n\t\t\ttitleCloseButtonComponent={\n\t\t\t\tisCustomizeSplitScreen ? <SiteSplitScreenCloseButton /> : undefined\n\t\t\t}\n\t\t\ttitleMoreButtonComponent={\n\t\t\t\tisCustomizeSplitScreen ? <SiteSplitScreenMoreButton /> : undefined\n\t\t\t}\n\t\t\trenderTitleMoreMenu={\n\t\t\t\tisCustomizeSplitScreen\n\t\t\t\t\t? (context) => <SiteSplitScreenMoreMenu context={context} />\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tdropDocumentOutsideOption={dropDocumentOutsideOption}\n\t\t\tpreserveStateOnUnmount\n\t\t>\n\t\t\t{children}\n\t\t</FlexLayoutSplitScreen>\n\t);\n}\n```\n","readmeFilename":"README.splitScreenCustomizeStyle.md"}