atomicuilibrary 0.0.1 → 0.1.0

package/dist/esm/layout-manager.entry.js

@@ -606,7 +606,7 @@ const LayoutManager = class {
         document.removeEventListener('mouseup', this.onGlobalMouseUp);
     };
     render() {
-        return (h("div", { key: 'f569e28b4534614afdb516bf769ad888c11b103f', class: "lm-root" }, h("lm-container", { key: 'fd8a5616176a28a3da539012d2e683f5216209fb', node: this.layout.root }), this.dropIndicator && h("div", { key: '27e38072647723cba399914c9f1684dc9ea62de5', class: `lm-drop-indicator ${this.dropIndicator.zone}`, style: this.getIndicatorStyle() }), h("div", { key: 'dfc23cda195b1b5ef6096c2fb76f52a0fd57cd3f', class: "lm-floating" }, this.layout.floating.map(f => (h("lm-floating-window", { "panel-id": f.id }))))));
+        return (h("div", { key: 'a7d960702919a492c0f69534926d1a3eb3be72dd', class: "lm-root" }, h("lm-container", { key: '065dad724b014066c553e9eedc8f43f893d7d573', node: this.layout.root }), this.dropIndicator && h("div", { key: '8ed57f7562cdaf20c5d65f79cc16c638d8450b95', class: `lm-drop-indicator ${this.dropIndicator.zone}`, style: this.getIndicatorStyle() }), h("div", { key: '001e3f78b7e233858cad4ff5035849091dca554e', class: "lm-floating" }, this.layout.floating.map(f => (h("lm-floating-window", { "panel-id": f.id }))))));
     }
 };
 LayoutManager.style = layoutManagerCss();

package/dist/esm/library-card.entry.js

@@ -53,7 +53,7 @@ const LibraryCard = class {
         }
     };
     render() {
-        return (h(Host, { key: '3a3ff13a2954f14c350206fdad4ba6340f653e4e' }, h("div", { key: 'b92cca51b6cc6af60d8476f386482ccfdd475a34', class: "card", onClick: this.handleViewDemo }, h("div", { key: '30a68d761de621658d2fc34a40ea101fbf04141e', class: "card-icon" }, this.icon), h("div", { key: '9ac9cba2c76b9568e2a5f319f0b04cb283a5e682', class: "card-content" }, h("h3", { key: '0b62e3e8b4839a79a4f567dee7ff1da61a8799cf', class: "card-title" }, this.cardTitle, this.badge && h("span", { key: '2254007ce97d9a0cc9cbcf66f8b397e48eaca256', class: "badge" }, this.badge)), h("p", { key: '4d5a519fd7d9759ae9f17783e680002e66a82106', class: "card-description" }, this.description)), h("div", { key: '71b72af77182f87ce4e09ad2f17a3f66618ffc12', class: "card-action" }, this.docs && (h("ui-button", { key: '3b9318ef02116646198e2535f97394ccf634f674', variant: "ghost", size: "md", icon: "file-text", "icon-library": "lucide", title: "View Documentation", onClick: this.handleViewDocs })), h("ui-button", { key: 'de3abccdcdd7e3504e7fc57d3525e0a41b27b731', variant: "filled", color: "primary", size: "md", icon: "play", "icon-library": "lucide", title: "View Demo" })))));
+        return (h(Host, { key: 'e7edb6ead577044fd1f0fa6b7679be3dcfeabe2b' }, h("div", { key: '8ca7a57e9eaa74b7504e55e0babe472e38a0ec43', class: "card", onClick: this.handleViewDemo }, h("div", { key: '3fad5c6b2c77cf04368ed68ad98cd1839580a5c2', class: "card-icon" }, this.icon), h("div", { key: '4400e8559ff068d0eddba7e781498d583da9cb19', class: "card-content" }, h("h3", { key: '59003194f0804f32b304c57c1ea6d72469759264', class: "card-title" }, this.cardTitle, this.badge && h("span", { key: '906582ba015efb8c817b4cfa2171e6174c7342d6', class: "badge" }, this.badge)), h("p", { key: '0accb66ebbb468e22cffeaea5a1670f3c5a61922', class: "card-description" }, this.description)), h("div", { key: 'f62f8e4b3c46fdaa83797603874965ba891eb02a', class: "card-action" }, this.docs && (h("ui-button", { key: 'e8f3c1790fbb58887826012e0ffb79056de2cfaa', variant: "ghost", size: "md", icon: "file-text", "icon-library": "lucide", title: "View Documentation", onClick: this.handleViewDocs })), h("ui-button", { key: '098cb0afc2110dd502003e164478eb9595f212f3', variant: "filled", color: "primary", size: "md", icon: "play", "icon-library": "lucide", title: "View Demo" })))));
     }
 };
 LibraryCard.style = libraryCardCss();

package/dist/esm/lm-container_2.entry.js

@@ -68,7 +68,7 @@ const LmFloatingWindow = class {
     x = 100;
     y = 100;
     render() {
-        return (h("div", { key: '987212734ff21ee0d02c5ae2f0fe144e901d8206', class: "lm-float", style: { left: `${this.x}px`, top: `${this.y}px` }, "data-panel-id": this.panelId }, h("div", { key: '8b922866c1955c167c6a2e5ea5d30c3c5a6bd57c', class: "lm-float-header" }, "Floating - ", this.panelId), h("div", { key: 'a0e3f8cd66090fc879b10b7ce0d7005ea6e76381', class: "lm-float-body" }, h("slot", { key: '0362df47eeafe69e15151e443b72c62e97ca3300' }))));
+        return (h("div", { key: '127457de3888abc6cc985f0eb63c093c06d71734', class: "lm-float", style: { left: `${this.x}px`, top: `${this.y}px` }, "data-panel-id": this.panelId }, h("div", { key: '1413e834a512629ce51325aeb9a303d74fb9e39d', class: "lm-float-header" }, "Floating - ", this.panelId), h("div", { key: '4fe4b7599ade9297207575f36f3135bab34f012b', class: "lm-float-body" }, h("slot", { key: 'db60539be3bbe32fe8f3bd1900a6f43761be57ff' }))));
     }
 };
 LmFloatingWindow.style = lmFloatingWindowCss();

package/dist/esm/lm-panel_3.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-DUsoYu9r.js';
 import { G as GlobalEventBus } from './event-bus-vwwmWKs9.js';
-import { s as sanitizeHTML } from './security-D2WzX6vR.js';
+import { s as sanitizeHTML } from './security-Dyu3Nplq.js';
 
 const lmPanelCss = () => `.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;width:100%;height:100%;overflow:hidden}.lm-panel{display:flex;flex-direction:column;flex:1;width:100%;height:100%;background:var(--bg-primary, #ffffff);overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0)}.lm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);min-height:36px;flex-shrink:0}.lm-panel-header .lm-title{font-size:13px;font-weight:600;color:var(--color-primary, #334155);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-panel-header .lm-controls{display:flex;align-items:center;gap:8px}.lm-close{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);width:20px;height:20px;font-size:16px;line-height:1;transition:all 0.2s}.lm-close:hover{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.lm-panel-body{flex:1;overflow:auto;position:relative;display:flex;flex-direction:column}.lm-panel-body>div{flex:1}`;
 
@@ -20,7 +20,7 @@ const LmPanel = class {
         });
     };
     render() {
-        return (h("div", { key: 'deb12b776f98fd8ebf5fd56807afb71b8df2cd0d', class: "lm-panel", "data-id": this.panel.id }, h("div", { key: '92e40c443c14ee9f0ae3fbe26a11889a56911098', class: "lm-panel-header", onMouseDown: e => this.onHeaderMouseDown(e) }, h("div", { key: '4c10877061aeeabb9f80803c57bdd6e594dd5383', class: "lm-title", style: { display: 'flex', alignItems: 'center' } }, this.panel.icon && h("ui-icon", { key: '23a72b93dda720d0360c67e6e59c90544900dc44', name: this.panel.icon, library: "lucide", style: { width: '16px', height: '16px', marginRight: '8px' } }), this.panel.title), h("div", { key: '86191441afcbac1e185f1d27b0a2cf11192d423b', class: "lm-controls" }, this.panel.closable !== false && (h("ui-button", { key: '4dd85509e733a1b62e7980d2ba7e399fce209ef9', variant: "ghost", class: "lm-close", onClick: () => this.closePanel(), ariaLabel: "Close panel", icon: "x", iconLibrary: "lucide", iconOnly: true, size: "xxs" })))), h("div", { key: '8734d98fd113a5005a71f3adf121842d8b7a0000', class: "lm-panel-body" }, this.panel.content ? (h("div", { innerHTML: sanitizeHTML(this.panel.content) })) : (h("slot", null)))));
+        return (h("div", { key: 'ed9841ccbbf9405cce4768bfc6b95679e3073612', class: "lm-panel", "data-id": this.panel.id }, h("div", { key: 'da601613fad1f4fbbfe710dab28023641fc09e22', class: "lm-panel-header", onMouseDown: e => this.onHeaderMouseDown(e) }, h("div", { key: 'd5770de243fe1b56344cc7eac1747fb27fdac878', class: "lm-title", style: { display: 'flex', alignItems: 'center' } }, this.panel.icon && h("ui-icon", { key: 'ae016e3300eb49f9a57b455caf7507bd97436b41', name: this.panel.icon, library: "lucide", style: { width: '16px', height: '16px', marginRight: '8px' } }), this.panel.title), h("div", { key: '44f63e8f914ff8d2fc49159e6c4aea47a4bf9110', class: "lm-controls" }, this.panel.closable !== false && (h("ui-button", { key: 'ab22aed20eb1f50fca03ccd70e56eb502d150fe7', variant: "ghost", class: "lm-close", onClick: () => this.closePanel(), ariaLabel: "Close panel", icon: "x", iconLibrary: "lucide", iconOnly: true, size: "xxs" })))), h("div", { key: '7f7b24123c8ef2f29e854bde5bf021b8b269860b', class: "lm-panel-body" }, this.panel.content ? (h("div", { innerHTML: sanitizeHTML(this.panel.content) })) : (h("slot", null)))));
     }
 };
 LmPanel.style = lmPanelCss();
@@ -65,7 +65,7 @@ const LmSplitter = class {
     };
     direction = 'horizontal'; // Default to horizontal (vertical bar) for row layout
     render() {
-        return h("div", { key: '6cbc72c65f18247f7a445a3c887c774d13551297', class: `lm-splitter ${this.direction}`, onMouseDown: e => this.onDown(e) });
+        return h("div", { key: '10a37bce5b34d39754a42339ece2fd8c1759ffec', class: `lm-splitter ${this.direction}`, onMouseDown: e => this.onDown(e) });
     }
 };
 LmSplitter.style = lmSplitterCss();
@@ -96,7 +96,7 @@ const LmTabs = class {
         GlobalEventBus.emit('panel:dragstart', { panelId: id, x: e.clientX, y: e.clientY });
     }
     render() {
-        return (h("div", { key: '83f1cde2f6966da615dd0e0b5ab821e0f035ce22', class: `lm-tabs ${this.mode}` }, h("div", { key: '507a672779ab113ca9da4d724c6d59451084daf4', class: "lm-tab-list" }, this.panels.map(p => (h("div", { class: `lm-tab ${p.id === this.activeTabId ? 'active' : ''}`, "data-id": p.id, onClick: () => this.switchTab(p.id), onMouseDown: (e) => this.onTabMouseDown(e, p.id) }, h("span", { class: "lm-tab-title", style: { display: 'flex', alignItems: 'center' } }, p.icon && h("ui-icon", { name: p.icon, library: "lucide", style: { width: '14px', height: '14px', marginRight: '6px' } }), p.title), p.closable !== false && (h("span", { class: "lm-tab-close", onClick: (e) => this.closePanel(e, p.id) }, "\u00D7"))))))));
+        return (h("div", { key: 'febe482fbf5af159c3be293e1964d12eacf44ac2', class: `lm-tabs ${this.mode}` }, h("div", { key: '85a936ec854d5044ce2994b49fff517e5fe877e4', class: "lm-tab-list" }, this.panels.map(p => (h("div", { class: `lm-tab ${p.id === this.activeTabId ? 'active' : ''}`, "data-id": p.id, onClick: () => this.switchTab(p.id), onMouseDown: (e) => this.onTabMouseDown(e, p.id) }, h("span", { class: "lm-tab-title", style: { display: 'flex', alignItems: 'center' } }, p.icon && h("ui-icon", { name: p.icon, library: "lucide", style: { width: '14px', height: '14px', marginRight: '6px' } }), p.title), p.closable !== false && (h("span", { class: "lm-tab-close", onClick: (e) => this.closePanel(e, p.id) }, "\u00D7"))))))));
     }
 };
 LmTabs.style = lmTabsCss();