{"_id":"@blorkfield/blork-tabs","_rev":"11-a8cd81af1d11485c20f36a7a6f15a3df","name":"@blorkfield/blork-tabs","dist-tags":{"latest":"0.5.0"},"versions":{"0.1.3":{"name":"@blorkfield/blork-tabs","version":"0.1.3","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.1.3","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/blorkfield/blork-tabs/issues"},"dist":{"shasum":"588e8ba1a960f25e0c34539966e897cf475567cc","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.1.3.tgz","fileCount":17,"integrity":"sha512-ZdZ1FLaeStDeGK/G+bGCbyPXY3s/aCNjEwfoidpH5UHQy6eZY30vp+SQWzw6KbjLNy+rLWXy/Ze6i9UUasli1Q==","signatures":[{"sig":"MEUCIQCIicM/FPRTunhTl7Z+KjNo9EyyX3KHTbBNfTIQ7fD7hwIgIDXC6+5YqQ+qlhhtGO45Fw1Gi/wkO37yDFDNS6cQ9Ag=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":177361},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"82e8f6fb6f1b7a0fd4eca4d4cef12d65613c88c0","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","test:watch":"vitest","prepublishOnly":"npm run build"},"_npmUser":{"name":"blorkfield_user","email":"meier_steven@yahoo.com"},"repository":{"url":"git+https://github.com/blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"10.9.4","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.21.1","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.1.3_1768345519496_0.5260527042060894","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@blorkfield/blork-tabs","version":"0.2.0","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.2.0","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/blorkfield/blork-tabs/issues"},"dist":{"shasum":"efb00bbe40e2ce60ccfd7606427d973e48380193","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.2.0.tgz","fileCount":17,"integrity":"sha512-4y5YN3vghPNd+QY7ssa/3EsNyWnJCqFhwpXrVQflKsHOwyALqjMvYXK7n8xLgHQVRiBXhfM77ecoSzGPAf8qZQ==","signatures":[{"sig":"MEYCIQCOHAKCv88xDlO6MtRCBaokdtKCGCdW/IvGXfACLauCUQIhAOkUDxtGqnZjCSer+6sMjTXEtI2XttaNZcq8VNMHBjJY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":177480},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"99bd40b5a935d39e1b73f35c38eae202087e0300","scripts":{"dev":"npm run build && npm run dev --prefix testbed","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"npm install --prefix testbed","prepublishOnly":"npm run build"},"_npmUser":{"name":"blorkfield_user","email":"meier_steven@yahoo.com"},"repository":{"url":"git+https://github.com/blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"10.9.4","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.21.1","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.2.0_1768350768291_0.5203982482408038","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"@blorkfield/blork-tabs","version":"0.2.2","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.2.2","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"89944776a0900c4282497525eb76692c9fcf8642","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.2.2.tgz","fileCount":17,"integrity":"sha512-DZcyGNjxytkZaa32k+vhlOrwu4M5veo29cXv52qIivxfxDESOjD0xTCwCpi8ZEVgyXzMxmIiSam4q8oeqsNfmA==","signatures":[{"sig":"MEYCIQC+0EgwMP/vyvnOtbwP3tITyMeKs0onDid457xLX8/MjwIhALCprSy8t0vYpMKLSsfpR52DkAuBvJ4HoFl8JdU6t/zS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.2.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":177480},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"74d031328954fa75afebedabcb7d8c8016a96279","scripts":{"dev":"npm run build && npm run dev --prefix testbed","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"npm install --prefix testbed","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.2.2_1769657437841_0.4930930465160912","host":"s3://npm-registry-packages-npm-production"}},"0.2.3":{"name":"@blorkfield/blork-tabs","version":"0.2.3","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.2.3","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"a4a5b3efceec5cb8c6dcda48cfeaa816d4b195c1","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.2.3.tgz","fileCount":17,"integrity":"sha512-jtbloO8xDTLcDlebtyEE00GtgwLLi3MsVSHIQVaPxJThU5b8hotamTSBrnNiKb5dokVb0gXzCsAlu5G6t9e1Zg==","signatures":[{"sig":"MEUCIAcfqJhTI20y9wNCLwCr32HlvbcIzs7gqSgKqCQBQ8hPAiEAjTk8KE6aoipY8AxhJ7/YSjrSuh5peq5T+kw0Q6ryqLk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.2.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":177777},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"c598dd2dfc4cdd8f76f36c5183e56831b76a72a2","scripts":{"dev":"npm run build && npm run dev --prefix testbed","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"npm install --prefix testbed","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.2.3_1769742267790_0.20042484948627193","host":"s3://npm-registry-packages-npm-production"}},"0.2.4":{"name":"@blorkfield/blork-tabs","version":"0.2.4","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.2.4","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"f78d3111afd5f5013a93be11a19feec6a86aedc5","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.2.4.tgz","fileCount":17,"integrity":"sha512-l8cpWEPrhP7z/GiWLzqYt/vMAphFVOftWq3u8iatauRv8na+S3UGLI7Bf3XC/MTHXqUvMJRP98AKFlUnoii/Cw==","signatures":[{"sig":"MEUCIQCjGO6EaFk0QNOwtNbUTSoF+WlSSjxIPv/9+1axg2tgrgIgM5pJ56mG9VSVvCZjR/T7+lEYtX1WShskxMyDy6fyNvg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.2.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":177777},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"58c44757e94526ffebdf184b37b040a58e62671e","scripts":{"dev":"npm run build && npm run dev --prefix testbed","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"npm install --prefix testbed","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.2.4_1769743662030_0.010582960359348803","host":"s3://npm-registry-packages-npm-production"}},"0.2.5":{"name":"@blorkfield/blork-tabs","version":"0.2.5","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.2.5","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"b0d79800c83f8e209b0012f06a6b3e4cb2af38d4","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.2.5.tgz","fileCount":17,"integrity":"sha512-93LlxOMkN7BNEfSl6rgJ4KvJw+IArmoGnVKYs/IrprA2803TSBzTuJ0ZP12gfK1d99WLGfoS8NbDGWHE3ZvLLA==","signatures":[{"sig":"MEUCIQDsBHXQ3werQwL2yTwfzb6MWNpOGn6UaUNuB+lHAEJDlwIgWrzlebe+noJa8l4P26N38178RWXjQCwr3T3iWN+d7AA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.2.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":179085},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"5b0e78f457b08812d3edb8153a7e2ee657fffeba","scripts":{"dev":"npm run build && npm run dev --prefix testbed","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"npm install --prefix testbed","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.2.5_1769748661616_0.20188184587726932","host":"s3://npm-registry-packages-npm-production"}},"0.2.6":{"name":"@blorkfield/blork-tabs","version":"0.2.6","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.2.6","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"bf97ce4c6f61180c75c57826fce0eddbfab2b58d","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.2.6.tgz","fileCount":17,"integrity":"sha512-z4V5mlGmH3Z5ndNVkkldj4/DIEKdTbtGt94Ar44Q7NA+nzwht2gDC1m3naA1I9FYka/XRzlSI5tN430H1qlCzA==","signatures":[{"sig":"MEQCIHeZA3FsfgVQGtDnNL2/t+MmE6v/Gwz/QQZ+D3mCl+vJAiBaEvZsOVMo+FRd8U06cogmEdvxK3un79MYqd67gFu10g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.2.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":179134},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"72f394986eed25e3b5925092f8eedcbb20a47dd3","scripts":{"dev":"pnpm build && pnpm -C testbed dev","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","typecheck":"tsc --noEmit","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"pnpm -C testbed install","prepublishOnly":"pnpm build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.28.2","devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.2.6_1769812601899_0.8424403880208806","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@blorkfield/blork-tabs","version":"0.3.0","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.3.0","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"edaa4f3cc1be4489772a2064e0c5c4f7ec1f9807","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.3.0.tgz","fileCount":19,"integrity":"sha512-oOz0maB3w4ErJH8d1Dr2oOWxEfGz7GUzFhyFm95clBGgkUCt2LyU6JmXfwFknP96QjTz7lM4Nc/wE53ZOui9qg==","signatures":[{"sig":"MEUCIQCzfDMLOmwVtSc8OU3ZJPunE64GfcmfVOAu+OpUGnBPrAIgIuvNsJO+zn9E3P8PYF4LmkKVNNqhmFql/2wyitM2Nnw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":234530},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"47090402dbda4890d90f335ce04ac2bf5c6adb04","scripts":{"dev":"pnpm build && pnpm -C testbed dev","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","typecheck":"tsc --noEmit","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"pnpm -C testbed install","prepublishOnly":"pnpm build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.28.2","devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.3.0_1770174556590_0.20613178338606075","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@blorkfield/blork-tabs","version":"0.3.1","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.3.1","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"af3961f62f1b8377341b653e881a1e770ec0dd62","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.3.1.tgz","fileCount":19,"integrity":"sha512-loDVEgYDR8rYbJNExSjVRP18ttZnQLfBY6w4jkr69/1ZCtlvBTNGi4cF5GHiLLsHYZwarF54iPhcNmznd4pLxw==","signatures":[{"sig":"MEYCIQCDHTVkwTi/hDurL7L+AoT+q0eG81LnXd1jTr0Cgxo4wQIhAPGp8vKLu246pRLNBYHO08eRr9OUh65EfSGDRU2ZH5Hv","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.3.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":252771},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"df3a6582f9f3dc2b38fb6b8ae948fc90ec6c1d0c","scripts":{"dev":"pnpm build && pnpm -C testbed dev","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","typecheck":"tsc --noEmit","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"pnpm -C testbed install","prepublishOnly":"pnpm build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.8.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.28.2","devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.3.1_1770213057753_0.2799130913050778","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@blorkfield/blork-tabs","version":"0.4.0","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","_id":"@blorkfield/blork-tabs@0.4.0","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"homepage":"https://github.com/Blorkfield/blork-tabs#readme","bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"dist":{"shasum":"caaea1d17be3d6a3f521b8f8edbb8f0c4c38f790","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.4.0.tgz","fileCount":19,"integrity":"sha512-t9iOjQUjyHzQe50BIX133hO0NnPJjV+Xd995LSWhzy+ndjGtYpQgnqnd+NcBy+3MYBW5qlDRE03kUJfZtGH1Aw==","signatures":[{"sig":"MEYCIQD0ReNNcg1nVRqEOgi8Y2lvRhU0Ecr5TaCYYMe8D2yqEQIhAMRZgpiZCg+4WxvEZqX7P9hdYVyCI+SHcD44cAkoQFyR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":272712},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"074e4644e4c9a251c2a1fff9ecfe19eb192b1756","scripts":{"dev":"pnpm build && pnpm -C testbed dev","lint":"eslint src/","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","typecheck":"tsc --noEmit","test:watch":"vitest","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev:install":"pnpm -C testbed install","prepublishOnly":"pnpm build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"repository":{"url":"git+https://github.com/Blorkfield/blork-tabs.git","type":"git"},"_npmVersion":"11.11.0","description":"A framework-agnostic tab/panel management system with snapping and docking","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"packageManager":"pnpm@10.28.2","devDependencies":{"tsup":"^8.0.0","eslint":"^9.0.0","vitest":"^1.0.0","happy-dom":"^20.1.0","@eslint/js":"^9.0.0","typescript":"^5.3.0","@types/node":"^20.0.0","@changesets/cli":"^2.27.0","typescript-eslint":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/blork-tabs_0.4.0_1772203890135_0.9949689685773397","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@blorkfield/blork-tabs","version":"0.5.0","description":"A framework-agnostic tab/panel management system with snapping and docking","packageManager":"pnpm@10.28.2","type":"module","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"},"./styles.css":"./dist/styles.css"},"scripts":{"build":"tsup src/index.ts --format cjs,esm --dts --clean && cp styles.css dist/","build:watch":"tsup src/index.ts --format cjs,esm --dts --watch","dev":"pnpm build && pnpm -C testbed dev","dev:install":"pnpm -C testbed install","lint":"eslint src/","test":"vitest run","test:watch":"vitest","typecheck":"tsc --noEmit","prepublishOnly":"pnpm build"},"keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"author":{"name":"Blorkfield"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Blorkfield/blork-tabs.git"},"bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"homepage":"https://github.com/Blorkfield/blork-tabs#readme","devDependencies":{"@changesets/cli":"^2.27.0","@eslint/js":"^9.0.0","@types/node":"^20.0.0","eslint":"^9.0.0","happy-dom":"^20.1.0","tsup":"^8.0.0","typescript":"^5.3.0","typescript-eslint":"^8.0.0","vitest":"^1.0.0"},"engines":{"node":">=18.0.0"},"gitHead":"cb1ab2df41ceaf180d549bbf6e671efd64f9463b","_id":"@blorkfield/blork-tabs@0.5.0","_nodeVersion":"22.22.0","_npmVersion":"11.11.0","dist":{"integrity":"sha512-LSI7x6dkhBaBXtSGamQltZTUc+Q/fsOKelnKb0r2haVoLYcVdYuRnfjvF0/ItDu2i0sjpmrvu29+yk+yHjKseA==","shasum":"3040b6fd327c26889a41f182554df1aeb834092a","tarball":"https://registry.npmjs.org/@blorkfield/blork-tabs/-/blork-tabs-0.5.0.tgz","fileCount":20,"unpackedSize":288838,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blorkfield%2fblork-tabs@0.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCvkNq8RMK+Odb1spd+Li8Es4pz0cilLLYxScxzC3TnTAIhANO9SS0C9hOVKxERkXtSjNzI2hHRr0BU2UfFAbWn6zMa"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:87ff3c13-be65-4242-b082-5b05e5594a7e"}},"directories":{},"maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/blork-tabs_0.5.0_1772665785612_0.2328371817049406"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-13T23:05:19.378Z","modified":"2026-03-04T23:09:46.100Z","0.1.3":"2026-01-13T23:05:19.648Z","0.2.0":"2026-01-14T00:32:48.440Z","0.2.2":"2026-01-29T03:30:37.991Z","0.2.3":"2026-01-30T03:04:27.959Z","0.2.4":"2026-01-30T03:27:42.189Z","0.2.5":"2026-01-30T04:51:01.762Z","0.2.6":"2026-01-30T22:36:42.064Z","0.3.0":"2026-02-04T03:09:16.782Z","0.3.1":"2026-02-04T13:50:57.944Z","0.4.0":"2026-02-27T14:51:30.276Z","0.5.0":"2026-03-04T23:09:45.756Z"},"bugs":{"url":"https://github.com/Blorkfield/blork-tabs/issues"},"author":{"name":"Blorkfield"},"license":"MIT","homepage":"https://github.com/Blorkfield/blork-tabs#readme","keywords":["tabs","panels","docking","snapping","ui","drag-and-drop","window-management"],"repository":{"type":"git","url":"git+https://github.com/Blorkfield/blork-tabs.git"},"description":"A framework-agnostic tab/panel management system with snapping and docking","maintainers":[{"name":"blorkfield_user","email":"meier_steven@yahoo.com"}],"readme":"# @blorkfield/blork-tabs\n\nA framework-agnostic tab/panel management system with snapping and docking capabilities.\n\n## Features\n\n- **Panel Snapping** - Panels snap together to form linked chains\n- **Anchor Docking** - Dock panels to predefined screen positions\n- **Drag Modes** - Drag entire groups or detach individual panels\n- **Collapse/Expand** - Panels can be collapsed with automatic repositioning\n- **Pin** - Pin panels to prevent dragging and opt out of auto-hide\n- **Auto-Hide** - Panels can hide after inactivity and show on interaction\n- **Event System** - Subscribe to drag, snap, and collapse events\n- **Fully Typed** - Complete TypeScript support\n- **Framework Agnostic** - Works with plain DOM or any framework\n- **Customizable** - CSS variables for easy theming\n\n## Installation\n\n```bash\nnpm install @blorkfield/blork-tabs\n```\n\n## Quick Start\n\n```typescript\nimport { TabManager } from '@blorkfield/blork-tabs';\nimport '@blorkfield/blork-tabs/styles.css';\n\n// Create the tab manager\nconst manager = new TabManager({\n snapThreshold: 50,\n panelGap: 0,\n panelMargin: 16,\n});\n\n// Create panels programmatically\nmanager.addPanel({\n id: 'settings',\n title: 'Settings',\n content: '
Settings content here
',\n});\n\nmanager.addPanel({\n id: 'tools',\n title: 'Tools',\n content: '
Tools content here
',\n});\n\n// Or register existing DOM elements\nmanager.registerPanel('my-panel', document.getElementById('my-panel'), {\n dragHandle: document.getElementById('my-panel-header'),\n collapseButton: document.getElementById('my-panel-collapse'),\n contentWrapper: document.getElementById('my-panel-content'),\n});\n\n// Position panels and create snap chains\n// positionPanelsFromRight takes IDs right-to-left; createSnapChain takes them left-to-right\nmanager.positionPanelsFromRight(['tools', 'settings']);\nmanager.createSnapChain(['settings', 'tools']);\n\n// Listen to events\nmanager.on('snap:panel', ({ movingPanels, targetPanel, side }) => {\n console.log(`Panels snapped to ${side} of ${targetPanel.id}`);\n});\n```\n\n## Configuration\n\n```typescript\nconst manager = new TabManager({\n // Distance threshold for panel-to-panel snapping (default: 50)\n snapThreshold: 50,\n\n // Gap between snapped panels (default: 0)\n panelGap: 0,\n\n // Margin from window edges (default: 16)\n panelMargin: 16,\n\n // Distance threshold for anchor snapping (default: 80)\n anchorThreshold: 80,\n\n // Default panel width for calculations (default: 300)\n defaultPanelWidth: 300,\n\n // Container element (default: document.body)\n container: document.body,\n\n // Auto-create default anchors (default: true)\n initializeDefaultAnchors: true,\n\n // CSS class prefix (default: 'blork-tabs')\n classPrefix: 'blork-tabs',\n\n // Whether panels start hidden (default: false)\n startHidden: false,\n\n // Milliseconds before auto-hiding on inactivity (default: undefined = no auto-hide)\n autoHideDelay: undefined,\n});\n```\n\n## Panel Configuration\n\nEach panel accepts the following options via `addPanel(config)`:\n\n```typescript\nmanager.addPanel({\n id: 'my-panel', // Required. Unique identifier.\n title: 'My Panel', // Header text.\n width: 300, // Panel width in px (default: 300).\n initialPosition: { x: 100, y: 100 }, // Starting position. Auto-placed if omitted.\n content: '
...
', // HTML string or HTMLElement for the content area.\n\n // Collapse\n startCollapsed: true, // Whether the panel starts collapsed (default: true).\n collapsible: true, // Show collapse button (default: true).\n\n // Pin\n pinnable: false, // Show pin button in header (default: false).\n startPinned: false, // Initial pin state (default: false).\n\n // Drag\n draggable: true, // Allow dragging (default: true).\n detachable: true, // Show detach grip for single-panel drag (default: true).\n\n // Auto-hide overrides (see Auto-Hide section)\n startHidden: false, // Override global startHidden for this panel.\n autoHideDelay: undefined, // Override global autoHideDelay (0 = disable auto-hide).\n\n // Z-index\n zIndex: 1000, // Default z-index (default: 1000).\n dragZIndex: 1002, // Z-index while dragging (default: 1002).\n});\n```\n\n## API Reference\n\n### TabManager\n\n#### Panel Management\n- `addPanel(config)` - Create a new panel\n- `addDebugPanel(config)` - Create a debug panel with logging interface\n- `registerPanel(id, element, options)` - Register existing DOM element\n- `removePanel(id)` - Remove a panel\n- `getPanel(id)` - Get panel by ID\n- `getAllPanels()` - Get all panels\n\n#### Snap Chain Management\n- `getSnapChain(panelId)` - Get all panels in same chain\n- `snap(leftPanelId, rightPanelId)` - Manually snap two panels\n- `detach(panelId)` - Detach panel from chain\n- `createSnapChain(panelIds)` - Create chain from panel IDs (left-to-right order)\n- `updatePositions()` - Recalculate snapped positions\n\n#### Positioning\n\n`positionPanelsFromRight` and `positionPanelsFromLeft` take panel IDs in **opposite orders**:\n\n- `positionPanelsFromRight(panelIds, gap?)` — first ID is placed at the **right edge**, rest go leftward. Pass IDs **right-to-left**.\n- `positionPanelsFromLeft(panelIds, gap?)` — first ID is placed at the **left edge**, rest go rightward. Pass IDs **left-to-right**.\n\nBecause `createSnapChain` uses left-to-right order, you'll typically reverse the array between the two calls:\n\n```typescript\n// Visual order left-to-right: properties, tools, settings\nmanager.positionPanelsFromRight(['settings', 'tools', 'properties']); // right-to-left\nmanager.createSnapChain(['properties', 'tools', 'settings']); // left-to-right\n```\n\n#### Anchors\n- `addAnchor(config)` - Add custom anchor\n- `addPresetAnchor(preset)` - Add preset anchor\n- `removeAnchor(id)` - Remove anchor\n- `getAnchors()` - Get all anchors\n\n#### Auto-Hide\n- `show(panelId)` - Show a hidden panel\n- `hide(panelId)` - Hide a panel\n- `isHidden(panelId)` - Check if panel is hidden\n\n#### Events\n- `on(event, listener)` - Subscribe to event\n- `off(event, listener)` - Unsubscribe from event\n\n### Events\n\n| Event | Description |\n|-------|-------------|\n| `panel:added` | Panel was added |\n| `panel:removed` | Panel was removed |\n| `drag:start` | Drag operation started |\n| `drag:move` | Panel being dragged |\n| `drag:end` | Drag operation ended |\n| `snap:panel` | Panels snapped together |\n| `snap:anchor` | Panels snapped to anchor |\n| `panel:detached` | Panel detached from chain |\n| `panel:pin` | Panel pinned/unpinned |\n| `panel:collapse` | Panel collapsed/expanded |\n| `panel:show` | Panel became visible (auto-hide) |\n| `panel:hide` | Panel became hidden (auto-hide) |\n\n## Drag Modes\n\nEach panel header has two drag zones:\n\n- **Detach grip** (small handle on the left of the header) — drags only that panel. It is detached from its snap chain and moved independently.\n- **Title / header area** — drags the entire connected snap chain as a group.\n\nSet `detachable: false` to hide the grip and make the header always drag the group.\n\n## Pinning\n\nPinning locks a panel in place and exempts it from auto-hide. Enable the pin button with `pinnable: true`:\n\n```typescript\nmanager.addPanel({\n id: 'hud',\n title: 'HUD',\n pinnable: true,\n startPinned: true, // start already pinned\n autoHideDelay: 5000, // pin will override this\n});\n```\n\n### What pinning does\n\n- **Prevents dragging** — a pinned panel cannot be moved, even when dragging its header.\n- **Immune to auto-hide** — a pinned panel is always visible regardless of the `autoHideDelay`. Pinning cancels any pending hide timer and shows the panel if it was hidden. Unpinning restarts the timer.\n- **Splits snap chains on drag** — if a pinned panel sits in the middle of a chain and you drag a neighbour, the chain severs at the pin boundary. Only the panels on the same side as the grabbed panel move; the pinned panel and everything beyond it stay put.\n\n```typescript\n// Chain: A — B — [P pinned] — C — D\n// Grabbing B moves [A, B] and severs the B↔P bond.\n// Grabbing C moves [C, D] and severs the P↔C bond.\n```\n\n### Events\n\n```typescript\nmanager.on('panel:pin', ({ panel, isPinned }) => {\n console.log(`${panel.id} is now ${isPinned ? 'pinned' : 'unpinned'}`);\n});\n```\n\n## Multi-Section Panel Content\n\nWhen creating panels with multiple sections (like a command menu with categories), put all sections within a **single `content` string**. Do not use multiple panels or multiple content wrappers—this breaks scrolling and causes content cutoff.\n\n**Correct approach:**\n\n```typescript\nmanager.addPanel({\n id: 'command-menu',\n title: 'Commands',\n content: `\n
\n
File
\n
New File
\n
Open...
\n
Save
\n
\n
\n
Edit
\n
Undo
\n
Redo
\n
Cut
\n
\n
\n
View
\n
Zoom In
\n
Zoom Out
\n
\n `,\n});\n```\n\nThe panel content area has a max-height (default `20vh`) with `overflow-y: auto`, so long content scrolls properly. Splitting sections across multiple content wrappers defeats this behavior.\n\n## Auto-Hide\n\nPanels can automatically hide after a period of inactivity and reappear when the user interacts with the page. This is useful for OBS overlays or any interface where you want panels to get out of the way.\n\n### Configuration\n\nAuto-hide has two independent options:\n\n- **`startHidden`** - Whether the panel starts invisible (default: `false`)\n- **`autoHideDelay`** - Milliseconds before hiding after inactivity (default: `undefined` = no auto-hide)\n\nThese can be set globally on the TabManager or per-panel:\n\n```typescript\n// Global: all panels hide after 3 seconds of inactivity\nconst manager = new TabManager({\n autoHideDelay: 3000,\n startHidden: true,\n});\n\n// Per-panel overrides\nmanager.addPanel({\n id: 'always-visible',\n title: 'Always Visible',\n autoHideDelay: 0, // Disable auto-hide for this panel\n});\n\nmanager.addPanel({\n id: 'quick-hide',\n title: 'Quick Hide',\n autoHideDelay: 1000, // This panel hides faster\n startHidden: false, // But starts visible\n});\n```\n\n### Behavior Matrix\n\n| startHidden | autoHideDelay | Behavior |\n|-------------|---------------|----------|\n| `false` | `undefined` | Normal - always visible |\n| `true` | `undefined` | Starts hidden, shows on activity, never hides again |\n| `false` | `3000` | Starts visible, hides after 3s of inactivity |\n| `true` | `3000` | Starts hidden, shows on activity, hides after 3s of inactivity |\n\n### Pin interaction\n\nPinning a panel overrides auto-hide entirely for that panel — it stays visible regardless of inactivity. Unpinning re-enables the timer. Each panel is tracked independently; pinning one panel in a group has no effect on its neighbours.\n\n### Events\n\n```typescript\nmanager.on('panel:show', ({ panel, trigger }) => {\n // trigger: 'activity' (user interaction) or 'api' (programmatic)\n console.log(`${panel.id} is now visible`);\n});\n\nmanager.on('panel:hide', ({ panel, trigger }) => {\n // trigger: 'timeout' (auto-hide delay) or 'api' (programmatic)\n console.log(`${panel.id} is now hidden`);\n});\n```\n\n### Programmatic Control\n\n```typescript\nmanager.hide('my-panel'); // Hide immediately\nmanager.show('my-panel'); // Show immediately\nmanager.isHidden('my-panel'); // Check visibility\n```\n\n## Debug Panel\n\nA plug-and-play debug panel for in-browser event logging—useful for OBS browser sources and other environments without console access.\n\n### Creating a Debug Panel\n\n```typescript\nimport { TabManager } from '@blorkfield/blork-tabs';\n\nconst manager = new TabManager();\n\n// Create a debug panel\nconst debug = manager.addDebugPanel({\n id: 'debug',\n title: 'Event Log', // optional, default: 'Debug'\n width: 300, // optional, default: 300\n maxEntries: 50, // optional, default: 50\n showTimestamps: true, // optional, default: false\n showClearButton: true, // optional, default: true\n startCollapsed: true, // optional, default: true\n initialPosition: { x: 16, y: 16 },\n});\n```\n\n### Logging Events\n\nLog events with different severity levels, each with distinct color coding:\n\n```typescript\n// Info/Log level - blue (accent color)\ndebug.log('event-name', { some: 'data' });\ndebug.info('connection', { status: 'connected' });\n\n// Warning level - yellow\ndebug.warn('cache', { message: 'Cache expired, refreshing...' });\n\n// Error level - red\ndebug.error('request', { code: 500, message: 'Server error' });\n\n// Clear all entries\ndebug.clear();\n```\n\n### Features\n\n- **Pre-styled monospace container** - Optimized for log readability\n- **Color-coded log levels** - Blue for info, yellow for warnings, red for errors\n- **Auto-scroll** - Automatically scrolls to show latest entries\n- **Entry limit** - Configurable max entries with FIFO removal of oldest\n- **Timestamps** - Optional timestamp display for each entry\n- **Hover glow effect** - Border lights up with accent color on hover\n- **Enlarge on hover** - Hover for 5 seconds to expand to 75% of screen with 2x text size\n- **Modal backdrop** - Enlarged view has a backdrop; click × or backdrop to close\n- **Standard panel features** - Drag, snap, collapse, auto-hide all work\n\n### Enlarged View Behavior\n\nThe debug panel has a special \"focus mode\" for reading logs:\n\n1. **Hover for configurable delay** → Panel enlarges to 75% of screen with doubled text size (default: 5 seconds, configurable via `hoverDelay`)\n2. **Mouse can move freely** → Panel stays enlarged, won't close on mouse leave\n3. **Click × or backdrop** → Returns to normal size\n\nThe × button is only visible when enlarged. Set `hoverDelay: 0` to disable the enlarge feature entirely.\n\n**Auto-hide interaction:** When hovering a debug panel that has auto-hide enabled, the auto-hide timer is paused so the panel won't disappear before the hover-to-enlarge triggers.\n\n### Configuration Options\n\n| Option | Type | Default | Description |\n|--------|------|---------|-------------|\n| `maxEntries` | `number` | `50` | Maximum log entries before oldest are removed |\n| `showTimestamps` | `boolean` | `false` | Show timestamps on each entry |\n| `hoverDelay` | `number` | `5000` | Milliseconds to hover before enlarging (0 = disable) |\n\nPlus all standard `PanelConfig` options (`id`, `title`, `width`, `initialPosition`, `startCollapsed`, etc.)\n\n### Accessing the Underlying Panel\n\n```typescript\n// The debug panel interface includes access to the panel state\ndebug.panel; // PanelState - for advanced manipulation\n```\n\n### Embeddable Debug Log\n\nYou can embed a debug log inside any panel or container element using `createDebugLog()`:\n\n```typescript\nconst manager = new TabManager();\n\n// Create a panel with custom content\nconst panel = manager.addPanel({\n id: 'my-panel',\n title: 'My Panel',\n content: '
Some content
',\n});\n\n// Add a debug log section to the panel\nconst logSection = document.createElement('div');\npanel.contentWrapper.appendChild(logSection);\n\n// Create the embedded debug log (shares hover-to-enlarge with standalone panels)\nconst embeddedLog = manager.createDebugLog(logSection, {\n maxEntries: 20,\n showTimestamps: true,\n hoverDelay: 3000, // 3 second hover delay (0 to disable, default: 5000)\n});\n\n// Use it like a regular debug panel\nembeddedLog.log('event', { data: 'value' });\nembeddedLog.info('status', { connected: true });\nembeddedLog.warn('warning', { message: 'Low memory' });\nembeddedLog.error('error', { code: 500 });\nembeddedLog.clear();\n```\n\nThe embedded log supports the same hover-to-enlarge behavior as the standalone debug panel.\n\n## CSS Customization\n\nOverride CSS variables to customize appearance:\n\n```css\n:root {\n --blork-tabs-panel-bg: #1a1a2e;\n --blork-tabs-panel-border: 1px solid #2a2a4a;\n --blork-tabs-panel-radius: 8px;\n --blork-tabs-panel-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n --blork-tabs-header-bg: #2a2a4a;\n --blork-tabs-header-color: #e0e0e0;\n --blork-tabs-content-bg: #1a1a2e;\n --blork-tabs-content-max-height: 20vh;\n --blork-tabs-accent: #4a90d9;\n}\n```\n\nFor light theme, add `blork-tabs-light` class to container:\n\n```html\n\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}