atomicuilibrary 0.1.0 → 0.1.3

package/dist/esm/my-component.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DUsoYu9r.js';
+import { r as registerInstance, h } from './index-Dqu2zaH1.js';
 import { f as format } from './utils-Ck6jDuhz.js';
 
 const myComponentCss = () => `.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}`;

package/dist/esm/my-step.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DUsoYu9r.js';
+import { r as registerInstance, h } from './index-Dqu2zaH1.js';
 
 const myStepCss = () => `.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}`;
 
@@ -19,7 +19,7 @@ const MyStep = class {
         return h("slot", null);
     }
     render() {
-        return h("slot", { key: '44701e8e4f9dfe6e74f8b9581a80ef6b2c9a5880' });
+        return h("slot", { key: '07c09e3d2857a1d05a6e96a4b1d8aede882ea1f5' });
     }
 };
 MyStep.style = myStepCss();

package/dist/esm/nav-bar.entry.js

@@ -1,6 +1,6 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host } from './index-DUsoYu9r.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host } from './index-Dqu2zaH1.js';
 
-const navBarCss = () => `.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;height:100%;width:var(--nav-width-expanded, 280px);transition:width var(--nav-transition, 0.4s cubic-bezier(0.4, 0, 0.2, 1));flex-shrink:0;overflow:hidden;--nav-bg:#0f172a;--nav-text:#f8fafc;--nav-text-muted:#94a3b8;--nav-accent:#3b82f6;--nav-accent-glow:rgba(59, 130, 246, 0.4);--nav-hover-bg:rgba(255, 255, 255, 0.05);--nav-active-bg:linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.1) 100%);--nav-border:rgba(255, 255, 255, 0.08);--nav-width-expanded:280px;--nav-width-collapsed:80px;--nav-transition:0.4s cubic-bezier(0.4, 0, 0.2, 1)}:host([collapsed]){width:var(--nav-width-collapsed, 80px)}.nav-bar{display:flex;flex-direction:column;height:100%;background:var(--nav-bg);color:var(--nav-text);width:100%;border-right:1px solid var(--nav-border);position:relative;box-sizing:border-box}.nav-bar.collapsed{width:var(--nav-width-collapsed)}.nav-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:80px;border-bottom:1px solid var(--nav-border)}.collapsed .nav-header{padding:24px 0;justify-content:center}.nav-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.2))}.nav-title{font-size:18px;font-weight:700;white-space:nowrap;letter-spacing:-0.5px;background:linear-gradient(to right, #fff, #94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collapsed .nav-title{display:none}.nav-hamburger{background:var(--nav-hover-bg);border:1px solid var(--nav-border);color:white;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s ease;margin-left:auto}.collapsed .nav-hamburger{margin-left:0}.collapsed .nav-header{flex-direction:column;padding:16px 0;height:auto;min-height:100px;gap:12px}.nav-hamburger:hover{background:var(--nav-accent);border-color:var(--nav-accent)}.nav-search{padding:16px;position:relative}.nav-search-input{width:100%;padding:10px 12px 10px 38px;background:rgba(255, 255, 255, 0.03);border:1px solid var(--nav-border);border-radius:10px;color:white;font-size:13px;outline:none;transition:all 0.3s ease}.nav-search-input:focus{border-color:var(--nav-accent);background:rgba(255, 255, 255, 0.05);box-shadow:0 0 15px var(--nav-accent-glow)}.nav-search::before{content:"";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E") no-repeat center;pointer-events:none}.nav-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:8px}.collapsed .nav-content{padding:12px 0}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-bottom{}.nav-footer{padding:12px;border-top:1px solid var(--nav-border);flex-shrink:0}.collapsed .nav-footer{padding:12px 0}.nav-section-header{padding:12px 12px 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--nav-text-muted);letter-spacing:1px;opacity:0.8}.nav-item .nav-section-header{padding-left:12px;margin-top:12px;border-top:1px solid rgba(255, 255, 255, 0.05)}.collapsed .nav-section-header{display:none}.nav-item{position:relative}.nav-item-link{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);text-decoration:none;border-radius:12px;transition:all 0.3s ease;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-item-link.no-icon{font-size:13px;padding-left:16px}.nav-item-link.no-icon .nav-item-label{opacity:0.9;font-weight:400}.collapsed .nav-item-link{justify-content:center;padding:12px 0;gap:0}.nav-item-link:hover{background:var(--nav-hover-bg);color:white}.active>.nav-item-link{background:var(--nav-active-bg);color:var(--nav-accent);box-shadow:inset 0 0 0 1px rgba(59, 130, 246, 0.3)}.active>.nav-item-link::after{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--nav-accent)}.nav-item-arrow{margin-left:auto;transition:transform 0.3s ease;color:var(--nav-text-muted)}.expanded>.nav-item-link .nav-item-arrow{transform:rotate(180deg)}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}.nav-item-link:hover .nav-item-icon{transform:scale(1.1)}.active .nav-item-icon{color:var(--nav-accent)}.collapsed .nav-item-label{display:none}.nav-item-badge{background:var(--nav-accent);color:white;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;margin-left:auto}.collapsed .nav-item-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;padding:0;font-size:0;box-shadow:0 0 10px var(--nav-accent)}.nav-children{padding-left:24px;margin-top:4px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255, 255, 255, 0.05);margin-left:24px;padding-left:12px}.is-child .nav-item-link{padding:8px 12px;font-size:13px;border-radius:10px}.collapsed .nav-children{display:none}.nav-overflow{position:relative;margin:2px 0}.nav-overflow-trigger{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);cursor:pointer;border-radius:12px;transition:all 0.3s ease}.nav-overflow-trigger:hover{background:var(--nav-hover-bg);color:white}.nav-overflow-menu{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:16px;padding:8px;min-width:220px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);z-index:10000;display:flex;flex-direction:column;gap:4px;animation:slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideMenu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.expanded .nav-item{animation:slideMenu 0.4s ease forwards}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:4px}.nav-tooltip{position:fixed;background:#1e293b;color:white;padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid rgba(255, 255, 255, 0.1);transform:translateY(-50%);opacity:0;transition:opacity 0.2s}.nav-tooltip.visible{opacity:1}`;
+const navBarCss = () => `.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;height:100%;width:var(--nav-width-expanded, 280px);transition:width var(--nav-transition, 0.4s cubic-bezier(0.4, 0, 0.2, 1));flex-shrink:0;overflow:hidden;--nav-bg:#0f172a;--nav-text:#f8fafc;--nav-text-muted:#94a3b8;--nav-accent:var(--color-primary, #3b82f6);--nav-accent-glow:var(--color-primary-subtle, rgba(59, 130, 246, 0.4));--nav-hover-bg:rgba(255, 255, 255, 0.05);--nav-active-bg:linear-gradient(135deg, var(--color-primary-subtle, rgba(59, 130, 246, 0.2)) 0%, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) 100%);--nav-border:rgba(255, 255, 255, 0.08);--nav-width-expanded:280px;--nav-width-collapsed:80px;--nav-transition:0.4s cubic-bezier(0.4, 0, 0.2, 1)}:host([collapsed]){width:var(--nav-width-collapsed, 80px)}.nav-bar{display:flex;flex-direction:column;height:100%;background:var(--nav-bg);color:var(--nav-text);width:100%;border-right:1px solid var(--nav-border);position:relative;box-sizing:border-box}.nav-bar.collapsed{width:var(--nav-width-collapsed)}.nav-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:80px;border-bottom:1px solid var(--nav-border)}.collapsed .nav-header{padding:24px 0;justify-content:center}.nav-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.2))}.nav-title{font-size:18px;font-weight:700;white-space:nowrap;letter-spacing:-0.5px;background:linear-gradient(to right, #fff, #94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collapsed .nav-title{display:none}.nav-hamburger{background:var(--nav-hover-bg);border:1px solid var(--nav-border);color:white;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s ease;margin-left:auto}.collapsed .nav-hamburger{margin-left:0}.collapsed .nav-header{flex-direction:column;padding:16px 0;height:auto;min-height:100px;gap:12px}.nav-hamburger:hover{background:var(--nav-accent);border-color:var(--nav-accent)}.nav-search{padding:16px;position:relative}.nav-search-input{width:100%;padding:10px 12px 10px 38px;background:rgba(255, 255, 255, 0.03);border:1px solid var(--nav-border);border-radius:10px;color:white;font-size:13px;outline:none;transition:all 0.3s ease}.nav-search-input:focus{border-color:var(--nav-accent);background:rgba(255, 255, 255, 0.05);box-shadow:0 0 15px var(--nav-accent-glow)}.nav-search::before{content:"";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E") no-repeat center;pointer-events:none}.nav-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:8px}.collapsed .nav-content{padding:12px 0}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-bottom{}.nav-footer{padding:12px;border-top:1px solid var(--nav-border);flex-shrink:0}.collapsed .nav-footer{padding:12px 0}.nav-section-header{padding:12px 12px 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--nav-text-muted);letter-spacing:1px;opacity:0.8}.nav-item .nav-section-header{padding-left:12px;margin-top:12px;border-top:1px solid rgba(255, 255, 255, 0.05)}.collapsed .nav-section-header{display:none}.nav-item{position:relative}.nav-item-link{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);text-decoration:none;border-radius:12px;transition:all 0.3s ease;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-item-link.no-icon{font-size:13px;padding-left:16px}.nav-item-link.no-icon .nav-item-label{opacity:0.9;font-weight:400}.collapsed .nav-item-link{justify-content:center;padding:12px 0;gap:0}.nav-item-link:hover{background:var(--nav-hover-bg);color:white}.active>.nav-item-link{background:var(--nav-active-bg);color:var(--nav-accent);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.active>.nav-item-link::after{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--nav-accent)}.nav-item-arrow{margin-left:auto;transition:transform 0.3s ease;color:var(--nav-text-muted)}.expanded>.nav-item-link .nav-item-arrow{transform:rotate(180deg)}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}.nav-item-link:hover .nav-item-icon{transform:scale(1.1)}.active .nav-item-icon{color:var(--nav-accent)}.collapsed .nav-item-label{display:none}.nav-item-badge{background:var(--nav-accent);color:white;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;margin-left:auto}.collapsed .nav-item-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;padding:0;font-size:0;box-shadow:0 0 10px var(--nav-accent)}.nav-children{padding-left:24px;margin-top:4px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255, 255, 255, 0.05);margin-left:24px;padding-left:12px}.is-child .nav-item-link{padding:8px 12px;font-size:13px;border-radius:10px}.collapsed .nav-children{display:none}.nav-overflow{position:relative;margin:2px 0}.nav-overflow-trigger{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);cursor:pointer;border-radius:12px;transition:all 0.3s ease}.nav-overflow-trigger:hover{background:var(--nav-hover-bg);color:white}.nav-overflow-menu{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:16px;padding:8px;min-width:220px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);z-index:10000;display:flex;flex-direction:column;gap:4px;animation:slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideMenu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.expanded .nav-item{animation:slideMenu 0.4s ease forwards}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:4px}.nav-tooltip{position:fixed;background:#1e293b;color:white;padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid rgba(255, 255, 255, 0.1);transform:translateY(-50%);opacity:0;transition:opacity 0.2s}.nav-tooltip.visible{opacity:1}`;
 
 const NavBar = class {
     /**
@@ -208,12 +208,12 @@ const NavBar = class {
     connectedCallback() {
     }
     render() {
-        return (h(Host, { key: '18e3c8af7dbb483dff73b88a1f355a0e3b6605f9', collapsed: this.collapsed }, h("nav", { key: 'ddf81e32206bfae3fb517a8c3b48444401d8ab28', class: `nav-bar ${this.collapsed ? 'collapsed' : 'expanded'}` }, h("div", { key: 'b4c7aebc1bfbc9ecb60123d6114efdefd07a3b5b', class: "nav-header" }, this.logoUrl && (h("img", { key: 'c7ae8fda61df03e604e275d92368b0fddb6089fa', src: this.logoUrl, alt: this.logoAlt, class: "nav-logo" })), this.appTitle && (h("span", { key: 'be00df3ab559af0244bc5d8aaa2def21a93eb404', class: "nav-title" }, this.appTitle)), this.showHamburger && (h("button", { key: '948f1574a82f4d4e10ae160e6c2e211e8d839c77', class: "nav-hamburger", onClick: this.handleHamburgerClick, "aria-label": this.collapsed ? 'Expand navigation' : 'Collapse navigation' }, this.collapsed ? (h("ui-icon", { name: "menu", library: this.iconLibrary, size: "1.5rem" })) : (h("ui-icon", { name: "x", library: this.iconLibrary, size: "1.5rem" }))))), this.showSearch && !this.collapsed && (h("div", { key: 'f83cfa8d13441a86ea9db30b91364efb8041e865', class: "nav-search" }, h("input", { key: '50a802fc2e85124866ad4d2d19d845cfe60b9ee3', type: "text", class: "nav-search-input", placeholder: this.searchPlaceholder, onInput: this.handleSearchInput }))), h("div", { key: 'ff8a5604ad82dd2ebca182c2d56d62a9abd79bed', class: "nav-content" }, this.renderSection(this.topItems, 'nav-section-top')), this.hoveredIcon && (h("div", { key: '6fe4b41539a4cd1d81c63846c25c26a8d452c9b9', class: "nav-tooltip visible", style: {
+        return (h(Host, { key: '1ca084a87b49b22d83f87e90cd0cadffbc311eae', collapsed: this.collapsed }, h("nav", { key: 'bcc0a9d86c7191111ed9997c40eef0a0b5c236e4', class: `nav-bar ${this.collapsed ? 'collapsed' : 'expanded'}` }, h("div", { key: 'c18e36e8919eb471554111e7d5ee690f044519d3', class: "nav-header" }, this.logoUrl && (h("img", { key: '3ef3c38c0a156bbda0890bba01df49a06afdb0b9', src: this.logoUrl, alt: this.logoAlt, class: "nav-logo" })), this.appTitle && (h("span", { key: '4140fce5cca693439044369924ba42f80bfd3148', class: "nav-title" }, this.appTitle)), this.showHamburger && (h("button", { key: '58f7a102b5185528ac328c47318fa4caf83ae154', class: "nav-hamburger", onClick: this.handleHamburgerClick, "aria-label": this.collapsed ? 'Expand navigation' : 'Collapse navigation' }, this.collapsed ? (h("ui-icon", { name: "menu", library: this.iconLibrary, size: "1.5rem" })) : (h("ui-icon", { name: "x", library: this.iconLibrary, size: "1.5rem" }))))), this.showSearch && !this.collapsed && (h("div", { key: '8145564546ad325086238964931b4a48e81ee805', class: "nav-search" }, h("input", { key: '61a66f0f1ef1e759205994c1dc0139b4c89f8dac', type: "text", class: "nav-search-input", placeholder: this.searchPlaceholder, onInput: this.handleSearchInput }))), h("div", { key: 'aab420232ec9816e08926d1ca7b057741e5dc2f6', class: "nav-content" }, this.renderSection(this.topItems, 'nav-section-top')), this.hoveredIcon && (h("div", { key: 'f1cd79267d143e1b4f2ade642da7199b380741d8', class: "nav-tooltip visible", style: {
                 top: `${this.tooltipPos.top}px`,
                 left: `${this.tooltipPos.left}px`
             } }, [...this.topItems, ...this.bottomItems, ...this.bottomItemsSecondary]
             .flatMap(i => [i, ...(i.children || [])])
-            .find(i => i.id === this.hoveredIcon)?.label)), h("div", { key: '8f6d53da23fbe4fc12151683fc0dca55bf33ab5c', class: "nav-footer" }, this.renderSection(this.bottomItems, 'nav-section-bottom'), this.renderSection(this.bottomItemsSecondary, 'nav-section-bottom-secondary')))));
+            .find(i => i.id === this.hoveredIcon)?.label)), h("div", { key: '993ce0f63b1ad5acf1226741f65437208d6bd3b9', class: "nav-footer" }, this.renderSection(this.bottomItems, 'nav-section-bottom'), this.renderSection(this.bottomItemsSecondary, 'nav-section-bottom-secondary')))));
     }
     renderSection(items, sectionClass) {
         if (!items || items.length === 0)

package/dist/esm/smart-step.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-DUsoYu9r.js';
+import { r as registerInstance, a as getElement, h } from './index-Dqu2zaH1.js';
 
 const smartStepCss = () => `@charset "UTF-8";.sr-only.sc-smart-step{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-smart-step{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-smart-step-h{display:block;counter-increment:step-counter;flex:1}.smart-step-wrapper.sc-smart-step{display:flex;flex-direction:column}.step-header.sc-smart-step{padding:12px 16px;border-radius:6px;background:#fff;cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;position:relative;user-select:none;margin-bottom:8px}.step-header.sc-smart-step:hover:not(.disabled):not(.active){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.step-header.active.sc-smart-step{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 6px -1px rgba(59, 130, 246, 0.1)}.step-header.completed.sc-smart-step{border-color:#10b981;background:#f0fdf4}.step-header.disabled.sc-smart-step{opacity:0.6;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.step-icon.sc-smart-step{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;transition:all 0.3s ease;border:2px solid transparent}.step-header.active.sc-smart-step .step-icon.sc-smart-step{background:#3b82f6;color:#fff;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.2)}.step-header.completed.sc-smart-step .step-icon.sc-smart-step{background:#10b981;color:#fff}.step-header.status-error.sc-smart-step .step-icon.sc-smart-step{background:#ef4444;color:#fff}.custom-icon.sc-smart-step{line-height:1}.step-number.sc-smart-step::before{content:counter(step-counter)}.step-header.completed.sc-smart-step .step-number.sc-smart-step::before{content:"✓";font-size:16px}.step-text.sc-smart-step{display:flex;flex-direction:column;min-width:0;flex:1}.step-title.sc-smart-step{font-weight:600;font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.step-header.active.sc-smart-step .step-title.sc-smart-step{color:#1d4ed8}.step-header.completed.sc-smart-step .step-title.sc-smart-step{color:#15803d}.step-desc.sc-smart-step{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.sc-smart-step-h:not(:last-of-type) .step-header.sc-smart-step::after{content:"";position:absolute;right:-12px;top:50%;border:solid #d1d5db;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:translateY(-50%) rotate(-45deg);opacity:0.5;display:none}.stepper-content.sc-smart-step{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 6px 6px;padding:24px;margin-top:-6px;display:none;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}`;
 
@@ -33,11 +33,11 @@ const SmartStep = class {
      */
     disabled = false;
     render() {
-        return (h("div", { key: 'a2c117d2cec46a6f1fdafab7cb152026a1c637be', class: "smart-step-wrapper" }, h("div", { key: '470c34c7b17ad9b6e829ebfb30e1b4c3848d1c09', class: {
+        return (h("div", { key: 'ca00812f8227d533a34fd34e5d8bcc6675edec3a', class: "smart-step-wrapper" }, h("div", { key: 'd6423ecd8c2750642350bf37cac75856978bfc73', class: {
                 'step-header': true,
                 'disabled': this.disabled,
                 [`status-${this.status}`]: true
-            } }, h("div", { key: '6a6cbddfd46581cbdb2e22ba9dfddad491faf93b', class: "step-icon" }, this.icon ? (h("span", { class: "custom-icon" }, h("ui-icon", { name: this.icon, library: this.iconLibrary, size: "1.2rem" }))) : h("span", { class: "step-number" })), h("div", { key: '2d11b3d888e9cc500723d0be29a8c6fc580372b7', class: "step-text" }, h("span", { key: '8a13c5542cc413516b7a083e26330a34f7a43990', class: "step-title" }, this.label), this.description && h("span", { key: '1ad7e4e299a6d6faa338445a926279ec3d04c7b3', class: "step-desc" }, this.description))), h("div", { key: 'df61b0cb3ba51afbba28d4075c8e7a128616b74a', class: "stepper-content" }, h("slot", { key: '277c02deb6d5ee2c2ac992e3ea3da964cf8dd9e2' }))));
+            } }, h("div", { key: 'e5713ed3234ff8890c08f97a8cff4ff7983d33af', class: "step-icon" }, this.icon ? (h("span", { class: "custom-icon" }, h("ui-icon", { name: this.icon, library: this.iconLibrary, size: "1.2rem" }))) : h("span", { class: "step-number" })), h("div", { key: '6998e7b67ceefb8989481ce0014d5c3a6839a281', class: "step-text" }, h("span", { key: '77f73e8dcadc1bca1ebeccd5607e2c5dc98f7467', class: "step-title" }, this.label), this.description && h("span", { key: '9be4ea8f959a789ec36d4a41286809f2a07a764b', class: "step-desc" }, this.description))), h("div", { key: '0fb598a2aeb3427be0c3fd5b9fe32db65d83f67f', class: "stepper-content" }, h("slot", { key: 'd8a515d242a0b233e00acc3d3377bd65e07e173f' }))));
     }
 };
 SmartStep.style = smartStepCss();

package/dist/esm/timeline-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DUsoYu9r.js';
+import { r as registerInstance, h } from './index-Dqu2zaH1.js';
 
 const timelineItemCss = () => `.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}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}`;
 
@@ -19,7 +19,7 @@ const TimelineItem = class {
      */
     itemDate;
     render() {
-        return (h("div", { key: '0004428a7a312050db13c20a0b01ccfa1bbefec8', class: "timeline-item-container" }, h("div", { key: '706c054af22b45409c3eec9c3cae7bf13b016c88', class: "timeline-item-content" }, h("h2", { key: '176eb8c8b42d7658f001acaa2a94d01abcbc2060' }, this.itemTitle), h("p", { key: 'a0b6b862951518676293156a8dba54fbb2608d65' }, this.itemDescription), h("span", { key: 'e753aaeffb2c672b2c6b243f96e270e7a6b10c6e' }, this.itemDate))));
+        return (h("div", { key: 'd95b2638f4ddd5cfe6123e0dca0573d50f7a9b12', class: "timeline-item-container" }, h("div", { key: '1af79e9d89d34c86588dde5f8a17a3d858818eca', class: "timeline-item-content" }, h("h2", { key: '20b3627366401ffcbeb5ec3673ff54960b86b87d' }, this.itemTitle), h("p", { key: '830ff3c7ee8eab68977b343a5fa275eb8f4e9df5' }, this.itemDescription), h("span", { key: 'e349ec06b84933f61fb194dde37e12624694a981' }, this.itemDate))));
     }
 };
 TimelineItem.style = timelineItemCss();