atomicuilibrary 0.0.1

package/dist/components/ui-workspace-manager.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as e,createEvent as i,h as r,Host as t,transformTag as o}from"@stencil/core/internal/client";import{s as n,d as s}from"./icon.js";import{c,g as l,b as m}from"./dom.js";import{d,a as p}from"./badge.js";import{d as h}from"./resizable-panel.js";const g=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.layoutChange=i(this,"layoutChange",7),this.panelAdded=i(this,"panelAdded",7),this.panelRemoved=i(this,"panelRemoved",7),this.panelMoved=i(this,"panelMoved",7),this.panelPoppedOut=i(this,"panelPoppedOut",7),this.panelDocked=i(this,"panelDocked",7),this.panelMaximized=i(this,"panelMaximized",7),this.panelRestored=i(this,"panelRestored",7),this.regionAdded=i(this,"regionAdded",7),this.regionRemoved=i(this,"regionRemoved",7)}get el(){return this}regions=[];handleRegionsChange(){this.initRegions(),this.root={...this.root},this.layoutVersion++}direction="horizontal";saveState=!0;stateKey="layout-manager-state";root;panelsById={};popouts={};maximizedPanel;preMaximizeState;draggingPanel;draggingPopout;layoutVersion=0;contextMenu;tabActionsMenu;floatingDropdown;openDropdowns={};openActionsMenu={};regionsNeedingScroll={};minimizedRegions={};dragOverTarget;floatingDropdownTrigger;tabActionsMenuTrigger;layoutChange;panelAdded;panelRemoved;panelMoved;panelPoppedOut;panelDocked;panelMaximized;panelRestored;regionAdded;regionRemoved;async getLayoutState(){return{root:this.root,panels:this.panelsById}}async clearAllRegions(){await this.closeAllPanels(),this.panelsById={},this.popouts={},this.maximizedPanel=void 0,this.draggingPanel=void 0,this.draggingPopout=void 0,this.contextMenu=void 0,this.tabActionsMenu=void 0,this.openDropdowns={},this.openActionsMenu={},this.root={id:"__root__",title:"Root",direction:this.direction,children:[],panels:[]},this.floatingDropdownTrigger=void 0,this.tabActionsMenuTrigger=void 0,this.emitLayoutChange()}handleScroll(){(this.floatingDropdown||this.tabActionsMenu)&&this.recalculateMenuPositions()}recalculateMenuPositions(){requestAnimationFrame((()=>{if(this.floatingDropdown&&this.floatingDropdownTrigger){const a=c(this.floatingDropdownTrigger,{menuWidth:200,menuHeight:300,gap:4,align:"end"});this.floatingDropdown={...this.floatingDropdown,x:a.left??0,y:a.top??0}}if(this.tabActionsMenu&&this.tabActionsMenuTrigger){const a=c(this.tabActionsMenuTrigger,{menuWidth:180,menuHeight:200,gap:4,align:"end"});this.tabActionsMenu={...this.tabActionsMenu,x:a.left??0,y:a.top??0}}}))}componentWillLoad(){this.saveState&&this.loadState(),(!this.root||0===this.root.children?.length&&0===this.root.panels?.length)&&this.initRegions(),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}handleDocumentClick=a=>{const e=a.target;e.closest(".lm-panel-dropdown-wrapper")||Object.values(this.openDropdowns).some((a=>a))&&(this.openDropdowns={}),e.closest(".lm-actions-menu-wrapper")||Object.values(this.openActionsMenu).some((a=>a))&&(this.openActionsMenu={})};parseRegions(){return(("string"==typeof this.regions?JSON.parse(this.regions):this.regions)||[]).map((a=>({id:a.id,title:a.title,size:a.size??25,minSize:a.minSize,maxSize:a.maxSize,collapsible:a.collapsible??!1})))}initRegions(){const a=this.parseRegions(),e=a.reduce(((a,e)=>a+(e.size||0)),0)||100,i=a.map((i=>({...i,size:(i.size||100/a.length)/e*100,panels:[],activePanelId:void 0})));this.root={id:"__root__",title:"Root",size:100,panels:[],children:i,direction:this.direction}}async addPanel(a){const e=a.id||`panel-${Date.now()}-${Math.floor(1e3*Math.random())}`,i=this.findRegionNode(a.regionId)?.node;if(!i)throw Error("Region not found: "+a.regionId);if("content-only"===i.type&&i.panels&&i.panels.length>0)return i.panels[0];const r={id:e,title:a.title,regionId:i.id,closable:!1!==a.closable,icon:a.icon,iconLibrary:a.iconLibrary,allowPopout:!1!==a.allowPopout,element:a.element,html:a.html};return this.panelsById={...this.panelsById,[e]:r},i.panels=[...i.panels||[],e],i.activePanelId=e,this.root={...this.root},this.panelAdded.emit(r),this.emitLayoutChange(),e}async removePanel(a){const e=this.panelsById[a];if(!e)return;if(e.pinned)return;this.maximizedPanel===a&&(this.maximizedPanel=void 0,this.preMaximizeState=void 0);const i=this.findRegionNode(e.regionId)?.node;i&&(i.panels=(i.panels||[]).filter((e=>e!==a)),i.activePanelId===a&&(i.activePanelId=i.panels[(i.panels||[]).length-1]||void 0));const{[a]:r,...t}=this.panelsById;this.panelsById=t;const{[a]:o,...n}=this.popouts;this.popouts=n,this.root={...this.root},this.panelRemoved.emit({panelId:a,regionId:i?.id||""}),this.emitLayoutChange()}async movePanel(a,e,i){const r=this.panelsById[a];if(!r)throw Error("Panel not found: "+a);const t=this.findRegionNode(r.regionId)?.node,o=this.findRegionNode(e)?.node;if(!o)throw Error("Target region not found: "+e);t&&(t.panels=(t.panels||[]).filter((e=>e!==a)),t.activePanelId===a&&(t.activePanelId=t.panels[(t.panels||[]).length-1]||void 0)),r.regionId=o.id;const n=[...o.panels||[]];void 0===i||i<0||i>n.length?n.push(a):n.splice(i,0,a),o.panels=n,o.activePanelId=a,this.panelsById={...this.panelsById},this.root={...this.root},this.panelMoved.emit({panelId:a,from:t?.id||"",to:o.id}),this.emitLayoutChange()}async popoutPanel(a,e){const i=this.panelsById[a];if(!i)throw Error("Panel not found: "+a);const r=this.findRegionNode(i.regionId)?.node;r&&(r.panels=(r.panels||[]).filter((e=>e!==a)),r.activePanelId===a&&(r.activePanelId=r.panels[(r.panels||[]).length-1]||void 0)),this.popouts={...this.popouts,[a]:{x:e?.x??100,y:e?.y??100,width:e?.width??400,height:e?.height??300}},this.root={...this.root},this.panelPoppedOut.emit({panelId:a}),this.emitLayoutChange()}async dockPanel(a,e,i){if(!this.popouts[a])return;const{[a]:r,...t}=this.popouts;this.popouts=t,await this.movePanel(a,e,i),this.panelDocked.emit({panelId:a,regionId:e})}async splitRegion(a,e="horizontal"){const i=this.findRegionNode(a);if(!i)throw Error("Region not found: "+a);const{node:r}=i;if(r.children&&r.children.length)return;const t={id:a+"-a",title:r.title,size:50,panels:[],activePanelId:void 0},o={id:a+"-b",title:r.title,size:50,panels:[],activePanelId:void 0};r.panels?.length&&(t.panels=[...r.panels],t.activePanelId=r.activePanelId,r.panels=[],r.activePanelId=void 0),r.children=[t,o],r.direction=e,this.root={...this.root},this.emitLayoutChange()}async maximizePanel(a){if(!this.panelsById[a])throw Error("Panel not found: "+a);this.preMaximizeState={root:JSON.parse(JSON.stringify(this.root)),panelsById:JSON.parse(JSON.stringify(this.panelsById))},this.maximizedPanel=a,this.panelMaximized.emit({panelId:a})}async restorePanel(){if(!this.maximizedPanel)return;const a=this.maximizedPanel;this.preMaximizeState&&(this.preMaximizeState.root&&this.preMaximizeState.panelsById&&(this.root=this.preMaximizeState.root,this.panelsById=this.preMaximizeState.panelsById,this.root={...this.root},this.panelsById={...this.panelsById},this.layoutVersion++),this.preMaximizeState=void 0),this.maximizedPanel=void 0,this.panelRestored.emit({panelId:a}),this.emitLayoutChange()}async closeAllPanels(a){if(a){const e=this.findRegionNode(a);if(!e||!e.node.panels)return;const i=[...e.node.panels];for(const a of i)await this.removePanel(a)}else{const a=Object.keys(this.panelsById);for(const e of a)await this.removePanel(e)}}async mergeRegion(a){const e=this.findRegionNode(a);if(!e)return;const{node:i}=e;if(!i.children||!i.children.length)return;const r=i.children[0];i.panels=[...r.panels||[]],i.activePanelId=r.activePanelId,i.children=void 0,i.direction=void 0,this.root={...this.root},this.emitLayoutChange()}async createRegion(a){if(this.findRegionNode(a.id))return;const e=this.root.children||[],i=e.reduce(((a,e)=>a+(e.size||0)),0)||100,r=a.size??100/(e.length+1),t=r/(i+r)*100,o=e.map((a=>({...a,size:(a.size||0)*(i/(i+r))})));this.root.children=[...o,{id:a.id,title:a.title,size:t,minSize:a.minSize,maxSize:a.maxSize,collapsible:a.collapsible??!1,panels:[],activePanelId:void 0}],this.emitLayoutChange()}async addRegion(a){this.root&&this.root.children||(this.root={id:"__root__",title:"Root",direction:this.direction,children:[],panels:[]});const e=a.id||"region-"+Date.now(),i=a.title||"Region "+(this.root.children.length+1),r=a.position||"end",t=a.type||"default";if(this.findRegionNode(e))throw Error(`Region with id '${e}' already exists`);const o={id:e,title:i,size:a.size||100/(this.root.children.length+1),panels:[],activePanelId:void 0,type:t};if(this.root.children="start"===r?[o,...this.root.children]:[...this.root.children,o],!a.skipNormalization){const a=this.root.children.reduce(((a,e)=>a+(e.size||0)),0);this.root.children=this.root.children.map((e=>({...e,size:(e.size||0)/a*100})))}return this.root={...this.root},this.emitLayoutChange(),this.regionAdded.emit({regionId:e,title:i}),e}async normalizeRegionSizes(){if(!this.root||!this.root.children)return;const a=this.root.children.reduce(((a,e)=>a+(e.size||0)),0);0!==a&&(this.root.children=this.root.children.map((e=>({...e,size:(e.size||0)/a*100}))),this.root={...this.root},this.emitLayoutChange())}async removeRegion(a){const e=this.findRegionNode(a);if(!e)return;const{parent:i}=e;if(!i||!i.children)return;const r=i.children.findIndex((e=>e.id===a)),t=i.children[r],o=i.children[r-1]||i.children[r+1];i.children=i.children.filter((e=>e.id!==a)),o&&t&&t.panels?.length&&(o.panels=[...o.panels||[],...t.panels],o.activePanelId=o.activePanelId||t.activePanelId||(o.panels||[])[(o.panels||[]).length-1]);const n=i.children,s=n.reduce(((a,e)=>a+(e.size||0)),0)||100;i.children=n.map((a=>({...a,size:(a.size||0)/s*100}))),this.root={...this.root},this.emitLayoutChange(),this.regionRemoved.emit({regionId:a})}onPanelPopout(a){this.popoutPanel(a.detail.panelId)}onPanelSelect(a){const e=this.findRegionNode(a.detail.regionId)?.node;e&&(e.activePanelId=a.detail.panelId,this.root={...this.root},this.emitLayoutChange())}emitLayoutChange(){const a=[],e=i=>{i.children&&i.children.length?i.children.forEach(e):a.push(i)};e(this.root),this.layoutChange.emit({regions:a}),this.saveState&&this.saveStateToStorage()}saveStateToStorage(){try{const a=Object.fromEntries(Object.entries(this.panelsById).map((([a,e])=>{const{element:i,...r}=e;return[a,r]})));localStorage.setItem(this.stateKey,JSON.stringify({root:this.root,panelsById:a,minimizedRegions:this.minimizedRegions}))}catch(a){console.error("[WorkspaceManager] Failed to save state",a)}}loadState(){try{const a=localStorage.getItem(this.stateKey);if(a){const e=JSON.parse(a);this.root=e.root,this.panelsById=e.panelsById,this.minimizedRegions=e.minimizedRegions||{}}}catch(a){console.error("[WorkspaceManager] Failed to load state",a)}}findRegionNode(a){let e;const i=(r,t)=>{r.id!==a?r.children&&r.children.forEach((a=>i(a,r))):e={node:r,parent:t}};return i(this.root),e}scrollTabs(a,e){const i=document.querySelector(`[data-region-id="${a}"] .lm-tabs`);i&&i.scrollBy({left:"left"===e?-200:200,behavior:"smooth"})}togglePanelDropdown(a,e){e?.stopPropagation();const i=!this.openDropdowns[a];if(this.openDropdowns={...this.openDropdowns,[a]:i},i&&e){this.floatingDropdownTrigger=e.currentTarget;const i=c(this.floatingDropdownTrigger,{menuWidth:200,menuHeight:300,gap:4,align:"end"});this.floatingDropdown={x:i.left??0,y:i.top??0,regionId:a,type:"panel"}}else this.floatingDropdown=void 0,this.floatingDropdownTrigger=void 0}selectPanelFromDropdown(a,e){this.selectPanel(a,e),this.openDropdowns={...this.openDropdowns,[a]:!1},this.floatingDropdown=void 0}toggleActionsMenu(a,e){e?.stopPropagation();const i=!this.openActionsMenu[a];if(this.openActionsMenu={...this.openActionsMenu,[a]:i},i&&e){this.floatingDropdownTrigger=e.currentTarget;const i=c(this.floatingDropdownTrigger,{menuWidth:200,menuHeight:300,gap:4,align:"end"});this.floatingDropdown={x:i.left??0,y:i.top??0,regionId:a,type:"actions"}}else this.floatingDropdown=void 0,this.floatingDropdownTrigger=void 0}minimizeRegion(a){if(this.maximizedPanel)return;const e=this.findRegionNode(a);if(!e)return;const i=e.node,r=e.parent;if(this.maximizedPanel){const e=this.panelsById[this.maximizedPanel];if(e&&e.regionId===a)return}const t=i.panels?.[0]?this.panelsById[i.panels[0]]:null,o=t?.icon||"fas fa-window-minimize";let n,s=-1,c="left";if(r&&r.children){s=r.children.findIndex((e=>e.id===a)),n=r.id,c=s<Math.floor(r.children.length/2)?"left":"right";const e=r.children.filter((e=>e.id!==a));if(e.length>0){const a=e.reduce(((a,e)=>a+(e.size||0)),0);if(a>0)e.forEach((e=>{e.size=(e.size||0)/a*100}));else{const a=100/e.length;e.forEach((e=>{e.size=a}))}}r.children=e}else if(this.root.id===a)return;this.minimizedRegions={...this.minimizedRegions,[a]:{title:i.title||a,icon:o,iconLibrary:t?.iconLibrary,region:{...i},parentId:n,index:s,side:c}},this.layoutVersion++,this.root={...this.root},this.emitLayoutChange()}restoreRegion(a){const e=this.minimizedRegions[a];if(!e)return;const{region:i,parentId:r,index:t}=e;if(r){const a=this.findRegionNode(r);if(a&&a.node&&a.node.children){const e=a.node,r=JSON.parse(JSON.stringify(i)),o=[...e.children??[]];o.splice(t,0,r);const n=o.reduce(((a,e)=>a+(e.size||0)),0);n>0&&o.forEach((a=>{a.size=(a.size||0)/n*100})),e.children=o,this.layoutVersion++}}const{[a]:o,...n}=this.minimizedRegions;this.minimizedRegions=n,this.root={...this.root},this.emitLayoutChange()}closeAllAndRemoveRegion(a){const e=this.findRegionNode(a)?.node;e&&([...e.panels].forEach((a=>{this.removePanel(a)})),this.removeRegion(a))}renderTabs(a){const e=a.panels.map((a=>this.panelsById[a])).filter(Boolean),i=e.filter((a=>a.pinned)),t=e.filter((a=>!a.pinned)),o=i.length>0&&t.length>0,n=this.regionsNeedingScroll[a.id]||!1;return r("div",{class:"lm-tabs-container","data-region-id":a.id},n&&r("ui-button",{variant:"ghost",size:"sm",icon:"chevron-left",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Scroll left",onClick:()=>this.scrollTabs(a.id,"left")}),r("div",{class:"lm-tabs",onDragOver:e=>{e.preventDefault(),this.handleDragOver(e,a.id)},onDragLeave:()=>this.dragOverTarget=void 0,onDrop:e=>this.handleTabDrop(e,a)},e.map(((i,t)=>{const n=i.pinned;return r("div",{key:i.id},!n&&t>0&&e[t-1]?.pinned&&o&&r("div",{class:"lm-tab-separator",title:"Pinned / Unpinned divider"}),r("div",{class:{"lm-tab":!0,active:a.activePanelId===i.id,pinned:!!n},draggable:!0,onDragStart:e=>this.handleTabDragStart(e,i,a),onContextMenu:e=>this.openContextMenu(e,a.id,i.id),onClick:()=>this.selectPanel(a.id,i.id)},i.icon&&r("ui-icon",{name:i.icon,library:i.iconLibrary||"lucide"}),r("span",{class:"lm-tab-title"},i.title),n&&r("ui-icon",{name:"thumbtack",library:"fontawesome",class:"lm-tab-btn",title:"Unpin",onClick:a=>{a.stopPropagation(),this.togglePin(i.id)}}),i.dirty&&r("span",{class:"lm-dot",title:"Unsaved changes"}),r("ui-button",{variant:"ghost",size:"sm",icon:"ellipsis-v",iconLibrary:"fontawesome",ariaLabel:"More actions",onClick:a=>{a.stopPropagation();const e=!this.openDropdowns["tab-"+i.id];if(this.openDropdowns={...this.openDropdowns,["tab-"+i.id]:e},e){this.tabActionsMenuTrigger=a.currentTarget;const e=this.tabActionsMenuTrigger.getBoundingClientRect(),r=l(this.el);this.tabActionsMenu={x:e.right-r.x,y:e.bottom-r.y+4,panelId:i.id}}else this.tabActionsMenu=void 0,this.tabActionsMenuTrigger=void 0}}),i.closable&&!n&&r("ui-button",{variant:"ghost",size:"sm",icon:"times",iconLibrary:"fontawesome",ariaLabel:"Close",onClick:a=>{a.stopPropagation(),this.removePanel(i.id)}})))}))),n&&r("ui-button",{variant:"ghost",size:"sm",icon:"chevron-right",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Scroll right",onClick:()=>this.scrollTabs(a.id,"right")}))}handleTabDragStart(a,e,i){this.draggingPanel={panelId:e.id,fromRegionId:i.id},a.dataTransfer?.setData("text/plain",e.id),a.dataTransfer?.setDragImage(a.target,0,0)}handleTabDrop(a,e){a.preventDefault();const i=a.dataTransfer?.getData("text/plain")||this.draggingPanel?.panelId;if(!i)return;let r;const t=a.target.closest(".lm-tab");t&&(r=Array.from(t.parentElement.querySelectorAll(".lm-tab")).indexOf(t)),this.movePanel(i,e.id,r),this.draggingPanel=void 0}selectPanel(a,e){const i=this.findRegionNode(a)?.node;i&&(i.activePanelId=e,this.root={...this.root},this.emitLayoutChange())}switchToPanel(a,e){const i=this.findRegionNode(a)?.node;i&&i.panels.includes(e)&&(i.activePanelId=e,this.root={...this.root})}renderNavigationRegion(a){const e=a.panels.map((a=>this.panelsById[a])).filter(Boolean);return r("div",{class:"lm-region lm-region-navigation","data-region-id":a.id},r("div",{class:"lm-region-header"},r("div",{class:"lm-navigation-header"},r("span",{class:"lm-navigation-title"},a.title||"Navigation")),r("ui-button",{variant:"ghost",size:"sm",icon:"times-circle",iconLibrary:"fontawesome",ariaLabel:"Close all panels and remove region",onClick:()=>this.closeAllAndRemoveRegion(a.id)})),r("div",{class:"lm-navigation-content"},e.map((e=>r("div",{class:"lm-navigation-section","data-panel-id":e.id},r("div",{class:{"lm-navigation-section-header":!0,active:a.activePanelId===e.id},onClick:()=>this.switchToPanel(a.id,e.id)},e.icon&&r("ui-icon",{name:e.icon,library:e.iconLibrary||"default"}),r("span",{class:"lm-navigation-section-title"},e.title),r("ui-button",{variant:"ghost",size:"sm",class:"lm-navigation-section-close",icon:"times",iconLibrary:"fontawesome",ariaLabel:"Close panel",onClick:a=>{a.stopPropagation(),this.removePanel(e.id)}})),a.activePanelId===e.id&&r("div",{class:"lm-navigation-section-content",ref:a=>this.attachContent(a,e)})))),0===e.length&&r("div",{class:"lm-empty"},"No panels open")))}renderHeaderOnlyRegion(a){const e=a.activePanelId?this.panelsById[a.activePanelId]:void 0;return r("div",{class:"lm-region lm-region-header-only","data-region-id":a.id},r("div",{class:"lm-region-header"},r("div",{class:"lm-header-only-title"},e?.icon&&r("ui-icon",{name:e.icon,library:e.iconLibrary||"default"}),r("span",null,e?.title||a.title||"Content")),r("div",{class:"lm-header-only-actions"},r("div",{class:"lm-panel-dropdown-wrapper"},r("ui-button",{variant:"ghost",size:"sm",icon:"list",iconLibrary:"fontawesome",ariaLabel:"Show all panels",onClick:e=>this.togglePanelDropdown(a.id,e)})),e&&r("ui-button",{variant:"ghost",size:"sm",icon:"expand",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Maximize",onClick:()=>this.maximizePanel(e.id)}),e&&r("ui-button",{variant:"ghost",size:"sm",icon:"external-link-alt",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Pop out",onClick:()=>this.popoutPanel(e.id)}),r("ui-button",{variant:"ghost",size:"sm",icon:"times-circle",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Close all panels and remove region",onClick:()=>this.closeAllAndRemoveRegion(a.id)}))),r("div",{class:"lm-region-content"},e&&r("div",{class:"lm-panel-host","data-panel-id":e.id,ref:a=>this.attachContent(a,e)}),!e&&r("div",{class:"lm-empty"},"No content available")))}renderLeafRegion(a){const e=a.activePanelId?this.panelsById[a.activePanelId]:void 0,i=a.type||"default",t="no-header"!==i&&"content-only"!==i,o="title-only"!==i&&"no-header"!==i&&"content-only"!==i&&"navigation"!==i&&"header-only"!==i,n="default"===i,s=this.regionsNeedingScroll[a.id]||!1;return"content-only"===i?r("div",{class:"lm-region lm-region-content-only","data-region-id":a.id},e&&r("div",{class:"lm-panel-host","data-panel-id":e.id,ref:a=>this.attachContent(a,e)})):"navigation"===i?this.renderNavigationRegion(a):"header-only"===i?this.renderHeaderOnlyRegion(a):r("div",{class:{"lm-region":!0,["lm-region-"+i]:!0},"data-region-id":a.id},t&&r("div",{class:"lm-region-header"},"title-only"===i&&r("div",{class:"lm-region-title"},r("span",null,a.title)),o&&this.renderTabs(a),n&&r("div",{class:"lm-region-actions"},s&&r("div",{class:"lm-panel-dropdown-wrapper"},r("ui-button",{variant:"ghost",size:"sm",icon:"list",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Show all panels",onClick:e=>this.togglePanelDropdown(a.id,e)})),r("div",{class:"lm-actions-menu-wrapper"},r("ui-button",{variant:"ghost",size:"sm",icon:"ellipsis-v",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Actions",onClick:e=>this.toggleActionsMenu(a.id,e)})),r("ui-button",{variant:"ghost",size:"sm",icon:"window-minimize",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Minimize region",onClick:()=>this.minimizeRegion(a.id)}),(a.panels?.length||0)>0&&r("ui-button",{variant:"ghost",size:"sm",icon:"times-circle",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Close all panels and remove region",onClick:()=>this.closeAllAndRemoveRegion(a.id)}))),r("div",{class:"lm-region-content",onDragOver:e=>{e.preventDefault(),this.handleDragOver(e,a.id)},onDragLeave:()=>this.dragOverTarget=void 0,onDrop:e=>this.handleTabDrop(e,a)},e&&r("div",{class:"lm-panel-host","data-panel-id":e.id,ref:a=>this.attachContent(a,e)}),!e&&r("div",{class:"lm-empty"},"No tabs open"),this.dragOverTarget?.regionId===a.id&&r("div",{class:"lm-drop-highlighter lm-drop-"+this.dragOverTarget.position})))}renderRegionNode(a){if(a.children&&a.children.length){const e=a.children.map((a=>({id:a.id,size:a.size,minSize:a.minSize,maxSize:a.maxSize,collapsible:a.collapsible})));return r("ui-resizable-panel",{key:`resizable-${a.id}-v${this.layoutVersion}`,direction:a.direction||"horizontal",panels:JSON.stringify(e),saveState:!1,stateKey:`${this.stateKey}-${a.id}`,showHandleIcon:!0},a.children.map((a=>r("div",{slot:a.id,class:"lm-slot"},this.renderRegionNode(a)))))}return this.renderLeafRegion(a)}attachContent(a,e){if(a){for(;a.firstChild;)a.removeChild(a.firstChild);e.element?a.appendChild(e.element):e.html&&(a.innerHTML=n(e.html))}}renderVerticalNav(a){const e=Object.entries(this.minimizedRegions).filter((([e,i])=>i.side===a));return 0===e.length?null:r("div",{class:"lm-vertical-nav lm-vertical-nav-"+a},e.map((([a,e])=>r("div",{key:a,class:"lm-nav-item",title:e.title,onClick:()=>this.restoreRegion(a)},r("ui-icon",{name:e.icon,library:e.iconLibrary||"default"}),r("span",{class:"lm-nav-label"},e.title)))))}render(){if(this.maximizedPanel){const a=this.panelsById[this.maximizedPanel];if(a)return r(t,null,r("div",{class:"lm-container lm-maximized"},r("div",{class:"lm-maximized-panel"},r("div",{class:"lm-maximized-header"},r("span",{class:"lm-maximized-title"},a.title),r("div",{class:"lm-maximized-actions"},r("ui-button",{variant:"ghost",size:"sm",icon:"compress",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Restore",onClick:()=>this.restorePanel()}),r("ui-button",{variant:"ghost",size:"sm",icon:"times",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Close",onClick:()=>this.removePanel(this.maximizedPanel)}))),r("div",{class:"lm-maximized-content",ref:e=>this.attachContent(e,a)}))))}return r(t,null,this.renderVerticalNav("left"),r("div",{class:"lm-container"},this.root&&this.renderRegionNode(this.root),r("div",{class:"lm-popout-layer"},Object.keys(this.popouts).map((a=>{const e=this.popouts[a],i=this.panelsById[a];return i?r("div",{class:"lm-popout-window",style:{left:e.x+"px",top:e.y+"px",width:e.width+"px",height:e.height+"px"},"data-panel-id":a},r("div",{class:"lm-popout-header",onMouseDown:e=>this.startPopoutDrag(e,a)},r("span",{class:"lm-popout-title"},i.title),r("div",{class:"lm-popout-actions"},r("ui-button",{variant:"ghost",size:"sm",icon:"download",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Dock",onClick:()=>this.dockPanel(a,i.regionId)}),r("ui-button",{variant:"ghost",size:"sm",icon:"times",iconLibrary:"fontawesome",iconSize:"14px",ariaLabel:"Close",onClick:()=>this.removePanel(a)}))),r("div",{class:"lm-popout-content",ref:a=>this.attachContent(a,i)})):null}))),this.contextMenu&&this.renderContextMenu(),this.tabActionsMenu&&this.renderTabActionsMenu(),this.floatingDropdown&&this.renderFloatingDropdown()),this.renderVerticalNav("right"))}startPopoutDrag(a,e){const i=this.popouts[e];if(!i)return;const r=a.currentTarget.parentElement.getBoundingClientRect();this.draggingPopout={panelId:e,offsetX:a.clientX-r.left,offsetY:a.clientY-r.top};const t=a=>{let r=a.clientX-this.draggingPopout.offsetX,t=a.clientY-this.draggingPopout.offsetY;const o=window.innerWidth,n=window.innerHeight;Math.abs(r)<20&&(r=0),Math.abs(t)<20&&(t=0),Math.abs(r+i.width-o)<20&&(r=o-i.width),Math.abs(t+i.height-n)<20&&(t=n-i.height),this.popouts[e]={...this.popouts[e],x:r,y:t},this.popouts={...this.popouts}},o=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",o),this.draggingPopout=void 0};document.addEventListener("mousemove",t),document.addEventListener("mouseup",o)}openContextMenu(a,e,i){a.preventDefault();const r=m(a.clientX,a.clientY,this.el);this.contextMenu={x:r.x,y:r.y,regionId:e,panelId:i};const t=()=>{this.contextMenu=void 0,document.removeEventListener("click",t)};document.addEventListener("click",t,{once:!0})}renderContextMenu(){const{x:a,y:e,regionId:i,panelId:t}=this.contextMenu,o=this.panelsById[t];return r("div",{class:"lm-context-menu",style:{left:a+"px",top:e+"px"}},r("ui-button",{variant:"ghost",fullWidth:!0,icon:"thumbtack",iconLibrary:"fontawesome",iconSize:"14px",label:o?.pinned?"Unpin Tab":"Pin Tab",onClick:()=>{this.togglePin(t),this.contextMenu=void 0}}),r("hr",null),r("ui-button",{variant:"ghost",fullWidth:!0,disabled:o?.pinned,label:o?.pinned?"Close (Pinned)":"Close",onClick:()=>{this.removePanel(t),this.contextMenu=void 0}}),r("ui-button",{variant:"ghost",fullWidth:!0,icon:"arrows-alt-h",iconLibrary:"fontawesome",iconSize:"14px",label:"Close Others",onClick:()=>{this.closeOthers(i,t),this.contextMenu=void 0}}),r("ui-button",{variant:"ghost",fullWidth:!0,icon:"arrow-right",iconLibrary:"fontawesome",iconSize:"14px",label:"Close to the Right",onClick:()=>{this.closeToRight(i,t),this.contextMenu=void 0}}),r("hr",null),r("ui-button",{variant:"ghost",fullWidth:!0,label:"Move to New Group (H)",onClick:()=>{this.splitRegion(i,"horizontal").then((()=>this.movePanel(t,i+"-b"))),this.contextMenu=void 0}}),r("ui-button",{variant:"ghost",fullWidth:!0,label:"Move to New Group (V)",onClick:()=>{this.splitRegion(i,"vertical").then((()=>this.movePanel(t,i+"-b"))),this.contextMenu=void 0}}))}renderTabActionsMenu(){const{x:a,y:e,panelId:i}=this.tabActionsMenu,t=this.panelsById[i];return t?r("div",{class:"lm-tab-actions-menu-fixed",style:{left:a+"px",top:e+"px"}},r("div",{class:"lm-tab-actions-item",onClick:a=>{a.stopPropagation(),this.maximizePanel(i),this.openDropdowns={...this.openDropdowns,["tab-"+i]:!1},this.tabActionsMenu=void 0}},r("ui-icon",{name:"expand",library:"fontawesome",size:"14px"}),r("span",null,"Maximize")),t.allowPopout&&r("div",{class:"lm-tab-actions-item",onClick:a=>{a.stopPropagation(),this.popoutPanel(i),this.openDropdowns={...this.openDropdowns,["tab-"+i]:!1},this.tabActionsMenu=void 0}},r("ui-icon",{name:"window-restore",library:"fontawesome"}),r("span",null,"Pop Out")),r("div",{class:"lm-tab-actions-divider"}),r("div",{class:"lm-tab-actions-item",onClick:a=>{a.stopPropagation(),this.togglePin(i),this.openDropdowns={...this.openDropdowns,["tab-"+i]:!1},this.tabActionsMenu=void 0}},r(r.Fragment,null,r("ui-icon",{name:"thumbtack",library:"fontawesome"}),r("span",null,t.pinned?"Unpin Tab":"Pin Tab"))),r("div",{class:"lm-tab-actions-divider"}),r("div",{class:"lm-tab-actions-item",onClick:a=>{a.stopPropagation(),this.closeOthers(t.regionId,i),this.tabActionsMenu=void 0}},r("ui-icon",{name:"arrows-alt-h",library:"fontawesome"}),r("span",null,"Close Others")),r("div",{class:"lm-tab-actions-item",onClick:a=>{a.stopPropagation(),this.closeToRight(t.regionId,i),this.tabActionsMenu=void 0}},r("ui-icon",{name:"arrow-right",library:"fontawesome"}),r("span",null,"Close to the Right")),r("div",{class:"lm-tab-actions-divider"}),r("div",{class:"lm-tab-actions-item lm-tab-actions-danger",onClick:a=>{a.stopPropagation(),this.removePanel(i),this.tabActionsMenu=void 0}},r("ui-icon",{name:"times",library:"fontawesome"}),r("span",null,"Close"))):null}closeOthers(a,e){const i=this.findRegionNode(a)?.node;i&&(i.panels||[]).filter((a=>a!==e)).forEach((a=>this.removePanel(a)))}closeToRight(a,e){const i=this.findRegionNode(a)?.node;if(!i)return;const r=(i.panels||[]).indexOf(e);(i.panels||[]).slice(r+1).forEach((a=>this.removePanel(a)))}togglePin(a){const e=this.panelsById[a];if(!e)return;e.pinned=!e.pinned;const i=this.findRegionNode(e.regionId)?.node;if(!i||!i.panels)return;const r=i.panels.map((a=>this.panelsById[a])).filter(Boolean),t=r.filter((a=>a.pinned)).map((a=>a.id)),o=r.filter((a=>!a.pinned)).map((a=>a.id));i.panels=[...t,...o],this.panelsById={...this.panelsById},this.root={...this.root}}checkTabsOverflow(){const a=[],e=i=>{i.panels&&a.push(i),i.children&&i.children.forEach(e)};this.root&&e(this.root);const i={};a.forEach((a=>{const e=this.el.querySelector(`[data-region-id="${a.id}"] .lm-tabs`);e&&(i[a.id]=e.scrollWidth>e.offsetWidth)})),JSON.stringify(i)!==JSON.stringify(this.regionsNeedingScroll)&&(this.regionsNeedingScroll=i)}handleDragOver(a,e){const i=a.currentTarget.getBoundingClientRect(),r=a.clientX-i.left,t=a.clientY-i.top;let o="center";t<.2*i.height?o="top":t>.8*i.height?o="bottom":r<.2*i.width?o="left":r>.8*i.width&&(o="right"),this.dragOverTarget={regionId:e,position:o}}renderFloatingDropdown(){if(!this.floatingDropdown)return null;const{x:a,y:e,regionId:i,type:t}=this.floatingDropdown,o=this.findRegionById(this.root,i);if(!o)return null;if("panel"===t){const i=o.panels.map((a=>this.panelsById[a])).filter(Boolean);return r("div",{class:"lm-panel-dropdown-menu",style:{position:"fixed",top:e+"px",left:a+"px",zIndex:"12000",minWidth:"200px"}},r("div",{class:"lm-panel-dropdown-header"},"All Panels (",i.length,")"),i.map((a=>r("div",{class:{"lm-panel-dropdown-item":!0,active:o.activePanelId===a.id},onClick:()=>this.selectPanelFromDropdown(o.id,a.id)},a.icon&&r("ui-icon",{name:a.icon,library:a.iconLibrary||"lucide",style:{marginRight:"8px"}}),r("span",null,a.title)))))}{const i=o.activePanelId?this.panelsById[o.activePanelId]:null;return r("div",{class:"lm-actions-dropdown-menu",style:{position:"fixed",top:e+"px",left:a+"px",zIndex:"12000",minWidth:"180px"}},r("div",{class:"lm-actions-item",onClick:()=>{this.splitRegion(o.id,"horizontal"),this.floatingDropdown=void 0,this.openActionsMenu={}}},r("ui-icon",{name:"columns",library:"fontawesome",class:"lm-actions-icon"}),"Split Horizontal"),r("div",{class:"lm-actions-item",onClick:()=>{this.splitRegion(o.id,"vertical"),this.floatingDropdown=void 0,this.openActionsMenu={}}},r("ui-icon",{name:"grip-lines",library:"fontawesome",class:"lm-actions-icon"}),"Split Vertical"),r("div",{class:"lm-actions-divider"}),i&&r("div",{class:"lm-actions-item",onClick:()=>{this.maximizePanel(i.id),this.floatingDropdown=void 0,this.openActionsMenu={}}},r("ui-icon",{name:"expand",library:"fontawesome",class:"lm-actions-icon"}),"Maximize Panel"),(o.panels?.length||0)>0&&r(r.Fragment,null,r("div",{class:"lm-actions-divider"}),r("div",{class:"lm-actions-item",onClick:()=>{this.closeAllPanels(o.id),this.floatingDropdown=void 0,this.openActionsMenu={}}},r("ui-icon",{name:"times",library:"fontawesome",class:"lm-actions-icon"}),"Close All Panels")),r("div",{class:"lm-actions-divider"}),r("div",{class:"lm-actions-item",onClick:()=>{this.mergeRegion(o.id),this.floatingDropdown=void 0,this.openActionsMenu={}}},r("ui-icon",{name:"compress",library:"fontawesome",class:"lm-actions-icon"}),"Merge Region"),r("div",{class:"lm-actions-divider"}),r("div",{class:"lm-actions-item lm-actions-danger",onClick:()=>{this.closeAllAndRemoveRegion(o.id),this.floatingDropdown=void 0,this.openActionsMenu={}}},r("ui-icon",{name:"trash",library:"fontawesome",class:"lm-actions-icon"}),"Remove Group"))}}findRegionById(a,e){if(a.id===e)return a;for(const i of a.children??[]){const a=this.findRegionById(i,e);if(a)return a}return null}componentDidUpdate(){setTimeout((()=>this.checkTabsOverflow()),0)}static get watchers(){return{regions:[{handleRegionsChange:0}]}}static get style(){return'.sr-only.sc-ui-workspace-manager{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only.sc-ui-workspace-manager{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.sc-ui-workspace-manager-h{display:flex;height:100%;width:100%;overflow:hidden}.lm-vertical-nav.sc-ui-workspace-manager{width:50px;background:var(--bg-secondary, #2b2b2b);display:flex;flex-direction:column;align-items:center;padding:0;gap:0;overflow-y:auto;flex-shrink:0}.lm-vertical-nav.lm-vertical-nav-left.sc-ui-workspace-manager{border-right:1px solid var(--border-strong, #3e3e42);box-shadow:2px 0 8px rgba(0, 0, 0, 0.3)}.lm-vertical-nav.lm-vertical-nav-right.sc-ui-workspace-manager{border-left:1px solid var(--border-strong, #3e3e42);box-shadow:-2px 0 8px rgba(0, 0, 0, 0.3)}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager{width:100%;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #858585);transition:all 0.15s ease;padding:0;position:relative}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:transparent;transition:background 0.15s ease}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:24px;margin-bottom:0}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager .lm-nav-label.sc-ui-workspace-manager{font-size:8px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:400;letter-spacing:0.5px;text-transform:uppercase}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager:hover{background:var(--bg-secondary, #2d2d30);color:var(--text-standard, #ffffff)}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager:hover::before{background:var(--bg-secondary, #505050)}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager:active,.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.active.sc-ui-workspace-manager{background:var(--bg-primary, #1e1e1e);color:var(--text-standard, #ffffff)}.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager:active::before,.lm-vertical-nav.sc-ui-workspace-manager .lm-nav-item.active.sc-ui-workspace-manager::before{background:var(--color-primary, #007acc)}.lm-vertical-nav.lm-vertical-nav-left.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager::before{left:0}.lm-vertical-nav.lm-vertical-nav-right.sc-ui-workspace-manager .lm-nav-item.sc-ui-workspace-manager::before{right:0}.lm-container.sc-ui-workspace-manager{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.lm-container.lm-maximized.sc-ui-workspace-manager{background:var(--bg-secondary, #0f172a)}.lm-maximized-panel.sc-ui-workspace-manager{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #0f172a);overflow:hidden}.lm-maximized-header.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg, var(--color-primary, #1e3a8a) 0%, var(--color-primary, #10b981) 100%);color:var(--text-standard, #ffffff);padding:8px 12px;border-bottom:1px solid var(--color-primary-hover, #2563eb);flex-shrink:0;min-height:40px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}.lm-maximized-header.sc-ui-workspace-manager .lm-maximized-title.sc-ui-workspace-manager{font-size:16px;font-weight:600}.lm-maximized-header.sc-ui-workspace-manager .lm-maximized-actions.sc-ui-workspace-manager{display:flex;gap:8px}.lm-maximized-header.sc-ui-workspace-manager .lm-maximized-actions.sc-ui-workspace-manager button.sc-ui-workspace-manager{background:rgba(255, 255, 255, 0.2);border:none;color:var(--text-standard, #ffffff);cursor:pointer;padding:6px 10px;border-radius:4px;transition:all 0.2s;font-size:14px}.lm-maximized-header.sc-ui-workspace-manager .lm-maximized-actions.sc-ui-workspace-manager button.sc-ui-workspace-manager:hover{background:rgba(255, 255, 255, 0.3);transform:scale(1.05)}.lm-maximized-header.sc-ui-workspace-manager .lm-maximized-actions.sc-ui-workspace-manager button.sc-ui-workspace-manager i.sc-ui-workspace-manager{pointer-events:none}.lm-maximized-content.sc-ui-workspace-manager{flex:1;overflow:auto;background:var(--bg-secondary, #0f172a);color:var(--text-standard, #e5e7eb)}.lm-maximized-content.sc-ui-workspace-manager::-webkit-scrollbar{width:8px;height:8px}.lm-maximized-content.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-primary, #1e293b)}.lm-maximized-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #475569);border-radius:4px}.lm-maximized-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #64748b)}.lm-slot.sc-ui-workspace-manager{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;min-width:0}.lm-region.sc-ui-workspace-manager{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;min-width:0;overflow:visible;position:relative}.lm-region.lm-region-navigation.sc-ui-workspace-manager .lm-region-header.sc-ui-workspace-manager{background:var(--color-primary, #1e3a8a);border-bottom:2px solid var(--color-primary, #10b981)}.lm-region.lm-region-title-only.sc-ui-workspace-manager .lm-region-header.sc-ui-workspace-manager{background:var(--color-primary, #374151);justify-content:center;padding:8px 12px}.lm-region.lm-region-no-header.sc-ui-workspace-manager .lm-region-content.sc-ui-workspace-manager{border-radius:0}.lm-region.lm-region-content-only.sc-ui-workspace-manager{overflow:hidden}.lm-region.lm-region-content-only.sc-ui-workspace-manager .lm-panel-host.sc-ui-workspace-manager{width:100%;height:100%;margin:0;padding:0;border:none;background:transparent}.lm-region.lm-region-header-only.sc-ui-workspace-manager .lm-region-header.sc-ui-workspace-manager{background:var(--bg-primary, #1f2937);padding:6px 12px;border-bottom:2px solid var(--color-primary, #10b981)}.lm-region-title.sc-ui-workspace-manager{flex:1;display:flex;align-items:center;font-weight:600;font-size:14px;color:var(--text-standard, #e5e7eb);padding:0 8px}.lm-navigation-header.sc-ui-workspace-manager{flex:1;display:flex;align-items:center;gap:8px;padding:0 8px}.lm-navigation-title.sc-ui-workspace-manager{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-standard, #ffffff)}.lm-region-header.sc-ui-workspace-manager{display:flex;align-items:center;gap:4px;background:var(--bg-primary, #1f2937);color:var(--text-standard, #e5e7eb);padding:2px 6px;border-bottom:1px solid var(--border-default, #374151);flex-shrink:0;min-height:36px;min-width:0;width:100%;overflow:visible;position:relative;z-index:11000;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.lm-tabs-container.sc-ui-workspace-manager{display:flex;align-items:center;gap:4px;background:var(--bg-secondary, #0f172a);padding:0 4px;flex:1;min-width:0;overflow:visible;max-width:100%}.lm-tab-scroll-btn.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;cursor:pointer;flex-shrink:0;flex-basis:28px;transition:all 0.2s ease}.lm-tab-scroll-btn.sc-ui-workspace-manager:hover{transform:translateY(-1px)}.lm-tab-scroll-btn.sc-ui-workspace-manager:active{transform:scale(0.95)}.lm-tab-scroll-btn.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:12px}.lm-tabs.sc-ui-workspace-manager{display:flex;gap:2px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #374151) var(--text-primary, #1f2937);flex:1;min-width:0}.lm-tabs.sc-ui-workspace-manager::-webkit-scrollbar{height:6px}.lm-tabs.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-primary, #1f2937)}.lm-tabs.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #374151);border-radius:3px}.lm-tabs.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4b5563)}.lm-tab-separator.sc-ui-workspace-manager{width:1px;background:linear-gradient(to bottom, transparent 20%, var(--color-primary, #10b981) 50%, transparent 80%);margin:0 4px;flex-shrink:0;opacity:0.5}.lm-panel-dropdown-wrapper.sc-ui-workspace-manager{position:relative;flex-shrink:0;z-index:1}.lm-panel-list-btn.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-default, #374151);background:var(--bg-primary, #1f2937);color:var(--text-muted, #9ca3af);border-radius:4px;cursor:pointer;flex-shrink:0;transition:all 0.2s ease}.lm-panel-list-btn.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151);color:var(--text-standard, #e5e7eb);border-color:var(--border-dark)}.lm-panel-list-btn.sc-ui-workspace-manager:active{transform:scale(0.95)}.lm-panel-list-btn.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:14px}.lm-panel-dropdown-menu.sc-ui-workspace-manager{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;max-width:320px;max-height:400px;overflow-y:auto;background:var(--bg-primary, #1f2937);border:1px solid var(--border-default, #374151);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.5);z-index:2;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #4b5563) var(--text-primary, #1f2937)}.lm-panel-dropdown-menu.sc-ui-workspace-manager::-webkit-scrollbar{width:6px}.lm-panel-dropdown-menu.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-primary, #1f2937)}.lm-panel-dropdown-menu.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563);border-radius:3px}.lm-panel-dropdown-menu.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.lm-panel-dropdown-header.sc-ui-workspace-manager{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-default, #374151);background:var(--bg-secondary, #111827);position:sticky;top:0;z-index:1}.lm-panel-dropdown-item.sc-ui-workspace-manager{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all 0.15s ease;color:var(--text-standard, #e5e7eb);font-size:13px}.lm-panel-dropdown-item.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151)}.lm-panel-dropdown-item.active.sc-ui-workspace-manager{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);font-weight:500}.lm-panel-dropdown-item.sc-ui-workspace-manager i.sc-ui-workspace-manager:first-child{width:16px;text-align:center;font-size:12px;color:var(--text-muted, #9ca3af)}.lm-panel-dropdown-item.sc-ui-workspace-manager .lm-panel-dropdown-title.sc-ui-workspace-manager{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-panel-dropdown-item.sc-ui-workspace-manager .fa-check.sc-ui-workspace-manager{color:var(--text-standard, #ffffff);font-size:12px}.lm-panel-dropdown-item.sc-ui-workspace-manager .lm-dot.sc-ui-workspace-manager{width:6px;height:6px;border-radius:50%;background:var(--color-warning, #f59e0b)}.lm-minimize-btn.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-default, #374151);background:var(--bg-primary, #1f2937);color:var(--text-muted, #9ca3af);border-radius:4px;cursor:pointer;flex-shrink:0;transition:all 0.2s ease}.lm-minimize-btn.sc-ui-workspace-manager:hover{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border-color:var(--primary-color)}.lm-minimize-btn.sc-ui-workspace-manager:active{transform:scale(0.95)}.lm-minimize-btn.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:14px}.lm-close-all-btn.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-default, #374151);background:var(--bg-primary, #1f2937);color:var(--text-muted, #9ca3af);border-radius:4px;cursor:pointer;flex-shrink:0;transition:all 0.2s ease}.lm-close-all-btn.sc-ui-workspace-manager:hover{background:var(--color-danger, #991b1b);color:var(--color-danger, #fca5a5);border-color:var(--color-danger-hover, #dc2626)}.lm-close-all-btn.sc-ui-workspace-manager:active{transform:scale(0.95)}.lm-close-all-btn.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:14px}.lm-actions-menu-wrapper.sc-ui-workspace-manager{position:relative;flex-shrink:0;z-index:1}.lm-actions-menu-btn.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-default, #374151);background:var(--bg-primary, #1f2937);color:var(--text-muted, #9ca3af);border-radius:4px;cursor:pointer;flex-shrink:0;transition:all 0.2s ease}.lm-actions-menu-btn.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151);color:var(--text-standard, #e5e7eb);border-color:var(--border-dark)}.lm-actions-menu-btn.sc-ui-workspace-manager:active{transform:scale(0.95)}.lm-actions-menu-btn.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:14px}.lm-actions-dropdown-menu.sc-ui-workspace-manager{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--bg-primary, #1f2937);border:1px solid var(--border-default, #374151);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.5);z-index:2;overflow:hidden}.lm-actions-menu-item.sc-ui-workspace-manager{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all 0.15s ease;color:var(--text-standard, #e5e7eb);font-size:13px}.lm-actions-menu-item.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151)}.lm-actions-menu-item.sc-ui-workspace-manager i.sc-ui-workspace-manager{width:16px;text-align:center;font-size:13px;color:var(--text-muted, #9ca3af)}.lm-actions-menu-item.sc-ui-workspace-manager span.sc-ui-workspace-manager{flex:1}.lm-actions-menu-divider.sc-ui-workspace-manager{height:1px;background:var(--color-primary, #374151);margin:4px 0}.lm-tab.sc-ui-workspace-manager{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px 4px 0 0;background:var(--bg-secondary, #111827);cursor:pointer;user-select:none;white-space:nowrap;flex-shrink:0;transition:all 0.2s ease;border:1px solid transparent;border-bottom:none;position:relative;z-index:1}.lm-tab.sc-ui-workspace-manager:hover{background:var(--bg-primary, #1f2937);border-color:var(--border-dark);transform:translateY(-1px);z-index:2}.lm-tab.sc-ui-workspace-manager .fa-thumbtack.sc-ui-workspace-manager{color:var(--primary-color);font-size:11px;animation:pinPulse 2s ease-in-out infinite}@keyframes pinPulse{0%,100%{opacity:0.7}50%{opacity:1}}.lm-tab.active.sc-ui-workspace-manager{background:var(--bg-primary, #0b1020);color:var(--text-standard, #ffffff);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.lm-tab.sc-ui-workspace-manager .lm-dot.sc-ui-workspace-manager{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-danger, #eab308)}.lm-region-actions.sc-ui-workspace-manager{margin-left:auto;display:inline-flex;gap:6px}.lm-region-actions.sc-ui-workspace-manager button.sc-ui-workspace-manager{appearance:none;border:none;background:transparent;color:inherit;padding:6px;cursor:pointer;border-radius:4px;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.lm-region-actions.sc-ui-workspace-manager button.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151);color:var(--primary-color)}.lm-region-actions.sc-ui-workspace-manager button.sc-ui-workspace-manager:active{transform:scale(0.95)}.lm-tab.sc-ui-workspace-manager .lm-tab-btn.sc-ui-workspace-manager{appearance:none;border:none;background:transparent;color:inherit;padding:4px;cursor:pointer;border-radius:4px;transition:all 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.lm-tab.sc-ui-workspace-manager .lm-tab-btn.sc-ui-workspace-manager:hover{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.15);color:var(--primary-color);transform:scale(1.1)}.lm-tab.sc-ui-workspace-manager .lm-tab-btn.sc-ui-workspace-manager:active{transform:scale(0.9)}.lm-tab.sc-ui-workspace-manager .lm-tab-btn.lm-tab-actions.sc-ui-workspace-manager:hover{background:rgba(156, 163, 175, 0.15);color:var(--text-muted, #9ca3af)}.lm-tab.sc-ui-workspace-manager .lm-tab-btn.lm-close.sc-ui-workspace-manager:hover{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.15);color:var(--color-danger-hover, #dc2626)}.lm-tab-actions-wrapper.sc-ui-workspace-manager{position:relative;display:inline-flex;align-items:center;z-index:1}.lm-tab.sc-ui-workspace-manager:has(.lm-tab-actions-menu){z-index:10002}.lm-tab-actions-menu.sc-ui-workspace-manager{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-primary, #1f2937);border:1px solid var(--border-default, #374151);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);z-index:10001;min-width:140px;overflow:hidden;animation:slideDown 0.15s ease}.lm-tab-actions-menu-fixed.sc-ui-workspace-manager{position:fixed;background:var(--bg-primary, #1f2937);border:1px solid var(--border-default, #374151);border-radius:6px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.5);z-index:12000;min-width:160px;overflow:hidden;transform:translateX(-100%);animation:slideDown 0.15s ease}.lm-tab-actions-item.sc-ui-workspace-manager{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;color:var(--text-standard, #e5e7eb);font-size:13px;transition:all 0.15s ease}.lm-tab-actions-item.sc-ui-workspace-manager i.sc-ui-workspace-manager{width:16px;text-align:center;font-size:13px;color:var(--text-muted, #9ca3af)}.lm-tab-actions-item.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151);color:var(--primary-color)}.lm-tab-actions-item.sc-ui-workspace-manager:hover i.sc-ui-workspace-manager{color:var(--primary-color)}.lm-tab-actions-item.lm-tab-actions-danger.sc-ui-workspace-manager{color:var(--color-danger, #fca5a5)}.lm-tab-actions-item.lm-tab-actions-danger.sc-ui-workspace-manager i.sc-ui-workspace-manager{color:var(--color-danger, #fca5a5)}.lm-tab-actions-item.lm-tab-actions-danger.sc-ui-workspace-manager:hover{background:var(--color-danger, #991b1b);color:var(--text-standard, #ffffff)}.lm-tab-actions-item.lm-tab-actions-danger.sc-ui-workspace-manager:hover i.sc-ui-workspace-manager{color:var(--text-standard, #ffffff)}.lm-tab-actions-item.sc-ui-workspace-manager:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.lm-tab-actions-item.sc-ui-workspace-manager:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.lm-tab-actions-divider.sc-ui-workspace-manager{height:1px;background:var(--color-primary, #374151);margin:4px 8px}.lm-region-content.sc-ui-workspace-manager{position:relative;flex:1;background:var(--bg-secondary, #0f172a);color:var(--text-standard, #e5e7eb);min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.lm-panel-host.sc-ui-workspace-manager{position:absolute;inset:0;padding:0;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #374151) var(--text-primary, #0f172a)}.lm-panel-host.sc-ui-workspace-manager::-webkit-scrollbar{width:8px;height:8px}.lm-panel-host.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-secondary, #0f172a)}.lm-panel-host.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #374151);border-radius:4px}.lm-panel-host.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4b5563)}.lm-empty.sc-ui-workspace-manager{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted, #9ca3af);font-size:14px;font-style:italic}.lm-popout-layer.sc-ui-workspace-manager{position:absolute;inset:0;pointer-events:none}.lm-popout-window.sc-ui-workspace-manager{position:absolute;background:var(--bg-secondary, #0f172a);border:1px solid var(--color-success, #3dcd58);border-radius:10px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(var(--color-success-rgb, 61, 205, 88), 0.3);overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.lm-popout-header.sc-ui-workspace-manager{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg, var(--bg-primary, #1f2937), var(--bg-secondary, #111827));border-bottom:1px solid var(--border-default, #374151);cursor:move;user-select:none}.lm-popout-header.sc-ui-workspace-manager:active{cursor:grabbing}.lm-popout-content.sc-ui-workspace-manager{flex:1;overflow:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #374151) var(--text-primary, #0f172a)}.lm-popout-content.sc-ui-workspace-manager::-webkit-scrollbar{width:8px;height:8px}.lm-popout-content.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-secondary, #0f172a)}.lm-popout-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #374151);border-radius:4px}.lm-popout-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4b5563)}.lm-tabs.drag-over.sc-ui-workspace-manager,.lm-region-content.drag-over.sc-ui-workspace-manager{outline:2px dashed var(--color-success, #3dcd58)}.lm-context-menu.sc-ui-workspace-manager{position:fixed;background:var(--bg-secondary, #111827);color:var(--text-standard, #e5e7eb);border:1px solid var(--border-default, #374151);border-radius:6px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.4);padding:6px;display:grid;gap:4px;z-index:11000}.lm-context-menu.sc-ui-workspace-manager button.sc-ui-workspace-manager{appearance:none;border:none;background:var(--bg-primary, #1f2937);color:inherit;padding:6px 8px;border-radius:4px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px}.lm-context-menu.sc-ui-workspace-manager button.sc-ui-workspace-manager:disabled{opacity:0.5;cursor:not-allowed;color:var(--text-secondary)}.lm-context-menu.sc-ui-workspace-manager button.sc-ui-workspace-manager i.sc-ui-workspace-manager{width:14px;text-align:center}.lm-context-menu.sc-ui-workspace-manager button.sc-ui-workspace-manager:hover:not(:disabled){background:var(--color-primary, #374151)}.lm-navigation-content.sc-ui-workspace-manager{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary, #0f172a)}.lm-navigation-content.sc-ui-workspace-manager::-webkit-scrollbar{width:8px}.lm-navigation-content.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-primary, #1e293b)}.lm-navigation-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #475569);border-radius:4px}.lm-navigation-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #64748b)}.lm-navigation-section.sc-ui-workspace-manager{border-bottom:1px solid var(--border-subtle, #1e293b)}.lm-navigation-section.sc-ui-workspace-manager:last-child{border-bottom:none}.lm-navigation-section-header.sc-ui-workspace-manager{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary, #1f2937);color:var(--text-standard, #e5e7eb);cursor:pointer;transition:all 0.2s;border-left:3px solid transparent}.lm-navigation-section-header.sc-ui-workspace-manager:hover{background:var(--color-primary, #374151)}.lm-navigation-section-header.active.sc-ui-workspace-manager{background:var(--color-primary, #1e3a8a);border-left-color:var(--primary-color);font-weight:600}.lm-navigation-section-header.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:14px;color:var(--text-muted, #9ca3af);width:16px;text-align:center}.lm-navigation-section-title.sc-ui-workspace-manager{flex:1;font-size:13px}.lm-navigation-section-close.sc-ui-workspace-manager{display:none;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;padding:4px;border-radius:3px;transition:all 0.2s}.lm-navigation-section-close.sc-ui-workspace-manager:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #ffffff)}.lm-navigation-section-close.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:12px;pointer-events:none}.lm-navigation-section-header.sc-ui-workspace-manager:hover .lm-navigation-section-close.sc-ui-workspace-manager{display:block}.lm-navigation-section-content.sc-ui-workspace-manager{padding:12px;background:var(--bg-secondary, #0f172a);overflow:auto;max-height:400px}.lm-navigation-section-content.sc-ui-workspace-manager::-webkit-scrollbar{width:6px}.lm-navigation-section-content.sc-ui-workspace-manager::-webkit-scrollbar-track{background:var(--bg-primary, #1e293b)}.lm-navigation-section-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb{background:var(--color-primary, #475569);border-radius:3px}.lm-navigation-section-content.sc-ui-workspace-manager::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #64748b)}.lm-header-only-title.sc-ui-workspace-manager{flex:1;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-standard, #e5e7eb)}.lm-header-only-title.sc-ui-workspace-manager i.sc-ui-workspace-manager{font-size:14px;color:var(--text-muted, #9ca3af)}.lm-header-only-title.sc-ui-workspace-manager span.sc-ui-workspace-manager{color:var(--text-standard, #ffffff)}.lm-header-only-actions.sc-ui-workspace-manager{display:flex;align-items:center;gap:8px}.lm-header-btn.sc-ui-workspace-manager{background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-standard, #e5e7eb);cursor:pointer;padding:6px 10px;border-radius:4px;transition:all 0.2s;font-size:13px;display:flex;align-items:center;justify-content:center}.lm-header-btn.sc-ui-workspace-manager:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.05)}.lm-header-btn.sc-ui-workspace-manager i.sc-ui-workspace-manager{pointer-events:none}.lm-context-menu.sc-ui-workspace-manager hr.sc-ui-workspace-manager{border:none;border-top:1px solid var(--border-default, #374151);margin:6px 0}'}},[514,"ui-workspace-manager",{regions:[1],direction:[1],saveState:[4,"save-state"],stateKey:[1,"state-key"],root:[32],panelsById:[32],popouts:[32],maximizedPanel:[32],preMaximizeState:[32],draggingPanel:[32],draggingPopout:[32],layoutVersion:[32],contextMenu:[32],tabActionsMenu:[32],floatingDropdown:[32],openDropdowns:[32],openActionsMenu:[32],regionsNeedingScroll:[32],minimizedRegions:[32],dragOverTarget:[32],getLayoutState:[64],clearAllRegions:[64],addPanel:[64],removePanel:[64],movePanel:[64],popoutPanel:[64],dockPanel:[64],splitRegion:[64],maximizePanel:[64],restorePanel:[64],closeAllPanels:[64],mergeRegion:[64],createRegion:[64],addRegion:[64],normalizeRegionSizes:[64],removeRegion:[64]},[[11,"scroll","handleScroll"],[9,"resize","handleScroll"],[9,"mousemove","handleScroll"],[0,"panelPopout","onPanelPopout"],[0,"panelSelect","onPanelSelect"]],{regions:[{handleRegionsChange:0}]}]),u=g,b=function(){"undefined"!=typeof customElements&&["ui-workspace-manager","ui-badge","ui-button","ui-icon","ui-resizable-panel"].forEach((a=>{switch(a){case"ui-workspace-manager":customElements.get(o(a))||customElements.define(o(a),g);break;case"ui-badge":customElements.get(o(a))||p();break;case"ui-button":customElements.get(o(a))||d();break;case"ui-icon":customElements.get(o(a))||s();break;case"ui-resizable-panel":customElements.get(o(a))||h()}}))};export{u as UiWorkspaceManager,b as defineCustomElement}

package/dist/components/utils.js

@@ -0,0 +1 @@
+function n(n,t,r){return(n||"")+(t?` ${t}`:"")+(r?` ${r}`:"")}function t(n){if(!n)return"0, 0, 0";let t=n.replace("#","");3===t.length&&(t=t.split("").map((n=>n+n)).join(""));const r=parseInt(t,16);return`${r>>16&255}, ${r>>8&255}, ${255&r}`}export{n as f,t as h}

package/dist/esm/category-section.entry.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, h, H as Host } from './index-DUsoYu9r.js';
+
+const categorySectionCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;margin-bottom:32px}.category{background:linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:24px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.category:hover{border-color:rgba(99, 102, 241, 0.3)}.category-header{display:flex;align-items:center;gap:16px;padding:24px 28px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;color:inherit;font-family:inherit;transition:background 0.2s ease}.category-header:hover{background:rgba(255, 255, 255, 0.03)}.category-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.15));border-radius:14px;flex-shrink:0}.category-title{margin:0;font-size:1.4rem;font-weight:700;color:#f1f5f9;flex:1;letter-spacing:-0.02em}.category-count{font-size:0.85rem;font-weight:600;padding:6px 14px;background:rgba(99, 102, 241, 0.15);color:#a5b4fc;border-radius:20px}.chevron{color:#64748b;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.rotated{transform:rotate(-90deg)}.category-content{padding:0 24px 24px;max-height:2000px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.category.collapsed .category-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:16px}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}.category-header{padding:16px 20px}.category-content{padding:0 16px 16px}.category-title{font-size:1.2rem}}:host-context(.light) .category{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));border-color:rgba(0, 0, 0, 0.08)}:host-context(.light) .category-title{color:#1e293b}:host-context(.light) .chevron{color:#94a3b8}`;
+
+const CategorySection = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Category name */
+    categoryName;
+    /** Category icon */
+    categoryIcon = '📦';
+    /** Components in this category */
+    components = [];
+    /** Whether the section is expanded */
+    expanded = true;
+    /** Mode: 'demo' or 'doc' */
+    mode = 'demo';
+    toggleExpanded = () => {
+        this.expanded = !this.expanded;
+    };
+    render() {
+        return (h(Host, { key: 'e3a09ce08fdb7d41a84a0513c9bd9307d7d0fb2f' }, h("div", { key: '68321cc0d827decbd472217460b97dc7955c818c', class: { 'category': true, 'collapsed': !this.expanded } }, h("ui-button", { key: '4b232b38aa4f84d8526206801aa1c562a051da64', class: "category-header", onButtonClick: this.toggleExpanded, variant: "plain", fullWidth: true, align: "start" }, h("span", { key: 'c4d4449576357c8a85e131fd6e51d550b61bcb0e', class: "category-icon" }, this.categoryIcon), h("h2", { key: 'dd646cf30106d5665fd7cf16a33a1646dd576be5', class: "category-title" }, this.categoryName), h("span", { key: 'e174d5fa4e6eeaf3e6998f583c5a38329e66e176', class: "category-count" }, this.components.length), h("svg", { key: '5e926d6ace89797270d978e2c51aeeb362e57e33', class: { 'chevron': true, 'rotated': !this.expanded }, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("polyline", { key: 'f02857e200d2f5562c19a1fecc3a4584fd52271e', points: "6,9 12,15 18,9" }))), h("div", { key: '3e70d09a10eda7220b63253dca6638220326ea0a', class: "category-content" }, h("div", { key: 'a51ebf47c0fafe095ca8616ee3f661ee4124c805', class: "cards-grid" }, this.components.map(comp => (h("library-card", { key: comp.id, "component-id": comp.id, "card-title": comp.name, description: comp.description, icon: comp.icon, badge: comp.badge, docs: comp.docs, mode: this.mode }))))))));
+    }
+};
+CategorySection.style = categorySectionCss();
+
+export { CategorySection as category_section };

package/dist/esm/component-size-C7gf39HE.js

@@ -0,0 +1,27 @@
+const COMPONENT_SIZE_ALIAS_MAP = {
+    xxxs: 'xxxs',
+    xxs: 'xxs',
+    xs: 'xs',
+    sm: 'sm',
+    small: 'sm',
+    md: 'md',
+    medium: 'md',
+    lg: 'lg',
+    large: 'lg',
+    xl: 'xl',
+    xlarge: 'xl',
+    'extra-large': 'xl',
+    extralarge: 'xl',
+    xxl: 'xxl',
+    xxxl: 'xxxl',
+    default: 'md',
+};
+function normalizeComponentSize(size, fallback = 'md') {
+    const rawSize = String(size ?? fallback).trim();
+    if (!rawSize) {
+        return fallback;
+    }
+    return COMPONENT_SIZE_ALIAS_MAP[rawSize.toLowerCase()] ?? rawSize;
+}
+
+export { normalizeComponentSize as n };

package/dist/esm/dom-BMFah5q3.js

@@ -0,0 +1,262 @@
+/**
+ * Finds the nearest ancestor that creates a new containing block for position:fixed elements.
+ * This function is fully Shadow DOM and Flat Tree aware, accounting for slots and shadow boundaries.
+ */
+function getTransformedAncestor(element) {
+    let el = element;
+    while (el && el !== document.documentElement) {
+        // If it's not a standard element (e.g. ShadowRoot), jump to its host
+        if (el.nodeType !== 1) {
+            el = el.host || el.parentNode;
+            continue;
+        }
+        const style = window.getComputedStyle(el);
+        if (!style) {
+            // Move up the tree (Flat Tree aware)
+            el = el.assignedSlot || el.parentElement || el.getRootNode().host;
+            continue;
+        }
+        const s = style;
+        const transform = s.transform || s.webkitTransform || s.mozTransform || s.msTransform || s.oTransform;
+        const translate = s.translate || '';
+        const rotate = s.rotate || '';
+        const scale = s.scale || '';
+        const filter = s.filter || s.webkitFilter || s.mozFilter || s.msFilter || s.oFilter;
+        const backdropFilter = s.backdropFilter || s.webkitBackdropFilter || s.mozBackdropFilter || s.msBackdropFilter || s.oBackdropFilter;
+        const perspective = s.perspective || s.webkitPerspective || s.mozPerspective || s.msPerspective || s.oPerspective;
+        const mask = s.mask || s.webkitMask || '';
+        const clipPath = s.clipPath || s.webkitClipPath || '';
+        const willChange = s.willChange || '';
+        const hasTransform = (transform && transform !== 'none') || (translate && translate !== 'none') || (rotate && rotate !== 'none') || (scale && scale !== 'none');
+        const hasFilter = filter && filter !== 'none';
+        const hasBackdropFilter = backdropFilter && backdropFilter !== 'none';
+        const hasPerspective = perspective && perspective !== 'none';
+        const hasMask = mask && mask !== 'none';
+        const hasClipPath = clipPath && clipPath !== 'none';
+        const hasWillChange = willChange &&
+            (willChange.includes('transform') ||
+                willChange.includes('perspective') ||
+                willChange.includes('filter') ||
+                willChange.includes('backdrop-filter') ||
+                willChange.includes('translate') ||
+                willChange.includes('rotate') ||
+                willChange.includes('scale') ||
+                willChange.includes('mask') ||
+                willChange.includes('clip-path') ||
+                willChange.includes('contain'));
+        // contain: layout, paint, strict, or content also creates a containing block
+        const contain = style.contain;
+        const hasContain = contain && (contain.includes('layout') || contain.includes('paint') || contain.includes('strict') || contain.includes('content'));
+        if (hasTransform || hasFilter || hasBackdropFilter || hasPerspective || hasMask || hasClipPath || hasWillChange || hasContain) {
+            return el;
+        }
+        // Move up (Flat Tree aware)
+        // Priority: 1. Assigned Slot (for projected content) 2. Parent Element 3. Shadow Host
+        el = el.assignedSlot || el.parentElement || el.getRootNode().host;
+    }
+    return null;
+}
+/**
+ * Returns the viewport-relative offset of the nearest transformed ancestor.
+ */
+function getTransformedAncestorOffset(element) {
+    const ancestor = getTransformedAncestor(element);
+    if (ancestor) {
+        const rect = ancestor.getBoundingClientRect();
+        return { x: rect.left, y: rect.top, el: ancestor };
+    }
+    return { x: 0, y: 0, el: null };
+}
+/**
+ * Calculates a robust, environment-proof position for floating elements (dropdowns, menus).
+ * It automatically handles:
+ * 1. Nested CSS transforms (containing blocks)
+ * 2. Viewport boundary detection (clamping)
+ * 3. Vertical space detection (flipping top/bottom)
+ * 4. Aligning to trigger element
+ */
+/**
+ * Modern auto-update utility that tracks element positions and re-triggers placement logic.
+ */
+function autoUpdate(reference, floating, update, options = {}) {
+    const { animationFrame = false } = options;
+    let frameId = null;
+    const handleUpdate = () => {
+        update();
+        if (animationFrame) {
+            frameId = requestAnimationFrame(handleUpdate);
+        }
+    };
+    if (animationFrame) {
+        frameId = requestAnimationFrame(handleUpdate);
+    }
+    else {
+        update(); // Initial update
+    }
+    window.addEventListener('scroll', update, { capture: true, passive: true });
+    window.addEventListener('resize', update, { passive: true });
+    const resizeObserver = new ResizeObserver(() => update());
+    resizeObserver.observe(reference);
+    resizeObserver.observe(floating);
+    const cleanup = () => {
+        if (frameId !== null)
+            cancelAnimationFrame(frameId);
+        window.removeEventListener('scroll', update, { capture: true });
+        window.removeEventListener('resize', update);
+        resizeObserver.disconnect();
+    };
+    return cleanup;
+}
+/**
+ * Calculates a robust, environment-proof position for floating elements (popovers, dropdowns, menus).
+ * Supports all 4 sides, alignment, and boundary detection.
+ */
+function calculateUniversalPlacement(trigger, options) {
+    const { menuWidth, menuHeight, gap = 4, placement = 'auto', align = 'center', padding = 8, useTransformedAncestorOffset = true } = options;
+    if (!trigger) {
+        return { left: 0, top: 0, width: 0, availableWidth: 0, availableHeight: 0, placement: 'bottom', isClamped: false };
+    }
+    const triggerRect = trigger.getBoundingClientRect();
+    const screenW = window.innerWidth;
+    const screenH = window.innerHeight;
+    const ancestorOffset = useTransformedAncestorOffset
+        ? getTransformedAncestorOffset(trigger)
+        : { x: 0, y: 0, el: null };
+    // 1. Determine Vertical/Horizontal Placement
+    const requestedPlacement = placement === 'auto' ? 'bottom' : placement;
+    let finalPlacement = requestedPlacement;
+    if (placement === 'auto') {
+        const spaceBelow = screenH - triggerRect.bottom - gap - padding;
+        const spaceAbove = triggerRect.top - gap - padding;
+        const spaceRight = screenW - triggerRect.right - gap - padding;
+        const spaceLeft = triggerRect.left - gap - padding;
+        // Preference: If requestedPlacement is blocked, try opposite, then try other axis if both blocked
+        if (requestedPlacement === 'bottom' && spaceBelow < menuHeight && spaceAbove > spaceBelow) {
+            finalPlacement = 'top';
+        }
+        else if (requestedPlacement === 'top' && spaceAbove < menuHeight && spaceBelow > spaceAbove) {
+            finalPlacement = 'bottom';
+        }
+        else if (requestedPlacement === 'right' && spaceRight < menuWidth && spaceLeft > spaceRight) {
+            finalPlacement = 'left';
+        }
+        else if (requestedPlacement === 'left' && spaceLeft < menuWidth && spaceRight > spaceLeft) {
+            finalPlacement = 'right';
+        }
+        // Secondary: If still not enough space on the main axis, pick the one with most space
+        if (finalPlacement === 'top' || finalPlacement === 'bottom') {
+            if (Math.max(spaceAbove, spaceBelow) < menuHeight) {
+                if (spaceRight >= menuWidth || spaceLeft >= menuWidth) {
+                    finalPlacement = spaceRight > spaceLeft ? 'right' : 'left';
+                }
+            }
+        }
+        else {
+            if (Math.max(spaceLeft, spaceRight) < menuWidth) {
+                if (spaceAbove >= menuHeight || spaceBelow >= menuHeight) {
+                    finalPlacement = spaceAbove > spaceBelow ? 'top' : 'bottom';
+                }
+            }
+        }
+    }
+    // 2. Calculate initial coordinates and available dimensions
+    let left = 0;
+    let top = 0;
+    let availableWidth = screenW - (padding * 2);
+    let availableHeight = screenH - (padding * 2);
+    switch (finalPlacement) {
+        case 'top':
+            top = triggerRect.top - menuHeight - gap;
+            availableHeight = triggerRect.top - gap - padding;
+            break;
+        case 'bottom':
+            top = triggerRect.bottom + gap;
+            availableHeight = screenH - triggerRect.bottom - gap - padding;
+            break;
+        case 'left':
+            left = triggerRect.left - menuWidth - gap;
+            availableWidth = triggerRect.left - gap - padding;
+            break;
+        case 'right':
+            left = triggerRect.right + gap;
+            availableWidth = screenW - triggerRect.right - gap - padding;
+            break;
+    }
+    // Handle alignment for the cross-axis
+    if (finalPlacement === 'top' || finalPlacement === 'bottom') {
+        // Horizontal alignment
+        if (align === 'start')
+            left = triggerRect.left;
+        else if (align === 'end')
+            left = triggerRect.right - menuWidth;
+        else
+            left = triggerRect.left + (triggerRect.width / 2) - (menuWidth / 2);
+        availableWidth = screenW - (padding * 2);
+    }
+    else {
+        // Vertical alignment
+        if (align === 'start')
+            top = triggerRect.top;
+        else if (align === 'end')
+            top = triggerRect.bottom - menuHeight;
+        else
+            top = triggerRect.top + (triggerRect.height / 2) - (menuHeight / 2);
+        availableHeight = screenH - (padding * 2);
+    }
+    // Apply ancestor offset
+    left -= ancestorOffset.x;
+    top -= ancestorOffset.y;
+    // 3. Clamping to viewport (account for transform ancestors)
+    const containerWidth = ancestorOffset.el ? ancestorOffset.el.getBoundingClientRect().width : screenW;
+    const containerHeight = ancestorOffset.el ? ancestorOffset.el.getBoundingClientRect().height : screenH;
+    const originalLeft = left;
+    const originalTop = top;
+    // Cross-axis clamping
+    if (finalPlacement === 'top' || finalPlacement === 'bottom') {
+        left = Math.max(padding, Math.min(left, containerWidth - menuWidth - padding));
+    }
+    else {
+        top = Math.max(padding, Math.min(top, containerHeight - menuHeight - padding));
+    }
+    const isClamped = left !== originalLeft || top !== originalTop;
+    // 4. Calculate arrow position (local to the floating element)
+    let arrowX = 0;
+    let arrowY = 0;
+    const arrowPadding = 12; // Minimum distance from corners
+    if (finalPlacement === 'top' || finalPlacement === 'bottom') {
+        const triggerCenter = triggerRect.left + (triggerRect.width / 2);
+        const menuAbsoluteLeft = left + ancestorOffset.x;
+        arrowX = triggerCenter - menuAbsoluteLeft;
+        arrowX = Math.max(arrowPadding, Math.min(arrowX, menuWidth - arrowPadding));
+    }
+    else {
+        const triggerCenter = triggerRect.top + (triggerRect.height / 2);
+        const menuAbsoluteTop = top + ancestorOffset.y;
+        arrowY = triggerCenter - menuAbsoluteTop;
+        arrowY = Math.max(arrowPadding, Math.min(arrowY, menuHeight - arrowPadding));
+    }
+    return {
+        left,
+        top,
+        width: menuWidth,
+        availableWidth,
+        availableHeight,
+        placement: finalPlacement,
+        isClamped,
+        arrowX,
+        arrowY
+    };
+}
+/**
+ * Corrects viewport-relative coordinates (e.g., from MouseEvent.clientX/Y)
+ * to work correctly when the target element is inside a transformed container.
+ */
+function correctViewportCoordinates(x, y, element) {
+    const offset = getTransformedAncestorOffset(element);
+    return {
+        x: x - offset.x,
+        y: y - offset.y,
+    };
+}
+
+export { autoUpdate as a, correctViewportCoordinates as b, calculateUniversalPlacement as c, getTransformedAncestorOffset as g };

package/dist/esm/event-bus-vwwmWKs9.js

@@ -0,0 +1,21 @@
+class EventBus {
+    listeners = new Map();
+    on(event, cb) {
+        const arr = this.listeners.get(event) || [];
+        arr.push(cb);
+        this.listeners.set(event, arr);
+        return () => this.off(event, cb);
+    }
+    off(event, cb) {
+        const arr = this.listeners.get(event) || [];
+        this.listeners.set(event, arr.filter(l => l !== cb));
+    }
+    emit(event, ...args) {
+        const arr = this.listeners.get(event) || [];
+        for (const l of arr.slice())
+            l(...args);
+    }
+}
+const GlobalEventBus = new EventBus();
+
+export { GlobalEventBus as G };