atomicuilibrary 0.0.1 → 0.1.3

package/dist/cjs/ui-breadcrumb-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const breadcrumbCss = () => `.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}.breadcrumb{display:flex;align-items:center}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:4px}.breadcrumb-item-wrapper{display:flex;align-items:center;gap:4px}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:var(--text-muted, #64748b);text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-weight:500;cursor:pointer;background-color:transparent}.breadcrumb-item.size-sm{padding:4px 8px;font-size:12px;gap:4px}.breadcrumb-item.size-md{padding:6px 12px;font-size:14px;gap:6px}.breadcrumb-item.size-lg{padding:8px 16px;font-size:16px;gap:8px}.breadcrumb-item:hover:not(.active):not(.disabled){color:var(--color-primary, #10b981);background-color:var(--bg-primary, #eff6ff)}.breadcrumb-item.active{color:var(--text-primary, #1e293b);font-weight:600;cursor:default;background-color:var(--bg-secondary, #f1f5f9)}.breadcrumb-item.disabled{color:var(--color-primary, #cbd5e1);cursor:not-allowed;opacity:0.6}.breadcrumb-item.home{padding:6px 10px}.breadcrumb-content{display:flex;align-items:center;gap:inherit}.breadcrumb-icon{display:inline-flex;align-items:center;font-size:1em;line-height:1}.breadcrumb-icon svg{width:1em;height:1em;fill:currentColor}.breadcrumb-label{white-space:nowrap}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--color-primary, #cbd5e1);font-size:0.875em;user-select:none;padding:0 4px}.breadcrumb-separator svg{width:1em;height:1em;fill:currentColor}.breadcrumb-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1;margin-left:4px}.badge-neutral{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.badge-primary{background:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.badge-success{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534)}.badge-warning{background:var(--bg-primary, #fef9c3);color:var(--color-danger, #854d0e)}.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.ellipsis-wrapper{position:relative}.breadcrumb-ellipsis-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:4px 8px;color:var(--color-primary, #94a3b8);cursor:pointer;border-radius:4px;transition:all 0.2s}.breadcrumb-ellipsis-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.breadcrumb-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:160px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #e2e8f0);margin-top:8px;padding:4px;animation:dropdownIn 0.2s ease-out}@keyframes dropdownIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-item a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--color-primary, #475569);text-decoration:none;font-size:13px;font-weight:500;border-radius:6px;transition:background 0.2s}.dropdown-item a:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #10b981)}.dropdown-item .item-icon{font-size:14px}.breadcrumb-variant-pills .breadcrumb-item{background:var(--bg-secondary, #f1f5f9);border-radius:999px;margin:0 2px}.breadcrumb-variant-pills .breadcrumb-item:hover{background:var(--bg-primary, #e2e8f0)}.breadcrumb-variant-pills .breadcrumb-item.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.breadcrumb-variant-glass{background:rgba(15, 23, 42, 0.3);backdrop-filter:blur(8px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item{color:rgba(255, 255, 255, 0.7)}.breadcrumb-variant-glass .breadcrumb-item:hover{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item.active{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.2)}.breadcrumb-variant-glass .breadcrumb-separator{color:rgba(255, 255, 255, 0.3)}@media (max-width: 640px){.breadcrumb-item.size-md{padding:4px 8px;font-size:12px}.breadcrumb-item.size-lg{padding:6px 12px;font-size:14px}}`;
 
@@ -47,8 +47,8 @@ const BreadcrumbItemComponent = class {
             'disabled': this.disabled,
             [`size-${this.size}`]: true,
         };
-        const content = (index.h("span", { key: '7247bee3f00e6cc3de54c9860d014243b5d9c4cb', class: "breadcrumb-content" }, this.icon && (index.h("span", { key: '2537f399d8d557033b72f63a9bc190b208ebdf88', class: "breadcrumb-icon" }, index.h("ui-icon", { key: '951ece78e4e9936fd8f459bb041940c9f6632390', name: this.icon, library: this.iconLibrary, size: "1.1em" }))), index.h("span", { key: '9b2cc37dc1ae16e0b4f73ee0b12ecd168c930c49', class: "breadcrumb-label" }, index.h("slot", { key: 'd150b1d67baaa1f1ee0a679a4eded9fb2fe70e88' }, this.label)), this.badge !== undefined && (index.h("span", { key: '90d28ba9ab8e41cb81e4956fb4eb2a06fc940145', class: "breadcrumb-badge" }, this.badge))));
-        return (index.h(index.Host, { key: '867a980816ed6ca77aeedd631e00f284a8cccbf5', class: "breadcrumb-item-wrapper" }, this.href && !this.disabled && !this.active ? (index.h("a", { href: this.href, class: classes, "aria-current": this.active ? 'page' : undefined }, content)) : (index.h("span", { class: classes, "aria-current": this.active ? 'page' : undefined }, content))));
+        const content = (index.h("span", { key: '05f34f83d3f1bf069dce5942c543969be61213b9', class: "breadcrumb-content" }, this.icon && (index.h("span", { key: 'a7f149671e841edc15caafb4c3f9bafc71a7271a', class: "breadcrumb-icon" }, index.h("ui-icon", { key: 'c3c58f5cd81851e138fbce645f57bfff0dc1cbb8', name: this.icon, library: this.iconLibrary, size: "1.1em" }))), index.h("span", { key: 'cf7f46a53174ffebe4d51288164b9ffc798fb428', class: "breadcrumb-label" }, index.h("slot", { key: 'd93e29958c18269d8fdb2c9e3fc46554cf191ed7' }, this.label)), this.badge !== undefined && (index.h("span", { key: '96f4c6783184aedb03161046018c179a089c94b5', class: "breadcrumb-badge" }, this.badge))));
+        return (index.h(index.Host, { key: 'db0123ea2494998e20fa67557bdc2ea374811767', class: "breadcrumb-item-wrapper" }, this.href && !this.disabled && !this.active ? (index.h("a", { href: this.href, class: classes, "aria-current": this.active ? 'page' : undefined }, content)) : (index.h("span", { class: classes, "aria-current": this.active ? 'page' : undefined }, content))));
     }
 };
 BreadcrumbItemComponent.style = breadcrumbCss();

package/dist/cjs/ui-breadcrumb.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const breadcrumbCss = () => `.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}.breadcrumb{display:flex;align-items:center}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:4px}.breadcrumb-item-wrapper{display:flex;align-items:center;gap:4px}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:var(--text-muted, #64748b);text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-weight:500;cursor:pointer;background-color:transparent}.breadcrumb-item.size-sm{padding:4px 8px;font-size:12px;gap:4px}.breadcrumb-item.size-md{padding:6px 12px;font-size:14px;gap:6px}.breadcrumb-item.size-lg{padding:8px 16px;font-size:16px;gap:8px}.breadcrumb-item:hover:not(.active):not(.disabled){color:var(--color-primary, #10b981);background-color:var(--bg-primary, #eff6ff)}.breadcrumb-item.active{color:var(--text-primary, #1e293b);font-weight:600;cursor:default;background-color:var(--bg-secondary, #f1f5f9)}.breadcrumb-item.disabled{color:var(--color-primary, #cbd5e1);cursor:not-allowed;opacity:0.6}.breadcrumb-item.home{padding:6px 10px}.breadcrumb-content{display:flex;align-items:center;gap:inherit}.breadcrumb-icon{display:inline-flex;align-items:center;font-size:1em;line-height:1}.breadcrumb-icon svg{width:1em;height:1em;fill:currentColor}.breadcrumb-label{white-space:nowrap}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--color-primary, #cbd5e1);font-size:0.875em;user-select:none;padding:0 4px}.breadcrumb-separator svg{width:1em;height:1em;fill:currentColor}.breadcrumb-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1;margin-left:4px}.badge-neutral{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.badge-primary{background:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.badge-success{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534)}.badge-warning{background:var(--bg-primary, #fef9c3);color:var(--color-danger, #854d0e)}.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.ellipsis-wrapper{position:relative}.breadcrumb-ellipsis-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:4px 8px;color:var(--color-primary, #94a3b8);cursor:pointer;border-radius:4px;transition:all 0.2s}.breadcrumb-ellipsis-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.breadcrumb-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:160px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #e2e8f0);margin-top:8px;padding:4px;animation:dropdownIn 0.2s ease-out}@keyframes dropdownIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-item a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--color-primary, #475569);text-decoration:none;font-size:13px;font-weight:500;border-radius:6px;transition:background 0.2s}.dropdown-item a:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #10b981)}.dropdown-item .item-icon{font-size:14px}.breadcrumb-variant-pills .breadcrumb-item{background:var(--bg-secondary, #f1f5f9);border-radius:999px;margin:0 2px}.breadcrumb-variant-pills .breadcrumb-item:hover{background:var(--bg-primary, #e2e8f0)}.breadcrumb-variant-pills .breadcrumb-item.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.breadcrumb-variant-glass{background:rgba(15, 23, 42, 0.3);backdrop-filter:blur(8px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item{color:rgba(255, 255, 255, 0.7)}.breadcrumb-variant-glass .breadcrumb-item:hover{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item.active{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.2)}.breadcrumb-variant-glass .breadcrumb-separator{color:rgba(255, 255, 255, 0.3)}@media (max-width: 640px){.breadcrumb-item.size-md{padding:4px 8px;font-size:12px}.breadcrumb-item.size-lg{padding:6px 12px;font-size:14px}}`;
 

package/dist/cjs/ui-callout-banner.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
-var security = require('./security-E1JcwxGc.js');
+var index = require('./index-C32cWsm5.js');
+var security = require('./security-CNaNip8F.js');
 
-const calloutBannerCss = () => `@charset "UTF-8";.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}@media (prefers-color-scheme: dark){:host(.variant-info) .callout-inner{--callout-bg:#1e293b;--callout-text:#60a5fa;--callout-border:rgba(59, 130, 246, 0.35);--callout-icon-bg:rgba(59, 130, 246, 0.18);--callout-shadow:rgba(59, 130, 246, 0.13)}:host(.variant-success) .callout-inner{--callout-bg:#052e16;--callout-text:#4ade80;--callout-border:rgba(34,197,94,0.35);--callout-icon-bg:rgba(34,197,94,0.18);--callout-shadow:rgba(34,197,94,0.13)}:host(.variant-warning) .callout-inner{--callout-bg:#78350f;--callout-text:#facc15;--callout-border:rgba(251,191,36,0.35);--callout-icon-bg:rgba(251,191,36,0.18);--callout-shadow:rgba(251,191,36,0.13)}:host(.variant-danger) .callout-inner{--callout-bg:#7f1d1d;--callout-text:#f87171;--callout-border:rgba(239,68,68,0.35);--callout-icon-bg:rgba(239,68,68,0.18);--callout-shadow:rgba(239,68,68,0.13)}:host(.variant-neutral) .callout-inner{--callout-bg:#0f172a;--callout-text:#f1f5f9;--callout-border:rgba(148,163,184,0.25);--callout-icon-bg:rgba(148,163,184,0.13);--callout-shadow:rgba(148,163,184,0.09)}}a[part=callout]{text-decoration:none;color:inherit;display:block;transition:box-shadow 0.15s, filter 0.15s}a[part=callout]:hover,a[part=callout]:focus-visible{filter:brightness(1.04);box-shadow:0 6px 24px var(--callout-shadow, rgba(15, 23, 42, 0.13))}a[part=callout]:active{filter:brightness(0.98)}@keyframes callout-slide-in-top{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-top{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-bottom{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-bottom{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-left{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(-32px);max-width:0;padding:0;margin:0}}@keyframes callout-slide-in-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-right{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(32px);max-width:0;padding:0;margin:0}}@keyframes callout-fade-in{from{opacity:0}to{opacity:1}}@keyframes callout-fade-out{from{opacity:1}to{opacity:0}}@keyframes callout-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes callout-spin{to{transform:rotate(360deg)}}@keyframes callout-pulse{0%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 var(--callout-border)}70%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 7px transparent}100%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 transparent}}:host{display:block;width:100%}:host(.enter-top){animation:callout-slide-in-top 0.25s ease both}:host(.enter-bottom){animation:callout-slide-in-bottom 0.25s ease both}:host(.enter-left){animation:callout-slide-in-left 0.25s ease both}:host(.enter-right){animation:callout-slide-in-right 0.25s ease both}:host(.enter-fade){animation:callout-fade-in 0.25s ease both}:host(.closing.enter-top){animation:callout-slide-out-top 0.25s ease both;pointer-events:none}:host(.closing.enter-bottom){animation:callout-slide-out-bottom 0.25s ease both;pointer-events:none}:host(.closing.enter-left){animation:callout-slide-out-left 0.25s ease both;pointer-events:none}:host(.closing.enter-right){animation:callout-slide-out-right 0.25s ease both;pointer-events:none}:host(.closing.enter-fade){animation:callout-fade-out 0.25s ease both;pointer-events:none}:host(.banner){border-radius:0}.callout-inner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-radius:14px;position:relative;background:var(--callout-bg, #eff6ff);color:var(--callout-text, #1e3a8a);border:1px solid var(--callout-border, transparent);box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07));overflow:hidden}:host(.compact) .callout-inner{padding:8px 14px;gap:10px;border-radius:999px;align-items:center;grid-template-columns:auto auto 1fr auto}:host(.size-sm) .callout-inner{padding:6px 10px;border-radius:8px;gap:7px}:host(.size-sm) .callout-title,:host(.size-sm) .callout-message,:host(.size-sm) .callout-inline-message{font-size:0.78rem}:host(.size-sm) .callout-icon{width:22px;height:22px;font-size:1em}:host(.size-md) .callout-inner{padding:14px 18px;border-radius:14px;gap:12px}:host(.size-md) .callout-title,:host(.size-md) .callout-message,:host(.size-md) .callout-inline-message{font-size:0.95rem}:host(.size-md) .callout-icon{width:38px;height:38px;font-size:1.25em}:host(.size-lg) .callout-inner{padding:22px 28px;border-radius:22px;gap:18px}:host(.size-lg) .callout-title,:host(.size-lg) .callout-message,:host(.size-lg) .callout-inline-message{font-size:1.15rem}:host(.size-lg) .callout-icon{width:54px;height:54px;font-size:1.5em}:host(.compact) .callout-icon{width:28px;height:28px;border-radius:50%}:host(.compact) .callout-title{font-size:0.85rem}.callout-inline-message{font-size:0.85rem;opacity:0.8;flex:1}:host(.banner) .callout-inner{border-radius:0;border-left:none;border-right:none;box-shadow:none}.callout-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--callout-icon-bg, rgba(255, 255, 255, 0.5))}.callout-content{display:flex;flex-direction:column;gap:3px;min-width:0}.callout-title{font-weight:600;letter-spacing:-0.01em;font-size:0.95rem;line-height:1.3}.callout-message{font-size:0.875rem;opacity:0.85;line-height:1.5}.callout-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.callout-close{background:transparent;border:none;padding:5px;flex-shrink:0;border-radius:999px;cursor:pointer;color:inherit;opacity:0.6;transition:opacity 0.15s ease, background 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.callout-close:hover{opacity:1;background:rgba(15, 23, 42, 0.08)}.callout-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;opacity:0.3;transform-origin:left center;animation:callout-progress linear both}:host(.outlined) .callout-inner{box-shadow:none;background:transparent;border-color:var(--callout-text, currentColor) !important}:host(.variant-info) .callout-inner{--callout-bg:#eff6ff;--callout-text:#1d4ed8;--callout-border:rgba(59, 130, 246, 0.3);--callout-icon-bg:rgba(59, 130, 246, 0.12);--callout-shadow:rgba(59, 130, 246, 0.08)}:host(.variant-success) .callout-inner{--callout-bg:#f0fdf4;--callout-text:#15803d;--callout-border:rgba(22, 163, 74, 0.3);--callout-icon-bg:rgba(22, 163, 74, 0.12);--callout-shadow:rgba(22, 163, 74, 0.08)}:host(.variant-warning) .callout-inner{--callout-bg:#fffbeb;--callout-text:#b45309;--callout-border:rgba(217, 119, 6, 0.3);--callout-icon-bg:rgba(217, 119, 6, 0.12);--callout-shadow:rgba(217, 119, 6, 0.08)}:host(.variant-danger) .callout-inner{--callout-bg:#fef2f2;--callout-text:#dc2626;--callout-border:rgba(220, 38, 38, 0.3);--callout-icon-bg:rgba(220, 38, 38, 0.12);--callout-shadow:rgba(220, 38, 38, 0.08)}:host(.variant-neutral) .callout-inner{--callout-bg:#f8fafc;--callout-text:#334155;--callout-border:rgba(100, 116, 139, 0.25);--callout-icon-bg:rgba(100, 116, 139, 0.1);--callout-shadow:rgba(15, 23, 42, 0.06)}@media (max-width: 640px){.callout-inner{grid-template-columns:auto 1fr auto;padding:12px 14px}}.callout-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--callout-icon-bg, rgba(255, 255, 255, 0.3));border-top-color:var(--callout-text, currentColor);border-radius:50%;animation:callout-spin 0.7s linear infinite;flex-shrink:0}:host(.no-icon) .callout-inner{grid-template-columns:1fr auto}:host(.compact.no-icon) .callout-inner{grid-template-columns:auto 1fr auto}:host(.pulse) .callout-inner{animation:callout-pulse 1.8s ease-in-out infinite}:host(.solid) .callout-close:hover{background:rgba(255, 255, 255, 0.15)}:host(.solid.variant-info) .callout-inner{--callout-bg:#1d4ed8;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(29, 78, 216, 0.3)}:host(.solid.variant-success) .callout-inner{--callout-bg:#15803d;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(21, 128, 61, 0.3)}:host(.solid.variant-warning) .callout-inner{--callout-bg:#d97706;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(217, 119, 6, 0.3)}:host(.solid.variant-danger) .callout-inner{--callout-bg:#dc2626;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(220, 38, 38, 0.3)}:host(.solid.variant-neutral) .callout-inner{--callout-bg:#334155;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.15);--callout-shadow:rgba(51, 65, 85, 0.3)}:host(.accent-bar) .callout-inner{border-left:4px solid var(--callout-text, currentColor);border-radius:0 14px 14px 0;padding-left:14px}:host(.accent-bar.banner) .callout-inner{border-radius:0}:host(.accent-bar.compact) .callout-inner{border-radius:0 999px 999px 0}:host(.sticky){position:sticky;top:0;z-index:200}.callout-progress.paused,:host(.paused) .callout-marquee-content{animation-play-state:paused}.callout-message.truncated{display:-webkit-box;-webkit-line-clamp:var(--callout-truncate-lines, 3);line-clamp:var(--callout-truncate-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.callout-show-more{background:none;border:none;padding:0;margin-top:4px;font-size:0.8rem;font-weight:600;color:var(--callout-text, currentColor);cursor:pointer;opacity:0.75;text-decoration:underline;text-underline-offset:2px;display:inline-block;line-height:1.4}.callout-show-more:hover{opacity:1}.callout-show-more:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}:host(.marquee) .callout-inner{overflow:hidden}.callout-marquee-track{display:flex;width:100%;overflow:hidden;user-select:none;gap:3rem;}.callout-marquee-group{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;gap:3rem;min-width:100%;animation:callout-scroll var(--marquee-speed, 18s) linear infinite;will-change:transform}.callout-marquee-item{display:flex;align-items:center;white-space:nowrap}@keyframes callout-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 3rem))}}:host(.paused) .callout-marquee-group{animation-play-state:paused}:host(.marquee) .callout-message{overflow:hidden}`;
+const calloutBannerCss = () => `@charset "UTF-8";.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-context(.dark).variant-info .callout-inner,:host-context([data-theme=dark]).variant-info .callout-inner,:host-context([data-theme=violet]).variant-info .callout-inner,:host-context([data-theme=pink]).variant-info .callout-inner,:host-context([data-theme=blue]).variant-info .callout-inner,:host-context([data-theme=green]).variant-info .callout-inner,:host-context([data-theme=yellow]).variant-info .callout-inner{--callout-bg:#1e293b;--callout-text:#60a5fa;--callout-border:rgba(59, 130, 246, 0.35);--callout-icon-bg:rgba(59, 130, 246, 0.18);--callout-shadow:rgba(59, 130, 246, 0.13)}:host-context(.dark).variant-success .callout-inner,:host-context([data-theme=dark]).variant-success .callout-inner,:host-context([data-theme=violet]).variant-success .callout-inner,:host-context([data-theme=pink]).variant-success .callout-inner,:host-context([data-theme=blue]).variant-success .callout-inner,:host-context([data-theme=green]).variant-success .callout-inner,:host-context([data-theme=yellow]).variant-success .callout-inner{--callout-bg:#052e16;--callout-text:#4ade80;--callout-border:rgba(34, 197, 94, 0.35);--callout-icon-bg:rgba(34, 197, 94, 0.18);--callout-shadow:rgba(34, 197, 94, 0.13)}:host-context(.dark).variant-warning .callout-inner,:host-context([data-theme=dark]).variant-warning .callout-inner,:host-context([data-theme=violet]).variant-warning .callout-inner,:host-context([data-theme=pink]).variant-warning .callout-inner,:host-context([data-theme=blue]).variant-warning .callout-inner,:host-context([data-theme=green]).variant-warning .callout-inner,:host-context([data-theme=yellow]).variant-warning .callout-inner{--callout-bg:#78350f;--callout-text:#facc15;--callout-border:rgba(251, 191, 36, 0.35);--callout-icon-bg:rgba(251, 191, 36, 0.18);--callout-shadow:rgba(251, 191, 36, 0.13)}:host-context(.dark).variant-danger .callout-inner,:host-context([data-theme=dark]).variant-danger .callout-inner,:host-context([data-theme=violet]).variant-danger .callout-inner,:host-context([data-theme=pink]).variant-danger .callout-inner,:host-context([data-theme=blue]).variant-danger .callout-inner,:host-context([data-theme=green]).variant-danger .callout-inner,:host-context([data-theme=yellow]).variant-danger .callout-inner{--callout-bg:#7f1d1d;--callout-text:#f87171;--callout-border:rgba(239, 68, 68, 0.35);--callout-icon-bg:rgba(239, 68, 68, 0.18);--callout-shadow:rgba(239, 68, 68, 0.13)}:host-context(.dark).variant-neutral .callout-inner,:host-context([data-theme=dark]).variant-neutral .callout-inner,:host-context([data-theme=violet]).variant-neutral .callout-inner,:host-context([data-theme=pink]).variant-neutral .callout-inner,:host-context([data-theme=blue]).variant-neutral .callout-inner,:host-context([data-theme=green]).variant-neutral .callout-inner,:host-context([data-theme=yellow]).variant-neutral .callout-inner{--callout-bg:#0f172a;--callout-text:#f1f5f9;--callout-border:rgba(148, 163, 184, 0.25);--callout-icon-bg:rgba(148, 163, 184, 0.13);--callout-shadow:rgba(148, 163, 184, 0.09)}@media (prefers-color-scheme: dark){:host(.variant-info) .callout-inner{--callout-bg:#1e293b;--callout-text:#60a5fa;--callout-border:rgba(59, 130, 246, 0.35);--callout-icon-bg:rgba(59, 130, 246, 0.18);--callout-shadow:rgba(59, 130, 246, 0.13)}:host(.variant-success) .callout-inner{--callout-bg:#052e16;--callout-text:#4ade80;--callout-border:rgba(34,197,94,0.35);--callout-icon-bg:rgba(34,197,94,0.18);--callout-shadow:rgba(34,197,94,0.13)}:host(.variant-warning) .callout-inner{--callout-bg:#78350f;--callout-text:#facc15;--callout-border:rgba(251,191,36,0.35);--callout-icon-bg:rgba(251,191,36,0.18);--callout-shadow:rgba(251,191,36,0.13)}:host(.variant-danger) .callout-inner{--callout-bg:#7f1d1d;--callout-text:#f87171;--callout-border:rgba(239,68,68,0.35);--callout-icon-bg:rgba(239,68,68,0.18);--callout-shadow:rgba(239,68,68,0.13)}:host(.variant-neutral) .callout-inner{--callout-bg:#0f172a;--callout-text:#f1f5f9;--callout-border:rgba(148,163,184,0.25);--callout-icon-bg:rgba(148,163,184,0.13);--callout-shadow:rgba(148,163,184,0.09)}}a[part=callout]{text-decoration:none;color:inherit;display:block;transition:box-shadow 0.15s, filter 0.15s}a[part=callout]:hover,a[part=callout]:focus-visible{filter:brightness(1.04);box-shadow:0 6px 24px var(--callout-shadow, rgba(15, 23, 42, 0.13))}a[part=callout]:active{filter:brightness(0.98)}@keyframes callout-slide-in-top{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-top{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-bottom{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-bottom{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-left{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(-32px);max-width:0;padding:0;margin:0}}@keyframes callout-slide-in-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-right{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(32px);max-width:0;padding:0;margin:0}}@keyframes callout-fade-in{from{opacity:0}to{opacity:1}}@keyframes callout-fade-out{from{opacity:1}to{opacity:0}}@keyframes callout-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes callout-spin{to{transform:rotate(360deg)}}@keyframes callout-pulse{0%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 var(--callout-border)}70%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 7px transparent}100%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 transparent}}:host{display:block;width:100%}:host(.enter-top){animation:callout-slide-in-top 0.25s ease both}:host(.enter-bottom){animation:callout-slide-in-bottom 0.25s ease both}:host(.enter-left){animation:callout-slide-in-left 0.25s ease both}:host(.enter-right){animation:callout-slide-in-right 0.25s ease both}:host(.enter-fade){animation:callout-fade-in 0.25s ease both}:host(.closing.enter-top){animation:callout-slide-out-top 0.25s ease both;pointer-events:none}:host(.closing.enter-bottom){animation:callout-slide-out-bottom 0.25s ease both;pointer-events:none}:host(.closing.enter-left){animation:callout-slide-out-left 0.25s ease both;pointer-events:none}:host(.closing.enter-right){animation:callout-slide-out-right 0.25s ease both;pointer-events:none}:host(.closing.enter-fade){animation:callout-fade-out 0.25s ease both;pointer-events:none}:host(.banner){border-radius:0}.callout-inner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-radius:14px;position:relative;background:var(--callout-bg, #eff6ff);color:var(--callout-text, #1e3a8a);border:1px solid var(--callout-border, transparent);box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07));overflow:hidden;--text-primary:var(--callout-text);--text-secondary:var(--callout-text);--text-muted:var(--callout-text);--text-standard:var(--callout-text);--bg-primary:var(--callout-bg);--bg-secondary:var(--callout-icon-bg, rgba(255, 255, 255, 0.5));--border-default:var(--callout-border, transparent);--border-subtle:var(--callout-border, transparent);--border-strong:var(--callout-border, transparent)}:host(.compact) .callout-inner{padding:8px 14px;gap:10px;border-radius:999px;align-items:center;grid-template-columns:auto auto 1fr auto}:host(.size-sm) .callout-inner{padding:6px 10px;border-radius:8px;gap:7px}:host(.size-sm) .callout-title,:host(.size-sm) .callout-message,:host(.size-sm) .callout-inline-message{font-size:0.78rem}:host(.size-sm) .callout-icon{width:22px;height:22px;font-size:1em}:host(.size-md) .callout-inner{padding:14px 18px;border-radius:14px;gap:12px}:host(.size-md) .callout-title,:host(.size-md) .callout-message,:host(.size-md) .callout-inline-message{font-size:0.95rem}:host(.size-md) .callout-icon{width:38px;height:38px;font-size:1.25em}:host(.size-lg) .callout-inner{padding:22px 28px;border-radius:22px;gap:18px}:host(.size-lg) .callout-title,:host(.size-lg) .callout-message,:host(.size-lg) .callout-inline-message{font-size:1.15rem}:host(.size-lg) .callout-icon{width:54px;height:54px;font-size:1.5em}:host(.compact) .callout-icon{width:28px;height:28px;border-radius:50%}:host(.compact) .callout-title{font-size:0.85rem}.callout-inline-message{font-size:0.85rem;opacity:0.8;flex:1}:host(.banner) .callout-inner{border-radius:0;border-left:none;border-right:none;box-shadow:none}.callout-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--callout-icon-bg, rgba(255, 255, 255, 0.5))}.callout-content{display:flex;flex-direction:column;gap:3px;min-width:0}.callout-title{font-weight:600;letter-spacing:-0.01em;font-size:0.95rem;line-height:1.3}.callout-message{font-size:0.875rem;opacity:0.85;line-height:1.5}.callout-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.callout-close{background:transparent;border:none;padding:5px;flex-shrink:0;border-radius:999px;cursor:pointer;color:inherit;opacity:0.6;transition:opacity 0.15s ease, background 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.callout-close:hover{opacity:1;background:rgba(15, 23, 42, 0.08)}.callout-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;opacity:0.3;transform-origin:left center;animation:callout-progress linear both}:host(.outlined) .callout-inner{box-shadow:none;background:transparent;border-color:var(--callout-text, currentColor) !important}:host(.variant-info) .callout-inner{--callout-bg:#eff6ff;--callout-text:#1d4ed8;--callout-border:rgba(59, 130, 246, 0.3);--callout-icon-bg:rgba(59, 130, 246, 0.12);--callout-shadow:rgba(59, 130, 246, 0.08)}:host(.variant-success) .callout-inner{--callout-bg:#f0fdf4;--callout-text:#15803d;--callout-border:rgba(22, 163, 74, 0.3);--callout-icon-bg:rgba(22, 163, 74, 0.12);--callout-shadow:rgba(22, 163, 74, 0.08)}:host(.variant-warning) .callout-inner{--callout-bg:#fffbeb;--callout-text:#b45309;--callout-border:rgba(217, 119, 6, 0.3);--callout-icon-bg:rgba(217, 119, 6, 0.12);--callout-shadow:rgba(217, 119, 6, 0.08)}:host(.variant-danger) .callout-inner{--callout-bg:#fef2f2;--callout-text:#dc2626;--callout-border:rgba(220, 38, 38, 0.3);--callout-icon-bg:rgba(220, 38, 38, 0.12);--callout-shadow:rgba(220, 38, 38, 0.08)}:host(.variant-neutral) .callout-inner{--callout-bg:#f8fafc;--callout-text:#334155;--callout-border:rgba(100, 116, 139, 0.25);--callout-icon-bg:rgba(100, 116, 139, 0.1);--callout-shadow:rgba(15, 23, 42, 0.06)}@media (max-width: 640px){.callout-inner{grid-template-columns:auto 1fr auto;padding:12px 14px}}.callout-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--callout-icon-bg, rgba(255, 255, 255, 0.3));border-top-color:var(--callout-text, currentColor);border-radius:50%;animation:callout-spin 0.7s linear infinite;flex-shrink:0}:host(.no-icon) .callout-inner{grid-template-columns:1fr auto}:host(.compact.no-icon) .callout-inner{grid-template-columns:auto 1fr auto}:host(.pulse) .callout-inner{animation:callout-pulse 1.8s ease-in-out infinite}:host(.solid) .callout-close:hover{background:rgba(255, 255, 255, 0.15)}:host(.solid.variant-info) .callout-inner{--callout-bg:#1d4ed8;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(29, 78, 216, 0.3)}:host(.solid.variant-success) .callout-inner{--callout-bg:#15803d;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(21, 128, 61, 0.3)}:host(.solid.variant-warning) .callout-inner{--callout-bg:#d97706;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(217, 119, 6, 0.3)}:host(.solid.variant-danger) .callout-inner{--callout-bg:#dc2626;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(220, 38, 38, 0.3)}:host(.solid.variant-neutral) .callout-inner{--callout-bg:#334155;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.15);--callout-shadow:rgba(51, 65, 85, 0.3)}:host(.accent-bar) .callout-inner{border-left:4px solid var(--callout-text, currentColor);border-radius:0 14px 14px 0;padding-left:14px}:host(.accent-bar.banner) .callout-inner{border-radius:0}:host(.accent-bar.compact) .callout-inner{border-radius:0 999px 999px 0}:host(.sticky){position:sticky;top:0;z-index:200}.callout-progress.paused,:host(.paused) .callout-marquee-content{animation-play-state:paused}.callout-message.truncated{display:-webkit-box;-webkit-line-clamp:var(--callout-truncate-lines, 3);line-clamp:var(--callout-truncate-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.callout-show-more{background:none;border:none;padding:0;margin-top:4px;font-size:0.8rem;font-weight:600;color:var(--callout-text, currentColor);cursor:pointer;opacity:0.75;text-decoration:underline;text-underline-offset:2px;display:inline-block;line-height:1.4}.callout-show-more:hover{opacity:1}.callout-show-more:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}:host(.marquee) .callout-inner{overflow:hidden}.callout-marquee-track{display:flex;width:100%;overflow:hidden;user-select:none;gap:3rem;}.callout-marquee-group{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;gap:3rem;min-width:100%;animation:callout-scroll var(--marquee-speed, 18s) linear infinite;will-change:transform}.callout-marquee-item{display:flex;align-items:center;white-space:nowrap}@keyframes callout-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 3rem))}}:host(.paused) .callout-marquee-group{animation-play-state:paused}:host(.marquee) .callout-message{overflow:hidden}`;
 
 const UiCalloutBanner = class {
     constructor(hostRef) {

package/dist/cjs/ui-card.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
-var security = require('./security-E1JcwxGc.js');
+var index = require('./index-C32cWsm5.js');
+var security = require('./security-CNaNip8F.js');
 
-const cardCss = () => `.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;box-sizing:border-box;--ui-card-selected-border:var(--color-primary, #10b981);--ui-card-primary:var(--color-primary, #10b981);--ui-card-success:var(--color-success, #10b981);--ui-card-warning:var(--color-warning, #f59e0b);--ui-card-danger:var(--color-danger, #ef4444);--ui-card-info:var(--color-info, #06b6d4)}:host *{box-sizing:border-box}.ui-card{font-family:var(--ui-font-family, inherit);position:relative;width:100%;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease}.card-container{position:relative;width:100%;height:100%;perspective:1000px}.card-flipper{position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}.is-flipped .card-flipper{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:min-content;min-height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex}.face-back{transform:rotateY(180deg)}.card-face-content{display:flex;flex-direction:column;width:100%;background:var(--ui-card-bg, var(--bg-primary, #ffffff));border-radius:var(--ui-card-radius, 8px);overflow:hidden;transition:all 0.3s ease;border:1px solid var(--ui-card-border-color, var(--border-default, #e5e7eb));box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative}.card-details-wrapper{display:flex;flex-direction:column;flex:1;width:100%}.variant-elevated .card-face-content{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.variant-outlined .card-face-content{box-shadow:none;border:2px solid var(--ui-card-border-color, var(--border-default, #e5e7eb))}.variant-filled .card-face-content{background-color:var(--bg-primary, #f9fafb);border:none}.variant-primary .card-face-content{border-left:4px solid var(--ui-card-primary)}.variant-primary .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent)}.variant-success .card-face-content{border-left:4px solid var(--ui-card-success)}.variant-success .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-success-rgb, 16, 185, 129), 0.1), transparent)}.variant-warning .card-face-content{border-left:4px solid var(--ui-card-warning)}.variant-warning .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-warning-rgb, 245, 158, 11), 0.1), transparent)}.variant-danger .card-face-content{border-left:4px solid var(--ui-card-danger)}.variant-danger .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-danger-rgb, 239, 68, 68), 0.1), transparent)}.variant-info .card-face-content{border-left:4px solid var(--ui-card-info)}.variant-info .card-face-content .card-header{background:linear-gradient(to right, rgba(6, 182, 212, 0.1), transparent)}.card-importance-emphasized .card-face-content{box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);border:none;background:linear-gradient(135deg, var(--bg-secondary, #111827) 0%, var(--color-primary, #374151) 100%);color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-face-content .card-title-text,.card-importance-emphasized .card-face-content .card-content,.card-importance-emphasized .card-face-content .card-extra,.card-importance-emphasized .card-face-content .card-description{color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-face-content .card-header,.card-importance-emphasized .card-face-content .card-footer{border-bottom-color:rgba(255, 255, 255, 0.1);border-top-color:rgba(255, 255, 255, 0.1)}.card-importance-emphasized .card-face-content .card-action-btn{color:rgba(255, 255, 255, 0.7)}.card-importance-emphasized .card-face-content .card-action-btn:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #ffffff)}.card-pattern-shortcut .card-face-content{text-align:center;padding:32px 24px;align-items:center}.card-pattern-shortcut .card-face-content .card-header{border-bottom:none;padding:0;margin-bottom:16px;flex-direction:column}.card-pattern-shortcut .card-face-content .card-header-main{flex-direction:column;gap:12px}.card-pattern-shortcut .card-face-content .card-title-text{font-size:20px;text-align:center}.card-pattern-shortcut .card-face-content .card-avatar{margin:0 auto 8px;width:64px;height:64px}.card-pattern-shortcut .card-face-content .card-avatar i{font-size:32px}.card-pattern-product .card-cover{background:var(--bg-primary, #f7f7f7)}.card-pattern-product .card-content{padding-top:16px}.card-type-inner{background:var(--bg-primary, #fafafa)}.card-type-inner .card-header{background:transparent;padding:12px 16px;min-height:48px}.card-type-inner .card-content{padding:16px}.card-glass .card-face-content{background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.card-selectable{cursor:pointer;border:2px solid transparent !important}.card-selectable:hover{border-color:var(--border-subtle, #e6f7ff) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.card-selected .card-face-content{border-color:var(--ui-card-selected-border) !important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--ui-card-selected-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff);opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10}.selection-indicator.selected{opacity:1;transform:scale(1)}.card-ribbon{position:absolute;z-index:20;padding:4px 16px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.card-ribbon.ribbon-top-right{top:12px;right:-8px;border-radius:4px 0 0 4px}.card-ribbon.ribbon-top-right::after{content:"";position:absolute;right:0;bottom:-8px;border-right:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-ribbon.ribbon-top-left{top:12px;left:-8px;border-radius:0 4px 4px 0}.card-ribbon.ribbon-top-left::after{content:"";position:absolute;left:0;bottom:-8px;border-left:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f3f4f6);min-height:56px;gap:12px;transition:all 0.3s ease}.card-contain-tabs .card-header{border-bottom:none;padding-bottom:0}.card-header-main{display:flex;align-items:center;gap:12px;flex:1}.card-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-avatar i{font-size:18px;color:var(--text-muted, #9ca3af)}.card-avatar-img{width:100%;height:100%;object-fit:cover}.card-title-text{font-weight:700;font-size:16px;color:var(--text-primary, #111827)}.card-actions{display:flex;align-items:center;gap:4px}.card-extra{font-size:13px;color:var(--text-muted, #6b7280)}.card-action-btn{width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;transition:all 0.2s}.card-action-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.card-cover{width:100%;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.card-hoverable:hover .card-cover img{transform:scale(1.05)}.card-content{padding:20px;flex:1;color:var(--text-secondary, #4b5563);line-height:1.6}.card-description{margin-top:12px;color:var(--text-muted, #6b7280);font-size:14px}.card-tag{display:inline-block;margin-top:12px;padding:2px 10px;background:var(--bg-secondary, #f3f4f6);border-radius:99px;font-size:12px;color:var(--text-secondary, #4b5563);font-weight:500}.card-footer{padding:16px 20px;border-top:1px solid var(--border-subtle, #f3f4f6);display:flex;flex-direction:column;gap:12px}.card-primary-btn{width:100%;padding:10px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.card-primary-btn:hover{opacity:0.9}.card-quick-actions{list-style:none;padding:0;margin:16px -20px -16px;display:flex;background:var(--bg-primary, #fafafa);border-top:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li{flex:1;padding:12px 16px;text-align:center;color:var(--text-secondary, #4b5563);font-weight:500;cursor:pointer;transition:all 0.2s;border-right:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li:last-child{border-right:none}.card-quick-actions li:hover{background:var(--bg-secondary, #f3f4f6);color:var(--ui-card-primary)}.card-layout-horizontal{flex-direction:row !important}.card-layout-horizontal .card-cover{width:35% !important;max-width:300px;height:auto !important;flex-shrink:0}.card-layout-horizontal .card-details-wrapper{flex:1}@media (max-width: 768px){.card-layout-horizontal{flex-direction:column !important}.card-layout-horizontal .card-cover{width:100% !important;max-width:none;aspect-ratio:16/9}}::slotted([slot=grid]){display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1px;background:var(--bg-secondary, #f3f4f6);border-top:1px solid var(--border-subtle, #f3f4f6)}::slotted([slot=grid]) ui-card{margin:0;--ui-card-radius:0}.menu-container{position:relative}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #f3f4f6);padding:6px;min-width:160px;z-index:100;margin-top:4px;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:8px 12px;border:none;background:transparent;display:flex;align-items:center;gap:8px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-secondary, #374151)}.menu-item:hover{background:var(--bg-primary, #f9fafb);color:var(--text-primary, #111827)}.menu-item.menu-item-disabled{opacity:0.5;cursor:not-allowed}.menu-separator{height:1px;background:var(--bg-secondary, #f3f4f6);margin:4px -6px}.card-loading-container{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:20px}.skeleton-avatar{background:var(--bg-secondary, #f3f4f6);width:48px;height:48px;border-radius:50%}.skeleton-text{background:var(--bg-secondary, #f3f4f6);height:16px;border-radius:4px;position:relative;overflow:hidden}.skeleton-text::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-hoverable:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.card-clickable{cursor:pointer}:host-context([data-theme=dark]) .card-face-content{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #f3f4f6)}:host-context([data-theme=dark]) .card-title-text{color:var(--text-standard, #f9fafb)}:host-context([data-theme=dark]) .card-header{border-bottom-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .card-footer{border-top-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .menu-dropdown{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .menu-item{color:var(--bg-secondary, #d1d5db)}:host-context([data-theme=dark]) .menu-item:hover{background:var(--color-primary, #374151);color:var(--text-standard, #f9fafb)}:host-context([data-theme=dark]) .skeleton-text,:host-context([data-theme=dark]) .skeleton-avatar{background:var(--color-primary, #374151)}`;
+const cardCss = () => `.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;box-sizing:border-box;--ui-card-selected-border:var(--color-primary, #10b981);--ui-card-primary:var(--color-primary, #10b981);--ui-card-success:var(--color-success, #10b981);--ui-card-warning:var(--color-warning, #f59e0b);--ui-card-danger:var(--color-danger, #ef4444);--ui-card-info:var(--color-info, #06b6d4)}:host *{box-sizing:border-box}.ui-card{font-family:var(--ui-font-family, inherit);position:relative;width:100%;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease}.card-container{position:relative;width:100%;height:100%;perspective:1000px}.card-flipper{position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}:host(.is-flipped) .card-flipper{transform:rotateY(180deg)}:host(.is-flippable){min-height:var(--ui-card-flip-min-height, 280px)}:host(.is-flippable) .card-container{min-height:var(--ui-card-flip-min-height, 280px)}:host(.is-closed){display:none !important}.card-face{position:absolute;top:0;left:0;width:100%;height:min-content;min-height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex}.face-back{transform:rotateY(180deg)}.card-face-content{display:flex;flex-direction:column;width:100%;background:var(--ui-card-bg, var(--bg-primary, #ffffff));border-radius:var(--ui-card-radius, 8px);overflow:hidden;transition:all 0.3s ease;border:1px solid var(--ui-card-border-color, var(--border-default, #e5e7eb));box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative}.card-face-content.has-open-menu{overflow:visible !important;z-index:100 !important}.card-details-wrapper{display:flex;flex-direction:column;flex:1;width:100%}.card-variant-elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.card-variant-outlined{box-shadow:none;border:2px solid var(--ui-card-border-color, var(--border-default, #e5e7eb))}.card-variant-filled{background-color:var(--bg-primary, #f9fafb);border:none}.card-variant-primary{border-left:4px solid var(--ui-card-primary)}.card-variant-primary .card-header{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent)}.card-variant-success{border-left:4px solid var(--ui-card-success)}.card-variant-success .card-header{background:linear-gradient(to right, rgba(var(--color-success-rgb, 16, 185, 129), 0.1), transparent)}.card-variant-warning{border-left:4px solid var(--ui-card-warning)}.card-variant-warning .card-header{background:linear-gradient(to right, rgba(var(--color-warning-rgb, 245, 158, 11), 0.1), transparent)}.card-variant-danger{border-left:4px solid var(--ui-card-danger)}.card-variant-danger .card-header{background:linear-gradient(to right, rgba(var(--color-danger-rgb, 239, 68, 68), 0.1), transparent)}.card-variant-info{border-left:4px solid var(--ui-card-info)}.card-variant-info .card-header{background:linear-gradient(to right, rgba(6, 182, 212, 0.1), transparent)}.card-variant-status{border:1px solid var(--border-default, #e5e7eb);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.card-variant-status.card-color-primary{border:1.5px solid var(--ui-card-primary);background:color-mix(in srgb, var(--ui-card-primary) 5%, var(--ui-card-bg, var(--bg-primary, #ffffff)))}.card-variant-status.card-color-primary .card-header{border-bottom-color:color-mix(in srgb, var(--ui-card-primary) 15%, var(--border-default, #e5e7eb))}.card-variant-status.card-color-success{border:1.5px solid var(--ui-card-success);background:color-mix(in srgb, var(--ui-card-success) 5%, var(--ui-card-bg, var(--bg-primary, #ffffff)))}.card-variant-status.card-color-success .card-header{border-bottom-color:color-mix(in srgb, var(--ui-card-success) 15%, var(--border-default, #e5e7eb))}.card-variant-status.card-color-warning{border:1.5px solid var(--ui-card-warning);background:color-mix(in srgb, var(--ui-card-warning) 5%, var(--ui-card-bg, var(--bg-primary, #ffffff)))}.card-variant-status.card-color-warning .card-header{border-bottom-color:color-mix(in srgb, var(--ui-card-warning) 15%, var(--border-default, #e5e7eb))}.card-variant-status.card-color-danger{border:1.5px solid var(--ui-card-danger);background:color-mix(in srgb, var(--ui-card-danger) 5%, var(--ui-card-bg, var(--bg-primary, #ffffff)))}.card-variant-status.card-color-danger .card-header{border-bottom-color:color-mix(in srgb, var(--ui-card-danger) 15%, var(--border-default, #e5e7eb))}.card-variant-status.card-color-info{border:1.5px solid var(--ui-card-info);background:color-mix(in srgb, var(--ui-card-info) 5%, var(--ui-card-bg, var(--bg-primary, #ffffff)))}.card-variant-status.card-color-info .card-header{border-bottom-color:color-mix(in srgb, var(--ui-card-info) 15%, var(--border-default, #e5e7eb))}.card-importance-emphasized{box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);border:none;background:linear-gradient(135deg, var(--bg-secondary, #111827) 0%, var(--color-primary, #374151) 100%);color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-title-text,.card-importance-emphasized .card-content,.card-importance-emphasized .card-extra,.card-importance-emphasized .card-description{color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-header,.card-importance-emphasized .card-footer{border-bottom-color:rgba(255, 255, 255, 0.1);border-top-color:rgba(255, 255, 255, 0.1)}.card-importance-emphasized .card-action-btn{color:rgba(255, 255, 255, 0.7)}.card-importance-emphasized .card-action-btn:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #ffffff)}.card-pattern-shortcut{text-align:center;padding:32px 24px;align-items:center}.card-pattern-shortcut .card-header{border-bottom:none;padding:0;margin-bottom:16px;flex-direction:column}.card-pattern-shortcut .card-header-main{flex-direction:column;gap:12px}.card-pattern-shortcut .card-title-text{font-size:20px;text-align:center}.card-pattern-shortcut .card-avatar{margin:0 auto 8px;width:64px;height:64px}.card-pattern-shortcut .card-avatar i{font-size:32px}.card-pattern-product .card-cover{background:var(--bg-primary, #f7f7f7)}.card-pattern-product .card-content{padding-top:16px}.card-type-inner{background:var(--bg-primary, #fafafa)}.card-type-inner .card-header{background:transparent;padding:12px 16px;min-height:48px}.card-type-inner .card-content{padding:16px}.card-glass{background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.card-selectable{cursor:pointer;border:2px solid transparent !important}.card-selectable:hover{border-color:var(--border-subtle, #e6f7ff) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.card-selected{border-color:var(--ui-card-selected-border) !important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--ui-card-selected-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff);opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10}.selection-indicator.selected{opacity:1;transform:scale(1)}.card-ribbon{position:absolute;z-index:20;padding:4px 16px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.card-ribbon.ribbon-top-right{top:12px;right:-8px;border-radius:4px 0 0 4px}.card-ribbon.ribbon-top-right::after{content:"";position:absolute;right:0;bottom:-8px;border-right:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-ribbon.ribbon-top-left{top:12px;left:-8px;border-radius:0 4px 4px 0}.card-ribbon.ribbon-top-left::after{content:"";position:absolute;left:0;bottom:-8px;border-left:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f3f4f6);min-height:56px;gap:12px;transition:all 0.3s ease}.card-contain-tabs .card-header{border-bottom:none;padding-bottom:0}.card-header-main{display:flex;align-items:center;gap:12px;flex:1}.card-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-avatar i{font-size:18px;color:var(--text-muted, #9ca3af)}.card-avatar-img{width:100%;height:100%;object-fit:cover}.card-title-text{font-weight:700;font-size:16px;color:var(--text-primary, #111827)}.card-actions{display:flex;align-items:center;gap:4px}.card-extra{font-size:13px;color:var(--text-muted, #6b7280)}.card-action-btn{width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;transition:all 0.2s}.card-action-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.card-cover{width:100%;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.card-hoverable:hover .card-cover img{transform:scale(1.05)}.card-content{padding:20px;flex:1;color:var(--text-secondary, #4b5563);line-height:1.6}.card-description{margin-top:12px;color:var(--text-muted, #6b7280);font-size:14px}.card-tag{display:inline-block;margin-top:12px;padding:2px 10px;background:var(--bg-secondary, #f3f4f6);border-radius:99px;font-size:12px;color:var(--text-secondary, #4b5563);font-weight:500}.card-footer{padding:16px 20px;border-top:1px solid var(--border-subtle, #f3f4f6);display:flex;flex-direction:column;gap:12px}.card-primary-btn{width:100%;padding:10px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.card-primary-btn:hover{opacity:0.9}.card-quick-actions{list-style:none;padding:0;margin:16px -20px -16px;display:flex;background:var(--bg-primary, #fafafa);border-top:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li{flex:1;padding:12px 16px;text-align:center;color:var(--text-secondary, #4b5563);font-weight:500;cursor:pointer;transition:all 0.2s;border-right:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li:last-child{border-right:none}.card-quick-actions li:hover{background:var(--bg-secondary, #f3f4f6);color:var(--ui-card-primary)}.card-layout-horizontal{flex-direction:row !important}.card-layout-horizontal .card-cover{width:35% !important;max-width:300px;height:auto !important;flex-shrink:0}.card-layout-horizontal .card-details-wrapper{flex:1}@media (max-width: 768px){.card-layout-horizontal{flex-direction:column !important}.card-layout-horizontal .card-cover{width:100% !important;max-width:none;aspect-ratio:16/9}}::slotted([slot=grid]){display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1px;background:var(--bg-secondary, #f3f4f6);border-top:1px solid var(--border-subtle, #f3f4f6)}::slotted([slot=grid]) ui-card{margin:0;--ui-card-radius:0}.menu-container{position:relative}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #f3f4f6);padding:6px;min-width:160px;z-index:100;margin-top:4px;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:8px 12px;border:none;background:transparent;display:flex;align-items:center;gap:8px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-secondary, #374151)}.menu-item:hover{background:var(--bg-primary, #f9fafb);color:var(--text-primary, #111827)}.menu-item.menu-item-disabled{opacity:0.5;cursor:not-allowed}.menu-separator{height:1px;background:var(--bg-secondary, #f3f4f6);margin:4px -6px}.card-loading-container{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:20px}.skeleton-wrapper{display:flex;flex-direction:column;gap:16px}.skeleton-header{display:flex;align-items:center;gap:12px}.skeleton-title-group{display:flex;flex-direction:column;gap:8px;flex:1}.skeleton-content{display:flex;flex-direction:column;gap:8px}.skeleton-avatar{background:var(--bg-secondary, #f3f4f6);width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-text{background:var(--bg-secondary, #f3f4f6);height:16px;border-radius:4px;position:relative;overflow:hidden}.skeleton-text.skeleton-title{width:60%}.skeleton-text.skeleton-subtitle{width:40%;height:12px}.skeleton-text.full{width:100%}.skeleton-text.half{width:50%}.skeleton-text::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-hoverable:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.card-clickable{cursor:pointer}:host-context(.dark) .card-face-content,:host-context([data-theme=dark]) .card-face-content,:host(.dark) .card-face-content,:host([data-theme=dark]) .card-face-content{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #f3f4f6)}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .card-variant-primary:not(.card-importance-emphasized),:host-context([data-theme=dark]) .card-variant-primary:not(.card-importance-emphasized),:host(.dark) .card-variant-primary:not(.card-importance-emphasized),:host([data-theme=dark]) .card-variant-primary:not(.card-importance-emphasized){border-left:4px solid var(--ui-card-primary) !important}:host-context(.dark) .card-variant-success:not(.card-importance-emphasized),:host-context([data-theme=dark]) .card-variant-success:not(.card-importance-emphasized),:host(.dark) .card-variant-success:not(.card-importance-emphasized),:host([data-theme=dark]) .card-variant-success:not(.card-importance-emphasized){border-left:4px solid var(--ui-card-success) !important}:host-context(.dark) .card-variant-warning:not(.card-importance-emphasized),:host-context([data-theme=dark]) .card-variant-warning:not(.card-importance-emphasized),:host(.dark) .card-variant-warning:not(.card-importance-emphasized),:host([data-theme=dark]) .card-variant-warning:not(.card-importance-emphasized){border-left:4px solid var(--ui-card-warning) !important}:host-context(.dark) .card-variant-danger:not(.card-importance-emphasized),:host-context([data-theme=dark]) .card-variant-danger:not(.card-importance-emphasized),:host(.dark) .card-variant-danger:not(.card-importance-emphasized),:host([data-theme=dark]) .card-variant-danger:not(.card-importance-emphasized){border-left:4px solid var(--ui-card-danger) !important}:host-context(.dark) .card-variant-info:not(.card-importance-emphasized),:host-context([data-theme=dark]) .card-variant-info:not(.card-importance-emphasized),:host(.dark) .card-variant-info:not(.card-importance-emphasized),:host([data-theme=dark]) .card-variant-info:not(.card-importance-emphasized){border-left:4px solid var(--ui-card-info) !important}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .card-variant-status,:host-context([data-theme=dark]) .card-variant-status,:host(.dark) .card-variant-status,:host([data-theme=dark]) .card-variant-status{border-color:var(--border-default, #374151)}:host-context(.dark) .card-variant-status.card-color-primary,:host-context([data-theme=dark]) .card-variant-status.card-color-primary,:host(.dark) .card-variant-status.card-color-primary,:host([data-theme=dark]) .card-variant-status.card-color-primary{border-color:var(--ui-card-primary) !important;background:color-mix(in srgb, var(--ui-card-primary) 8%, var(--bg-primary, #1f2937)) !important}:host-context(.dark) .card-variant-status.card-color-success,:host-context([data-theme=dark]) .card-variant-status.card-color-success,:host(.dark) .card-variant-status.card-color-success,:host([data-theme=dark]) .card-variant-status.card-color-success{border-color:var(--ui-card-success) !important;background:color-mix(in srgb, var(--ui-card-success) 8%, var(--bg-primary, #1f2937)) !important}:host-context(.dark) .card-variant-status.card-color-warning,:host-context([data-theme=dark]) .card-variant-status.card-color-warning,:host(.dark) .card-variant-status.card-color-warning,:host([data-theme=dark]) .card-variant-status.card-color-warning{border-color:var(--ui-card-warning) !important;background:color-mix(in srgb, var(--ui-card-warning) 8%, var(--bg-primary, #1f2937)) !important}:host-context(.dark) .card-variant-status.card-color-danger,:host-context([data-theme=dark]) .card-variant-status.card-color-danger,:host(.dark) .card-variant-status.card-color-danger,:host([data-theme=dark]) .card-variant-status.card-color-danger{border-color:var(--ui-card-danger) !important;background:color-mix(in srgb, var(--ui-card-danger) 8%, var(--bg-primary, #1f2937)) !important}:host-context(.dark) .card-variant-status.card-color-info,:host-context([data-theme=dark]) .card-variant-status.card-color-info,:host(.dark) .card-variant-status.card-color-info,:host([data-theme=dark]) .card-variant-status.card-color-info{border-color:var(--ui-card-info) !important;background:color-mix(in srgb, var(--ui-card-info) 8%, var(--bg-primary, #1f2937)) !important}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .card-importance-emphasized,:host-context([data-theme=dark]) .card-importance-emphasized,:host(.dark) .card-importance-emphasized,:host([data-theme=dark]) .card-importance-emphasized{border:none !important;background:linear-gradient(135deg, var(--bg-secondary, #111827) 0%, var(--color-primary, #374151) 100%) !important;color:var(--text-standard, #ffffff) !important}:host-context(.dark) .card-importance-emphasized .card-title-text,:host-context(.dark) .card-importance-emphasized .card-content,:host-context(.dark) .card-importance-emphasized .card-extra,:host-context(.dark) .card-importance-emphasized .card-description,:host-context([data-theme=dark]) .card-importance-emphasized .card-title-text,:host-context([data-theme=dark]) .card-importance-emphasized .card-content,:host-context([data-theme=dark]) .card-importance-emphasized .card-extra,:host-context([data-theme=dark]) .card-importance-emphasized .card-description,:host(.dark) .card-importance-emphasized .card-title-text,:host(.dark) .card-importance-emphasized .card-content,:host(.dark) .card-importance-emphasized .card-extra,:host(.dark) .card-importance-emphasized .card-description,:host([data-theme=dark]) .card-importance-emphasized .card-title-text,:host([data-theme=dark]) .card-importance-emphasized .card-content,:host([data-theme=dark]) .card-importance-emphasized .card-extra,:host([data-theme=dark]) .card-importance-emphasized .card-description{color:var(--text-standard, #ffffff) !important}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .card-glass,:host-context([data-theme=dark]) .card-glass,:host(.dark) .card-glass,:host([data-theme=dark]) .card-glass{background:rgba(15, 23, 42, 0.45) !important;border-color:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark),:host([data-theme=dark]){}:host-context(.dark) .card-selected,:host-context([data-theme=dark]) .card-selected,:host(.dark) .card-selected,:host([data-theme=dark]) .card-selected{border-color:var(--ui-card-selected-border) !important}:host-context(.dark) .card-title-text,:host-context([data-theme=dark]) .card-title-text,:host(.dark) .card-title-text,:host([data-theme=dark]) .card-title-text{color:var(--text-standard, #f9fafb)}:host-context(.dark) .card-header,:host-context([data-theme=dark]) .card-header,:host(.dark) .card-header,:host([data-theme=dark]) .card-header{border-bottom-color:var(--border-default, #374151)}:host-context(.dark) .card-footer,:host-context([data-theme=dark]) .card-footer,:host(.dark) .card-footer,:host([data-theme=dark]) .card-footer{border-top-color:var(--border-default, #374151)}:host-context(.dark) .menu-dropdown,:host-context([data-theme=dark]) .menu-dropdown,:host(.dark) .menu-dropdown,:host([data-theme=dark]) .menu-dropdown{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}:host-context(.dark) .menu-item,:host-context([data-theme=dark]) .menu-item,:host(.dark) .menu-item,:host([data-theme=dark]) .menu-item{color:var(--bg-secondary, #d1d5db)}:host-context(.dark) .menu-item:hover,:host-context([data-theme=dark]) .menu-item:hover,:host(.dark) .menu-item:hover,:host([data-theme=dark]) .menu-item:hover{background:var(--color-primary, #374151);color:var(--text-standard, #f9fafb)}:host-context(.dark) .skeleton-text,:host-context(.dark) .skeleton-avatar,:host-context([data-theme=dark]) .skeleton-text,:host-context([data-theme=dark]) .skeleton-avatar,:host(.dark) .skeleton-text,:host(.dark) .skeleton-avatar,:host([data-theme=dark]) .skeleton-text,:host([data-theme=dark]) .skeleton-avatar{background:var(--bg-secondary, #374151)}`;
 
 const Card = class {
     constructor(hostRef) {
@@ -76,6 +76,8 @@ const Card = class {
     collapsed = false;
     /** Show close button in header */
     closable = false;
+    /** Controlled closed/dismissed state of the card */
+    closed = false;
     /** Enable selection mode */
     selectable = false;
     /** Selection state */
@@ -133,6 +135,7 @@ const Card = class {
     isFlipped = false;
     isMenuOpen = false;
     isCollapsed = false;
+    isClosed = false;
     parsedMenuItems = [];
     magneticTransform = '';
     tiltTransform = '';
@@ -155,10 +158,14 @@ const Card = class {
     handleCollapsedChange(newValue) {
         this.isCollapsed = newValue;
     }
+    handleClosedChange(newValue) {
+        this.isClosed = newValue;
+    }
     componentWillLoad() {
         this.parseMenuItems();
         this.isFlipped = this.flipped;
         this.isCollapsed = this.collapsed;
+        this.isClosed = this.closed;
     }
     handleClickOutside(event) {
         if (this.isMenuOpen && this.menuRef && !this.menuRef.contains(event.target)) {
@@ -296,6 +303,8 @@ const Card = class {
     };
     handleClose = (e) => {
         e.stopPropagation();
+        this.isClosed = true;
+        this.closed = true;
         this.cardClose.emit();
     };
     renderMenu() {
@@ -349,10 +358,13 @@ const Card = class {
             'card-selected': this.selected,
             'card-clickable': !!((this.href || this.clickable) && !this.flippable),
             'card-glass': this.glass,
+            'has-open-menu': this.isMenuOpen,
             [`card-layout-${this.layout}`]: true,
             [`card-importance-${this.importance}`]: true,
             [`card-pattern-${this.pattern}`]: true,
             [`card-type-${this.type}`]: true,
+            [`card-variant-${this.variant}`]: true,
+            [`card-color-${this.color}`]: true,
         };
         const faceStyle = {
             borderRadius: this.borderRadius,
@@ -371,22 +383,30 @@ const Card = class {
             borderRadius: this.borderRadius,
             border: this.bordered ? (this.border || undefined) : 'none'
         };
-        return (index.h("div", { class: "card-face-content card-back", style: cardStyle }, index.h("div", { class: "card-back-header" }, index.h("ui-button", { variant: "ghost", onClick: this.toggleFlip, ariaLabel: "Flip card back", icon: "arrow-left", iconLibrary: "lucide", iconOnly: true, size: "sm" })), index.h("div", { class: "card-content" }, index.h("slot", { name: "back" }, index.h("div", { class: "card-back-default" }, index.h("h3", null, "Back Side"), index.h("p", null, "Add content to the \"back\" slot to customize this side."))), index.h("slot", { name: "back-content" }))));
+        const backClasses = {
+            'card-face-content': true,
+            'card-back': true,
+            [`card-variant-${this.variant}`]: true,
+            [`card-color-${this.color}`]: true,
+        };
+        return (index.h("div", { class: backClasses, style: cardStyle }, index.h("div", { class: "card-back-header" }, index.h("ui-button", { variant: "ghost", onClick: this.toggleFlip, ariaLabel: "Flip card back", icon: "arrow-left", iconLibrary: "lucide", iconOnly: true, size: "sm" })), index.h("div", { class: "card-content" }, index.h("slot", { name: "back" }, index.h("div", { class: "card-back-default" }, index.h("h3", null, "Back Side"), index.h("p", null, "Add content to the \"back\" slot to customize this side."))), index.h("slot", { name: "back-content" }))));
     }
     render() {
         const hostClass = [
             'ui-card',
             `variant-${typeof this.variant === 'string' ? this.variant : 'default'}`,
+            `color-${typeof this.color === 'string' ? this.color : 'default'}`,
             `size-${typeof this.size === 'string' ? this.size : 'md'}`,
             this.isFlipped && 'is-flipped',
             this.loading && 'is-loading',
             this.flippable && 'is-flippable',
+            this.isClosed && 'is-closed',
         ].filter(Boolean).join(' ');
         const containerStyle = {
             width: typeof this.width === 'string' ? this.width : undefined,
             height: typeof this.height === 'string' ? this.height : undefined,
         };
-        return (index.h(index.Host, { key: 'ef88aac3904761439d1c4d689cd89c4c47569894', class: hostClass, style: containerStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.ribbon && (index.h("div", { key: 'a9866c010965c9259e2d566ca909965f63e0dbbb', class: `card-ribbon ribbon-${this.ribbonPosition}`, style: this.ribbonColor ? { backgroundColor: this.ribbonColor } : {} }, index.h("span", { key: '24ef228a94d1e6ffc61bc7fef52c4f34ca88daf2' }, this.ribbon))), this.loading ? (index.h("div", { class: "card-loading-container", style: { borderRadius: this.borderRadius } }, this.renderSkeleton())) : (index.h("div", { class: "card-container", onClick: this.handleCardClick, onMouseMove: this.handleMouseMove, style: {
+        return (index.h(index.Host, { key: 'd3957a8995d121511a78f4639c913d09f276f23a', class: hostClass, style: containerStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.ribbon && (index.h("div", { key: 'd6876c833f4b02af4b78b370e3168b4ea1630f87', class: `card-ribbon ribbon-${this.ribbonPosition}`, style: this.ribbonColor ? { backgroundColor: this.ribbonColor } : {} }, index.h("span", { key: 'a42c047dd8f66aca2754b18fc8e3a335dde47c74' }, this.ribbon))), this.loading ? (index.h("div", { class: "card-loading-container", style: { borderRadius: this.borderRadius } }, this.renderSkeleton())) : (index.h("div", { class: "card-container", onClick: this.handleCardClick, onMouseMove: this.handleMouseMove, style: {
                 transform: `${this.magneticTransform} ${this.tiltTransform}`,
                 transition: (!this.magneticTransform && !this.tiltTransform) ? 'transform 0.5s cubic-bezier(0.23, 1, 0.32, 1)' : 'none'
             } }, this.flippable ? (index.h("div", { class: "card-flipper" }, index.h("div", { class: "card-face face-front" }, this.renderFrontCard(), this.renderSelectionIndicator()), index.h("div", { class: "card-face face-back" }, this.renderBackCard()))) : ([this.renderFrontCard(), this.renderSelectionIndicator()])))));
@@ -403,6 +423,9 @@ const Card = class {
             }],
         "collapsed": [{
                 "handleCollapsedChange": 0
+            }],
+        "closed": [{
+                "handleClosedChange": 0
             }]
     }; }
 };

package/dist/cjs/ui-carousel.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const carouselCss = () => `.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%;box-sizing:border-box}.carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:var(--carousel-bg, var(--bg-primary, #ffffff));user-select:none}.carousel.dragging{cursor:grabbing}.carousel.dragging .carousel-track{transition:none !important}.carousel.vertical{flex-direction:column}.carousel-track-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex:1 1 auto;position:relative}.carousel-track{display:flex;transition:transform var(--carousel-speed, 0.5s) cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;width:100%;height:100%}.carousel.vertical .carousel-track{flex-direction:column}::slotted(*){flex-shrink:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.effect-fade .carousel-track,:host([effect=fade]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%}.effect-fade ::slotted(*),:host([effect=fade]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;width:100%;height:100%;z-index:1}.effect-fade ::slotted([data-active=true]),:host([effect=fade]) ::slotted([data-active=true]){opacity:1;pointer-events:auto;z-index:10}.effect-flip .carousel-track-wrapper,:host([effect=flip]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-flip .carousel-track,:host([effect=flip]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%;transform-style:preserve-3d}.effect-flip ::slotted(*),:host([effect=flip]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;transform:translate3d(-50%, 0, 0) rotateY(-180deg);opacity:0;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;backface-visibility:hidden}.effect-flip ::slotted([data-active=true]),:host([effect=flip]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) rotateY(0deg);z-index:10}.effect-cube .carousel-track-wrapper,:host([effect=cube]) .carousel-track-wrapper{perspective:2000px;overflow:visible}.effect-cube .carousel-track,:host([effect=cube]) .carousel-track{transform:none !important;display:block !important;transform-style:preserve-3d;position:relative;height:100%}.effect-cube ::slotted(*),:host([effect=cube]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;opacity:0;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;transform:translate3d(-50%, 0, -300px) rotateY(90deg);backface-visibility:hidden;transform-origin:center center}.effect-cube ::slotted([data-active=true]),:host([effect=cube]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) rotateY(0deg);z-index:10}.effect-cube ::slotted([data-offset="-1"]),:host([effect=cube]) ::slotted([data-offset="-1"]){opacity:0.2;transform:translate3d(-100%, 0, -300px) rotateY(90deg);z-index:5}.effect-cube ::slotted([data-offset="1"]),:host([effect=cube]) ::slotted([data-offset="1"]){opacity:0.2;transform:translate3d(0%, 0, -300px) rotateY(-90deg);z-index:5}.effect-scale .carousel-track,:host([effect=scale]) .carousel-track{transform:none !important;display:block !important;height:100%;position:relative}.effect-scale ::slotted(*),:host([effect=scale]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;transform:translate3d(-50%, 0, 0) scale(1.15);opacity:0;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1)}.effect-scale ::slotted([data-active=true]),:host([effect=scale]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) scale(1);z-index:10}.effect-coverflow .carousel-track-wrapper,:host([effect=coverflow]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-coverflow .carousel-track,:host([effect=coverflow]) .carousel-track{transform:none !important;display:block !important;position:relative;transform-style:preserve-3d;height:100%}.effect-coverflow ::slotted(*),:host([effect=coverflow]) ::slotted(*){position:absolute !important;top:0;left:50%;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1);width:90%;height:100%;transform:translate3d(-50%, 0, -200px) scale(0.7) rotateY(60deg);opacity:0}.effect-coverflow ::slotted([data-active=true]),:host([effect=coverflow]) ::slotted([data-active=true]){transform:translate3d(-50%, 0, 0) scale(1) rotateY(0deg);opacity:1;z-index:10}.effect-coverflow ::slotted([data-offset="-1"]),:host([effect=coverflow]) ::slotted([data-offset="-1"]){transform:translate3d(-110%, 0, -150px) scale(0.85) rotateY(45deg);opacity:0.6;z-index:5}.effect-coverflow ::slotted([data-offset="1"]),:host([effect=coverflow]) ::slotted([data-offset="1"]){transform:translate3d(10%, 0, -150px) scale(0.85) rotateY(-45deg);opacity:0.6;z-index:5}.effect-stack .carousel-track,:host([effect=stack]) .carousel-track{transform:none !important;display:block !important;height:100%}.effect-stack ::slotted(*),:host([effect=stack]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;transform:translateY(40px) scale(0.9);transition:all 0.7s cubic-bezier(0.16, 1, 0.3, 1)}.effect-stack ::slotted([data-active=true]),:host([effect=stack]) ::slotted([data-active=true]){opacity:1;transform:translateY(0) scale(1);z-index:10}.effect-stack ::slotted([data-visible=true]:not([data-active=true])),:host([effect=stack]) ::slotted([data-visible=true]:not([data-active=true])){opacity:0.6;transform:translateY(20px) scale(0.95);z-index:5}.effect-depth .carousel-track,:host([effect=depth]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%}.effect-depth ::slotted(*),:host([effect=depth]) ::slotted(*){position:absolute !important;top:0;left:50%;width:90%;height:100%;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;transform:translate3d(-50%, 0, -400px) scale(0.5);opacity:0}.effect-depth ::slotted([data-active=true]),:host([effect=depth]) ::slotted([data-active=true]){transform:translate3d(-50%, 0, 0) scale(1);opacity:1;z-index:10}.effect-depth ::slotted([data-offset="-1"]),:host([effect=depth]) ::slotted([data-offset="-1"]){transform:translate3d(-105%, 0, -200px) scale(0.8);opacity:0.5;z-index:5}.effect-depth ::slotted([data-offset="1"]),:host([effect=depth]) ::slotted([data-offset="1"]){transform:translate3d(5%, 0, -200px) scale(0.8);opacity:0.5;z-index:5}.effect-ken-burns ::slotted(*),:host([effect=ken-burns]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;overflow:hidden;height:100%;width:100%;transition:opacity 1.5s ease}.effect-ken-burns ::slotted([data-active=true]),:host([effect=ken-burns]) ::slotted([data-active=true]){opacity:1;z-index:10;animation:kenBurnsPremium 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate}@keyframes kenBurnsPremium{0%{transform:scale(1) translate(0, 0)}100%{transform:scale(1.2) translate(-2%, -2%)}}.effect-wheel .carousel-track-wrapper,:host([effect=wheel]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-wheel .carousel-track,:host([effect=wheel]) .carousel-track{transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);height:100%}.effect-wheel ::slotted(*),:host([effect=wheel]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0.2;transform:rotateX(45deg) translateZ(-200px);transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1)}.effect-wheel ::slotted([data-active=true]),:host([effect=wheel]) ::slotted([data-active=true]){opacity:1;transform:rotateX(0deg) translateZ(0);z-index:10}.effect-wheel ::slotted([data-visible=true]:not([data-active=true])),:host([effect=wheel]) ::slotted([data-visible=true]:not([data-active=true])){opacity:0.4;transform:rotateX(-45deg) translateZ(-150px)}.carousel-indicators{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.carousel-indicators button{width:12px;height:6px;border-radius:3px;border:none;background:rgba(255, 255, 255, 0.4);cursor:pointer;transition:0.3s}.carousel-indicators button.active{width:24px;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.indicator-pie{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0, 0, 0, 0.1);border:1.5px solid transparent;transition:0.3s}.indicator-pie:hover{background:rgba(0, 0, 0, 0.2);border-color:rgba(255, 255, 255, 0.2)}.indicator-pie.active{background:rgba(0, 0, 0, 0.3)}.indicator-pie svg{width:100%;height:100%;overflow:visible;stroke-linecap:round}:host([indicators-type=segments]) .carousel-indicators{top:20px;bottom:auto;left:0;right:0;transform:none;padding:0 16px;gap:4px;width:100%;box-sizing:border-box}.progress-segment{flex:1;height:3px;border-radius:2px;overflow:hidden;background:rgba(255, 255, 255, 0.2)}.progress-segment .progress-fill{height:100%;background:var(--bg-primary, #ffffff);transition:width 0.1s linear}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:rgba(255, 255, 255, 0.2);color:var(--bg-primary, var(--text-standard, #ffffff));cursor:pointer;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;transition:0.3s}.carousel-arrow:hover:not(:disabled){background:rgb(255, 255, 255);color:var(--bg-primary, #000);transform:translateY(-50%) scale(1.1)}.carousel-arrow:disabled{opacity:0.2;cursor:not-allowed}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:20}.carousel-controls .carousel-arrow{position:static;transform:none;border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--bg-primary, var(--border-subtle, #1e293b));border:1px solid var(--border-subtle, #e2e8f0);width:38px;height:38px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05)}.carousel-controls .carousel-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-primary, #94a3b8)}.carousel-counter{position:absolute;top:20px;left:20px;background:rgba(0, 0, 0, 0.5);color:var(--bg-primary, var(--text-standard, #ffffff));padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}.fullscreen-toggle{position:absolute;bottom:20px;right:20px;background:rgba(255, 255, 255, 0.2);color:var(--bg-primary, #ffffff);border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.fullscreen-toggle:hover{background:rgba(255, 255, 255, 0.4)}:host(.parallax-mode) .carousel-track [data-visible=true]>*{transition:transform 0.7s ease-out}:host(.parallax-mode) .carousel-track [data-active=true]>*{transform:scale(1.05)}:host(.legendary-animate) .carousel-track [data-active=true]>*{animation:slideUpFade 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;opacity:0}@keyframes slideUpFade{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}`;
 

package/dist/cjs/ui-checkbox.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 var componentSize = require('./component-size-DsYFUZcz.js');
 
-const checkboxCss = () => `.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}.checkbox-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.btn-confetti{position:absolute;border-radius:50%;pointer-events:none;z-index:100;animation:confetti-drift 0.8s ease-out forwards}@keyframes confetti-drift{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(var(--vx), var(--vy)) scale(0) rotate(var(--vr));opacity:0}}[class*=checkbox-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.checkbox-reveal-fade-in{animation:checkbox-fade-in 0.6s ease-out forwards}.checkbox-reveal-slide-up{animation:checkbox-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.checkbox-reveal-zoom{animation:checkbox-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes checkbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes checkbox-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkbox-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.checkbox-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.checkbox-input-wrapper:hover .checkbox-tooltip{opacity:1}.checkbox-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.checkbox-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:inline-block;--ui-checkbox-border:var(--border-strong, #bfc8d8);--ui-checkbox-border-hover:var(--color-primary, #94a3b8);--ui-checkbox-bg:var(--bg-primary, #ffffff);--ui-checkbox-checked-bg:var(--color-success, #3dcd58);--text-primary:var(--label-color, var(--text-primary, #1e293b));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #64748b));--error-color-light:var(--bg-secondary, #fef2f2)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-checkbox-border:var(--border-strong, #334155);--ui-checkbox-border-hover:var(--color-primary, #475569);--ui-checkbox-bg:var(--bg-primary, #1e293b);--ui-checkbox-checked-bg:var(--color-primary, #4ade80);--text-primary:var(--label-color, var(--text-primary, #f1f5f9));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #cbd5e1))}.checkbox-container{display:inline-flex;flex-direction:column;gap:4px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;vertical-align:middle;box-sizing:border-box;color:var(--text-primary)}.checkbox-container.checkbox-rtl{direction:rtl}.checkbox-container *{box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease}.checkbox-label-top .checkbox-label{flex-direction:column;align-items:flex-start;gap:8px}.checkbox-label-top .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-bottom .checkbox-label{flex-direction:column-reverse;align-items:flex-start;gap:8px}.checkbox-label-bottom .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-left .checkbox-label{flex-direction:row-reverse;justify-content:flex-end}.checkbox-container.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:0.6}.checkbox-container.checkbox-readonly .checkbox-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .checkbox-description{margin-top:0}.checkbox-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--text-secondary)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:inherit}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-checkbox-border);background:var(--ui-checkbox-bg);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.checkbox-box .glow-layer{position:absolute;inset:-4px;background:var(--ui-checkbox-color, var(--color-primary));opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.checkbox-glow.checkbox-checked .checkbox-box .glow-layer{opacity:0.4}.checkbox-xxxs .checkbox-box{width:12px;height:12px;border-radius:3px}.checkbox-xxxs .check-icon{font-size:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.checkbox-xxxs .checkbox-label-text{font-size:0.75rem;line-height:1.25}.checkbox-xxs .checkbox-box{width:14px;height:14px;border-radius:4px}.checkbox-xxs .check-icon{font-size:9px;width:9px;height:9px;display:flex;align-items:center;justify-content:center}.checkbox-xxs .checkbox-label-text{font-size:0.8125rem;line-height:1.25}.checkbox-xs .checkbox-box{width:16px;height:16px;border-radius:4px}.checkbox-xs .check-icon{font-size:10px;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.checkbox-xs .checkbox-label-text{font-size:0.875rem;line-height:1.5}.checkbox-sm .checkbox-box{width:18px;height:18px;border-radius:5px}.checkbox-sm .check-icon{font-size:11px;width:11px;height:11px;display:flex;align-items:center;justify-content:center}.checkbox-sm .checkbox-label-text{font-size:0.9375rem;line-height:1.5}.checkbox-md .checkbox-box{width:20px;height:20px;border-radius:6px}.checkbox-md .check-icon{font-size:12px;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.checkbox-md .checkbox-label-text{font-size:1rem;line-height:1.5}.checkbox-lg .checkbox-box{width:24px;height:24px;border-radius:8px}.checkbox-lg .check-icon{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.checkbox-lg .checkbox-label-text{font-size:1.125rem;line-height:1.5}.checkbox-xl .checkbox-box{width:28px;height:28px;border-radius:10px}.checkbox-xl .check-icon{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox-xl .checkbox-label-text{font-size:1.25rem;line-height:1.5}.checkbox-xxl .checkbox-box{width:32px;height:32px;border-radius:12px}.checkbox-xxl .check-icon{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox-xxl .checkbox-label-text{font-size:1.375rem;line-height:1.5}.checkbox-xxxl .checkbox-box{width:40px;height:40px;border-radius:14px}.checkbox-xxxl .check-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.checkbox-xxxl .checkbox-label-text{font-size:1.5rem;line-height:1.5}.checkbox-rounded .checkbox-box{border-radius:50%}.checkbox-square .checkbox-box{border-radius:0}.checkbox-glass .checkbox-box{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.checkbox-glass.checkbox-checked .checkbox-box{background:currentColor !important;backdrop-filter:none}.checkbox-raised .checkbox-box{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.checkbox-button,.checkbox-chip{width:auto}.checkbox-button .checkbox-label,.checkbox-chip .checkbox-label{padding:8px 16px;border:2px solid var(--border-color, var(--border-default, #e5e7eb));border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--surface-color, var(--bg-primary, #ffffff));line-height:1.5;box-sizing:border-box;min-height:40px}.checkbox-button .checkbox-box,.checkbox-chip .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-button.checkbox-primary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-primary.checkbox-checked .checkbox-label{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1);border-color:var(--color-success, #3dcd58)}.checkbox-button.checkbox-secondary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-secondary.checkbox-checked .checkbox-label{background:rgba(107, 114, 128, 0.1);border-color:var(--color-primary, #6b7280)}.checkbox-button.checkbox-success.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-success.checkbox-checked .checkbox-label{background:rgba(22, 163, 74, 0.1);border-color:var(--color-success, #16a34a)}.checkbox-button.checkbox-danger.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-danger.checkbox-checked .checkbox-label{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1);border-color:var(--color-danger-hover, #dc2626)}.checkbox-button.checkbox-warning.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-warning.checkbox-checked .checkbox-label{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);border-color:var(--color-warning, #f59e0b)}.checkbox-button.checkbox-info.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-info.checkbox-checked .checkbox-label{background:rgba(8, 145, 178, 0.1);border-color:var(--color-info-hover, #0891b2)}.checkbox-button.checkbox-hovered:not(.checkbox-disabled) .checkbox-label,.checkbox-chip.checkbox-hovered:not(.checkbox-disabled) .checkbox-label{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.checkbox-chip .checkbox-label{border-radius:20px;padding:4px 12px;min-height:32px}.checkbox-animate .checkbox-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;transform:scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:inherit;z-index:0}.checkbox-animate .checkbox-checked .checkbox-box::after,.checkbox-animate .checkbox-indeterminate .checkbox-box::after{transform:scale(1)}.checkbox-animate .checkbox-checked .check-icon,.checkbox-animate .checkbox-indeterminate .check-icon{z-index:1;animation:checkmark-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.checkbox-primary{--ui-checkbox-color:var(--color-primary, #3b82f6)}.checkbox-secondary{--ui-checkbox-color:var(--text-muted, #6b7280)}.checkbox-success{--ui-checkbox-color:var(--color-success, #16a34a)}.checkbox-danger{--ui-checkbox-color:var(--color-danger-hover, #dc2626)}.checkbox-warning{--ui-checkbox-color:var(--color-warning, #f59e0b)}.checkbox-info{--ui-checkbox-color:var(--color-info-hover, #0891b2)}.checkbox-checked .checkbox-box,.checkbox-indeterminate .checkbox-box{background:var(--ui-checkbox-color, var(--color-primary));border-color:var(--ui-checkbox-color, var(--color-primary))}.checkbox-box{background:var(--ui-checkbox-bg);border-color:var(--ui-checkbox-border)}.checkmark-svg{width:100%;height:100%;display:block;padding:10%;color:var(--text-standard, #ffffff);z-index:2}.custom-image-mark{width:100%;height:100%;object-fit:contain;border-radius:inherit;z-index:2}.custom-icon-mark{z-index:2;color:var(--text-standard, #ffffff)}.checkmark-path{stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.checkbox-checked .checkmark-path{stroke-dashoffset:0}.indeterminate-path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset 0.3s ease}.checkbox-indeterminate .indeterminate-path{stroke-dashoffset:0}.checkbox-checked .check-icon,.checkbox-indeterminate .check-icon{transform:scale(1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.2);border-color:var(--ui-checkbox-checked-bg)}.checkbox-hovered:not(.checkbox-disabled):not(.checkbox-readonly) .checkbox-box{border-color:var(--ui-checkbox-border-hover)}.checkbox-ripple .checkbox-box::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.checkbox-ripple .checkbox-input:active~.checkbox-box::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.checkbox-skeleton{pointer-events:none}.checkbox-skeleton .checkbox-box{background:var(--bg-primary, #e5e7eb) !important;border-color:var(--border-default, #e5e7eb) !important;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%) !important;background-size:200% 100% !important}.checkbox-skeleton .checkbox-label-text{width:100px;height:1rem;background:var(--bg-primary, #e5e7eb);border-radius:4px;color:transparent;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.checkbox-label-text{color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:inline-block;line-height:1.5}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.helper-text{font-size:0.875rem;color:var(--text-secondary);margin-inline-start:32px;display:flex;align-items:center;gap:4px}.checkbox-label-left .helper-text{margin-inline-start:0;margin-inline-end:32px}.checkbox-label-top .helper-text,.checkbox-label-bottom .helper-text{margin-inline-start:0;justify-content:center}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.checkbox-invalid .checkbox-box{border-color:var(--color-danger-hover, #dc2626)}.checkbox-invalid:not(.checkbox-checked):not(.checkbox-indeterminate) .checkbox-box{background:var(--error-color-light, #fef2f2)}.checkbox-is-button{width:100%;height:100%}.checkbox-is-button .checkbox-label{padding:8px 16px;justify-content:center;background:var(--ui-checkbox-bg);transition:all 0.2s ease;width:100%;height:100%;border-radius:0;border:1px solid var(--ui-checkbox-border)}.checkbox-is-button .checkbox-label:hover:not(.checkbox-disabled){background:rgba(0, 0, 0, 0.02)}.checkbox-is-button .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-is-button.checkbox-checked .checkbox-label{background:var(--ui-checkbox-checked-bg);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--ui-checkbox-checked-bg)}.checkbox-is-button.checkbox-secondary.checkbox-checked .checkbox-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.checkbox-is-button.checkbox-success.checkbox-checked .checkbox-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.checkbox-is-button.checkbox-danger.checkbox-checked .checkbox-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.checkbox-is-button.checkbox-warning.checkbox-checked .checkbox-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.checkbox-is-button.checkbox-info.checkbox-checked .checkbox-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.checkbox-is-button+.checkbox-is-button .checkbox-label{margin-inline-start:-1px}`;
+const checkboxCss = () => `.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}.checkbox-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.btn-confetti{position:absolute;border-radius:50%;pointer-events:none;z-index:100;animation:confetti-drift 0.8s ease-out forwards}@keyframes confetti-drift{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(var(--vx), var(--vy)) scale(0) rotate(var(--vr));opacity:0}}[class*=checkbox-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.checkbox-reveal-fade-in{animation:checkbox-fade-in 0.6s ease-out forwards}.checkbox-reveal-slide-up{animation:checkbox-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.checkbox-reveal-zoom{animation:checkbox-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes checkbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes checkbox-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkbox-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.checkbox-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.checkbox-input-wrapper:hover .checkbox-tooltip{opacity:1}.checkbox-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.checkbox-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:inline-block;--ui-checkbox-border:var(--border-strong, #bfc8d8);--ui-checkbox-border-hover:var(--color-primary, #94a3b8);--ui-checkbox-bg:var(--bg-primary, #ffffff);--ui-checkbox-checked-bg:var(--color-primary, #3b82f6);--text-primary:var(--label-color, inherit);--text-secondary:var(--label-subtitle-color, inherit);--error-color-light:var(--bg-secondary, #fef2f2)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-checkbox-border:var(--border-strong, #334155);--ui-checkbox-border-hover:var(--color-primary, #475569);--ui-checkbox-bg:var(--bg-primary, #1e293b);--ui-checkbox-checked-bg:var(--color-primary, #4ade80)}.checkbox-container{display:inline-flex;flex-direction:column;gap:4px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;vertical-align:middle;box-sizing:border-box;color:inherit}.checkbox-container.checkbox-rtl{direction:rtl}.checkbox-container *{box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease}.checkbox-label-top .checkbox-label{flex-direction:column;align-items:flex-start;gap:8px}.checkbox-label-top .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-bottom .checkbox-label{flex-direction:column-reverse;align-items:flex-start;gap:8px}.checkbox-label-bottom .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-left .checkbox-label{flex-direction:row-reverse;justify-content:flex-end}.checkbox-container.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:0.6}.checkbox-container.checkbox-readonly .checkbox-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .checkbox-description{margin-top:0}.checkbox-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--text-secondary)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:inherit}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-checkbox-border);background:var(--ui-checkbox-bg);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.checkbox-box .glow-layer{position:absolute;inset:-4px;background:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)));opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.checkbox-glow.checkbox-checked .checkbox-box .glow-layer{opacity:0.4}.checkbox-xxxs .checkbox-box{width:12px;height:12px;border-radius:3px}.checkbox-xxxs .check-icon{font-size:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.checkbox-xxxs .checkbox-label-text{font-size:0.75rem;line-height:1.25}.checkbox-xxs .checkbox-box{width:14px;height:14px;border-radius:4px}.checkbox-xxs .check-icon{font-size:9px;width:9px;height:9px;display:flex;align-items:center;justify-content:center}.checkbox-xxs .checkbox-label-text{font-size:0.8125rem;line-height:1.25}.checkbox-xs .checkbox-box{width:16px;height:16px;border-radius:4px}.checkbox-xs .check-icon{font-size:10px;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.checkbox-xs .checkbox-label-text{font-size:0.875rem;line-height:1.5}.checkbox-sm .checkbox-box{width:18px;height:18px;border-radius:5px}.checkbox-sm .check-icon{font-size:11px;width:11px;height:11px;display:flex;align-items:center;justify-content:center}.checkbox-sm .checkbox-label-text{font-size:0.9375rem;line-height:1.5}.checkbox-md .checkbox-box{width:20px;height:20px;border-radius:6px}.checkbox-md .check-icon{font-size:12px;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.checkbox-md .checkbox-label-text{font-size:1rem;line-height:1.5}.checkbox-lg .checkbox-box{width:24px;height:24px;border-radius:8px}.checkbox-lg .check-icon{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.checkbox-lg .checkbox-label-text{font-size:1.125rem;line-height:1.5}.checkbox-xl .checkbox-box{width:28px;height:28px;border-radius:10px}.checkbox-xl .check-icon{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox-xl .checkbox-label-text{font-size:1.25rem;line-height:1.5}.checkbox-xxl .checkbox-box{width:32px;height:32px;border-radius:12px}.checkbox-xxl .check-icon{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox-xxl .checkbox-label-text{font-size:1.375rem;line-height:1.5}.checkbox-xxxl .checkbox-box{width:40px;height:40px;border-radius:14px}.checkbox-xxxl .check-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.checkbox-xxxl .checkbox-label-text{font-size:1.5rem;line-height:1.5}.checkbox-rounded .checkbox-box{border-radius:50%}.checkbox-square .checkbox-box{border-radius:0}.checkbox-glass .checkbox-box{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.checkbox-glass.checkbox-checked .checkbox-box{background:currentColor !important;backdrop-filter:none}.checkbox-raised .checkbox-box{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.checkbox-button,.checkbox-chip{width:auto}.checkbox-button .checkbox-label,.checkbox-chip .checkbox-label{padding:8px 16px;border:2px solid var(--border-color, var(--border-default, #e5e7eb));border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--surface-color, var(--bg-primary, #ffffff));line-height:1.5;box-sizing:border-box;min-height:40px}.checkbox-button .checkbox-box,.checkbox-chip .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-button.checkbox-primary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-primary.checkbox-checked .checkbox-label{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1);border-color:var(--color-success, #3dcd58)}.checkbox-button.checkbox-secondary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-secondary.checkbox-checked .checkbox-label{background:rgba(107, 114, 128, 0.1);border-color:var(--color-primary, #6b7280)}.checkbox-button.checkbox-success.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-success.checkbox-checked .checkbox-label{background:rgba(22, 163, 74, 0.1);border-color:var(--color-success, #16a34a)}.checkbox-button.checkbox-danger.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-danger.checkbox-checked .checkbox-label{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1);border-color:var(--color-danger-hover, #dc2626)}.checkbox-button.checkbox-warning.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-warning.checkbox-checked .checkbox-label{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);border-color:var(--color-warning, #f59e0b)}.checkbox-button.checkbox-info.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-info.checkbox-checked .checkbox-label{background:rgba(8, 145, 178, 0.1);border-color:var(--color-info-hover, #0891b2)}.checkbox-button.checkbox-hovered:not(.checkbox-disabled) .checkbox-label,.checkbox-chip.checkbox-hovered:not(.checkbox-disabled) .checkbox-label{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.checkbox-chip .checkbox-label{border-radius:20px;padding:4px 12px;min-height:32px}.checkbox-animate .checkbox-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)));transform:scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:inherit;z-index:0}.checkbox-animate .checkbox-checked .checkbox-box::after,.checkbox-animate .checkbox-indeterminate .checkbox-box::after{transform:scale(1)}.checkbox-animate .checkbox-checked .check-icon,.checkbox-animate .checkbox-indeterminate .check-icon{z-index:1;animation:checkmark-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.checkbox-primary{--ui-checkbox-color:var(--color-primary, #3b82f6)}.checkbox-secondary{--ui-checkbox-color:var(--text-muted, #6b7280)}.checkbox-success{--ui-checkbox-color:var(--color-success, #16a34a)}.checkbox-danger{--ui-checkbox-color:var(--color-danger-hover, #dc2626)}.checkbox-warning{--ui-checkbox-color:var(--color-warning, #f59e0b)}.checkbox-info{--ui-checkbox-color:var(--color-info-hover, #0891b2)}.checkbox-checked .checkbox-box,.checkbox-indeterminate .checkbox-box{background:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)));border-color:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)))}.checkbox-box{background:var(--ui-checkbox-bg);border-color:var(--ui-checkbox-border)}.checkmark-svg{width:100%;height:100%;display:block;padding:10%;color:var(--text-standard, #ffffff);z-index:2}.custom-image-mark{width:100%;height:100%;object-fit:contain;border-radius:inherit;z-index:2}.custom-icon-mark{z-index:2;color:var(--text-standard, #ffffff)}.checkmark-path{stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.checkbox-checked .checkmark-path{stroke-dashoffset:0}.indeterminate-path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset 0.3s ease}.checkbox-indeterminate .indeterminate-path{stroke-dashoffset:0}.checkbox-checked .check-icon,.checkbox-indeterminate .check-icon{transform:scale(1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.2);border-color:var(--ui-checkbox-checked-bg)}.checkbox-hovered:not(.checkbox-disabled):not(.checkbox-readonly) .checkbox-box{border-color:var(--ui-checkbox-border-hover)}.checkbox-ripple .checkbox-box::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.checkbox-ripple .checkbox-input:active~.checkbox-box::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.checkbox-skeleton{pointer-events:none}.checkbox-skeleton .checkbox-box{background:var(--bg-primary, #e5e7eb) !important;border-color:var(--border-default, #e5e7eb) !important;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%) !important;background-size:200% 100% !important}.checkbox-skeleton .checkbox-label-text{width:100px;height:1rem;background:var(--bg-primary, #e5e7eb);border-radius:4px;color:transparent;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.checkbox-label-text{color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:inline-block;line-height:1.5}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.helper-text{font-size:0.875rem;color:var(--text-secondary);margin-inline-start:32px;display:flex;align-items:center;gap:4px}.checkbox-label-left .helper-text{margin-inline-start:0;margin-inline-end:32px}.checkbox-label-top .helper-text,.checkbox-label-bottom .helper-text{margin-inline-start:0;justify-content:center}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.checkbox-invalid .checkbox-box{border-color:var(--color-danger-hover, #dc2626)}.checkbox-invalid:not(.checkbox-checked):not(.checkbox-indeterminate) .checkbox-box{background:var(--error-color-light, #fef2f2)}.checkbox-is-button{width:100%;height:100%}.checkbox-is-button .checkbox-label{padding:8px 16px;justify-content:center;background:var(--ui-checkbox-bg);transition:all 0.2s ease;width:100%;height:100%;border-radius:0;border:1px solid var(--ui-checkbox-border)}.checkbox-is-button .checkbox-label:hover:not(.checkbox-disabled){background:rgba(0, 0, 0, 0.02)}.checkbox-is-button .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-is-button.checkbox-checked .checkbox-label{background:var(--ui-checkbox-checked-bg);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--ui-checkbox-checked-bg)}.checkbox-is-button.checkbox-secondary.checkbox-checked .checkbox-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.checkbox-is-button.checkbox-success.checkbox-checked .checkbox-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.checkbox-is-button.checkbox-danger.checkbox-checked .checkbox-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.checkbox-is-button.checkbox-warning.checkbox-checked .checkbox-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.checkbox-is-button.checkbox-info.checkbox-checked .checkbox-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.checkbox-is-button+.checkbox-is-button .checkbox-label{margin-inline-start:-1px}`;
 
 const Checkbox = class {
     constructor(hostRef) {
@@ -36,7 +36,7 @@ const Checkbox = class {
     value = '';
     name = '';
     size = 'md';
-    color = 'success';
+    color = 'primary';
     variant = 'default';
     skeleton = false;
     labelPosition = 'right';
@@ -236,7 +236,7 @@ const Checkbox = class {
             'checkbox-indeterminate': this.indeterminate,
             'checkbox-ripple': this.rippleEffect && !this.disabled,
         };
-        return (index.h("div", { key: '98ae46b3ba03456e81610b5c1558d2f62b2c697e', class: containerClasses, dir: this.rtl ? 'rtl' : 'ltr', style: { '--reveal-delay': `${this.revealDelay}ms` } }, index.h("label", { key: '8d7a330bb7f92b454076bef8e22cee9daa8f9fb4', class: "checkbox-label", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, (this.labelPosition === 'left' || this.labelPosition === 'top') && this.renderLabel(), index.h("div", { key: 'fd9728537e2c16a564f9b363012802ba8fa1235e', class: checkboxClasses }, index.h("input", { key: '1074f40300a98aaef23eb2c03466cc972b1b3090', ref: el => this.inputElement = el, type: "checkbox", class: "checkbox-input", checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value, name: this.name, tabindex: this.checkboxTabIndex, "aria-label": this.ariaLabel || this.label, "aria-describedby": this.ariaDescribedBy, "aria-checked": this.indeterminate ? 'mixed' : this.checked.toString(), "aria-invalid": this.invalid.toString(), onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), index.h("div", { key: 'c769aaf4fe33649562de2848871114f15c88b742', class: "checkbox-box" }, index.h("div", { key: '7de0b8700ecaad754fe7bc0e44da00852c4bb014', class: "glow-layer" }), this.renderCheckmark(), this.particles.map(p => (index.h("span", { class: "btn-confetti", key: p.id, style: {
+        return (index.h("div", { key: '673150aaef8e061ffa6707069559d0c8c7443fc3', class: containerClasses, dir: this.rtl ? 'rtl' : 'ltr', style: { '--reveal-delay': `${this.revealDelay}ms` } }, index.h("label", { key: '3f5ee2f5bb51d48665ee7c474fcb391b6935a2d3', class: "checkbox-label", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, (this.labelPosition === 'left' || this.labelPosition === 'top') && this.renderLabel(), index.h("div", { key: '2c6cf630253c513b809f538a3eb242a85ed35de2', class: checkboxClasses }, index.h("input", { key: '0a8619f9539cdf9e4c204d1624ee04af795c705d', ref: el => this.inputElement = el, type: "checkbox", class: "checkbox-input", checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, value: this.value, name: this.name, tabindex: this.checkboxTabIndex, "aria-label": this.ariaLabel || this.label, "aria-describedby": this.ariaDescribedBy, "aria-checked": this.indeterminate ? 'mixed' : this.checked.toString(), "aria-invalid": this.invalid.toString(), onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), index.h("div", { key: '4b9e1d7467487f5e099f79334e80be33cf79aa46', class: "checkbox-box" }, index.h("div", { key: '7214d1c9b1ed15c2de19011566764e4961919ef0', class: "glow-layer" }), this.renderCheckmark(), this.particles.map(p => (index.h("span", { class: "btn-confetti", key: p.id, style: {
                 left: `${p.x}%`,
                 top: `${p.y}%`,
                 '--vx': `${p.vx}px`,
@@ -245,7 +245,7 @@ const Checkbox = class {
                 backgroundColor: p.color,
                 width: `${p.size}px`,
                 height: `${p.size}px`
-            } })))), this.badge && index.h("span", { key: '99ad8db8cebfa106f5865c0a96470cb481ef9e91', class: "checkbox-badge" }, this.badge), this.tooltip && (index.h("div", { key: 'a2c46d9e27e9d404d543c31a1449b0ae945965c2', class: `checkbox-tooltip checkbox-tooltip-${this.tooltipPosition}` }, this.tooltip))), (this.labelPosition === 'right' || this.labelPosition === 'bottom') && this.renderLabel()), this.renderHelperText()));
+            } })))), this.badge && index.h("span", { key: '370c8a224d1234ca2c83cfda6bc18d1af4a9f29d', class: "checkbox-badge" }, this.badge), this.tooltip && (index.h("div", { key: 'eb8c1e6a57151d12846e897b79ec86c9256cdf4b', class: `checkbox-tooltip checkbox-tooltip-${this.tooltipPosition}` }, this.tooltip))), (this.labelPosition === 'right' || this.labelPosition === 'bottom') && this.renderLabel()), this.renderHelperText()));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/cjs/ui-code-editor.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
-var security = require('./security-E1JcwxGc.js');
+var index = require('./index-C32cWsm5.js');
+var security = require('./security-CNaNip8F.js');
 
 const codeEditorCss = () => `.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:flex;flex-direction:column;font-family:"Menlo", "Monaco", "Courier New", monospace;font-size:14px;line-height:1.5;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, var(--border-subtle, #e2e8f0));background-color:var(--editor-bg);color:var(--editor-fg);--editor-bg:var(--bg-primary, #ffffff);--editor-fg:var(--text-primary, #1e293b);--line-num-bg:var(--bg-primary, #f8fafc);--line-num-fg:var(--color-primary, #94a3b8);--indent-guide:rgba(0, 0, 0, 0.05);--cursor-color:var(--text-primary, #000);--selection-bg:var(--color-primary, #b3d4fc);--status-bar-bg:var(--bg-secondary, #f1f5f9);--status-bar-fg:var(--color-primary, #64748b);--minimap-width:60px;--git-added:var(--color-success, #28a745);--git-modified:var(--color-danger, #ffc107)}:host(.theme-vs-dark){--editor-bg:var(--bg-primary, #1e1e1e);--editor-fg:var(--bg-secondary, #d4d4d4);--line-num-bg:var(--bg-primary, #1e1e1e);--line-num-fg:var(--text-muted, #858585);--cursor-color:var(--text-standard, #ffffff);--selection-bg:var(--color-primary, #264f78);--status-bar-bg:var(--color-primary, #007acc);--status-bar-fg:var(--bg-primary, #ffffff);border-color:var(--border-strong, #333)}.code-editor-container{display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden;height:100%}.code-editor-layout{display:grid;grid-template-columns:auto 1fr auto;flex:1;min-height:0;position:relative;overflow:hidden;background-color:var(--editor-bg)}.sidebar-tabs{width:48px;flex-shrink:0;background-color:var(--status-bar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:20px}.sidebar-tabs .sidebar-tab{font-size:20px;color:var(--status-bar-fg);cursor:pointer;width:100%;display:flex;justify-content:center;position:relative;padding:8px 0;opacity:0.6;transition:all 0.2s}.sidebar-tabs .sidebar-tab.active{opacity:1;color:var(--color-primary, #007acc);border-left:2px solid var(--color-primary, #007acc)}.sidebar-tabs .sidebar-tab:hover{opacity:1}.sidebar-content{flex:1;overflow-y:auto;padding:0}.sidebar-header{padding:10px 16px;font-size:11px;font-weight:600;color:var(--status-bar-fg);text-transform:uppercase;letter-spacing:0.5px}.file-list{padding:4px 0}.file-item{display:flex;align-items:center;padding:6px 16px;gap:8px;cursor:pointer;font-size:13px;color:var(--status-bar-fg);transition:background 0.2s}.file-item:hover{background-color:rgba(128, 128, 128, 0.1);color:var(--editor-fg)}.file-item.active{background-color:rgba(0, 122, 204, 0.1);color:var(--color-primary, #007acc);font-weight:500}.file-item i{width:16px;text-align:center}.file-item .text-warning{color:var(--color-warning, #f59e0b)}.file-item .text-danger{color:var(--color-danger, #ef4444)}.file-item .text-primary{color:var(--color-primary, #10b981)}.editor-main-panel{display:flex;flex-direction:column;min-width:0;flex:1}.editor-breadcrumbs{height:35px;background-color:var(--editor-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;font-size:13px;color:var(--status-bar-fg);gap:10px;user-select:none}.editor-breadcrumbs .breadcrumb-item{display:flex;align-items:center;gap:6px;cursor:pointer}.editor-breadcrumbs .breadcrumb-item:hover{color:var(--editor-fg)}.editor-breadcrumbs .breadcrumb-item i{font-size:14px}.editor-breadcrumbs .breadcrumb-item .separator{opacity:0.5;margin:0 4px}.editor-bottom-panel{height:250px;background-color:var(--editor-bg);border-top:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:height 0.3s ease}.editor-bottom-panel.collapsed{height:0;border-top:none}.editor-bottom-panel .panel-header{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--border-color);background-color:var(--status-bar-bg)}.editor-bottom-panel .panel-tabs{display:flex;gap:20px;height:100%}.editor-bottom-panel .panel-tabs .panel-tab{font-size:11px;font-weight:600;color:var(--status-bar-fg);height:100%;display:flex;align-items:center;cursor:pointer;border-bottom:2px solid transparent;opacity:0.7;transition:all 0.2s}.editor-bottom-panel .panel-tabs .panel-tab:hover{opacity:1}.editor-bottom-panel .panel-tabs .panel-tab.active{opacity:1;color:var(--color-primary, #007acc);border-bottom-color:var(--color-primary, #007acc)}.editor-bottom-panel .panel-controls i{font-size:12px;color:var(--status-bar-fg);cursor:pointer;opacity:0.6}.editor-bottom-panel .panel-controls i:hover{opacity:1;color:var(--color-danger, #ef4444)}.editor-bottom-panel .panel-content{flex:1;overflow-y:auto;padding:12px 16px;font-family:"Menlo", "Monaco", "Courier New", monospace;background-color:var(--editor-bg)}.editor-bottom-panel .terminal-content .log-item{margin-bottom:4px;font-size:12px;display:flex;gap:8px}.editor-bottom-panel .terminal-content .log-item .log-time{opacity:0.5}.editor-bottom-panel .terminal-content .log-item.info{color:var(--color-success, #10b981)}.editor-bottom-panel .terminal-content .log-item.error{color:var(--color-danger, #ef4444)}.editor-bottom-panel .terminal-content .log-item.warn{color:var(--color-warning, #f59e0b)}.editor-bottom-panel .terminal-content .terminal-input-line{display:flex;gap:8px;margin-top:8px;align-items:center}.editor-bottom-panel .terminal-content .terminal-input-line .terminal-prompt{color:var(--color-primary, #007acc);font-weight:bold}.editor-bottom-panel .terminal-content .terminal-input-line .terminal-input{background:transparent;border:none;color:var(--editor-fg);outline:none;flex:1;font-family:inherit;font-size:12px}.line-numbers{flex-shrink:0;padding:10px 0;text-align:right;background-color:var(--line-num-bg);color:var(--line-num-fg);border-right:1px solid rgba(128, 128, 128, 0.1);user-select:none;min-width:45px;overflow:hidden}.line-numbers .line-number{display:flex;padding:0 4px 0 8px;height:1.5em;white-space:nowrap;justify-content:space-between;cursor:pointer}.line-numbers .line-number .fold-icon{opacity:0;font-size:9px;margin-left:4px;display:flex;align-items:center;color:var(--line-num-fg)}.line-numbers .line-number.git-added{border-left:3px solid var(--git-added)}.line-numbers .line-number.git-modified{border-left:3px solid var(--git-modified)}.line-numbers .line-number:hover .fold-icon{opacity:1;color:var(--editor-fg)}.folded-placeholder{background-color:var(--status-bar-bg);color:var(--status-bar-fg);padding:0 4px;border-radius:2px;font-size:10px;cursor:pointer;user-select:none;margin-left:4px;display:inline-block;height:14px;line-height:14px}.editor-wrapper{flex-grow:1;position:relative;overflow:hidden}.editor-content,.syntax-highlighter{margin:0;padding:10px;border:none;box-sizing:border-box;font-family:inherit;font-size:inherit;line-height:inherit;tab-size:2;white-space:pre;word-wrap:normal;overflow-x:auto;overflow-y:auto;position:absolute;top:0;left:0;width:100%;height:100%}.editor-content{color:transparent;background:transparent;caret-color:var(--cursor-color);z-index:1;resize:none;outline:none;background-image:linear-gradient(to right, var(--indent-guide) 1px, transparent 1px);background-size:calc(var(--indent-size, 2) * 8.4px) 100%;background-repeat:repeat-x;background-attachment:local}.editor-content::selection{background:var(--selection-bg);color:transparent}.syntax-highlighter{z-index:0;pointer-events:none;color:var(--editor-fg)}.lint-error{text-decoration:underline wavy var(--color-danger, #ff4d4d);text-decoration-thickness:2px;position:relative}.minimap-container{width:var(--minimap-width);border-left:1px solid rgba(128, 128, 128, 0.1);background:var(--editor-bg);overflow:hidden;position:relative;user-select:none;flex-shrink:0;cursor:pointer}.minimap-content{transform-origin:top left;transform:scale(0.15);width:666%;pointer-events:none;padding:10px}.minimap-viewport{position:absolute;left:0;width:100%;background:rgba(100, 100, 100, 0.2);cursor:grab;transition:background 0.2s}.minimap-viewport:hover{background:rgba(100, 100, 100, 0.3)}.minimap-viewport:active{cursor:grabbing;background:rgba(100, 100, 100, 0.4)}.status-bar{display:flex;justify-content:flex-end;gap:16px;padding:4px 12px;background-color:var(--status-bar-bg);color:var(--status-bar-fg);font-size:11px;flex-shrink:0;user-select:none}.status-item{display:flex;align-items:center;gap:6px;cursor:default}.status-item i{font-size:10px}.command-palette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;backdrop-filter:blur(1px)}.command-palette{width:400px;max-width:90%;background:var(--editor-bg);border:1px solid var(--border-color, #454545);box-shadow:0 4px 12px rgba(0, 0, 0, 0.25);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;animation:slideDown 0.15s ease-out}.command-palette input{width:100%;padding:10px;border:none;background:var(--status-bar-bg);color:var(--editor-fg);font-family:inherit;font-size:13px;outline:none;border-bottom:1px solid var(--border-color, rgba(128, 128, 128, 0.2))}.command-palette .command-list{max-height:250px;overflow-y:auto;margin:0;padding:0;list-style:none}.command-palette .command-item{padding:8px 12px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;color:var(--editor-fg);border-left:2px solid transparent;}.command-palette .command-item:hover,.command-palette .command-item.active{background-color:var(--selection-bg);border-left-color:var(--status-bar-bg)}.command-palette .command-item .shortcut{opacity:0.6;font-size:11px}@keyframes slideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.token.comment{color:var(--color-success, #6a9955);font-style:italic}.token.string{color:var(--color-danger, #ce9178)}.token.number{color:var(--color-primary, #b5cea8)}.token.boolean{color:var(--color-primary, #569cd6)}.token.keyword{color:var(--color-primary, #c586c0);font-weight:bold}.token.function{color:var(--color-primary, #dcdcaa)}.token.operator{color:var(--bg-secondary, #d4d4d4)}.token.class{color:var(--color-primary, #4ec9b0)}.token.variable{color:var(--color-primary, #9cdcfe)}.token.tag{color:var(--color-primary, #569cd6)}.token.attr-name{color:var(--color-primary, #9cdcfe)}.token.property{color:var(--color-primary, #9cdcfe)}.token.selector{color:var(--color-primary, #d7ba7d)}:host(:not(.theme-vs-dark)) .token.string{color:var(--color-danger, #a31515)}:host(:not(.theme-vs-dark)) .token.keyword{color:var(--color-primary, #af00db)}:host(:not(.theme-vs-dark)) .token.function{color:var(--color-primary, #795e26)}:host(:not(.theme-vs-dark)) .token.number{color:var(--color-success, #098658)}:host(:not(.theme-vs-dark)) .token.comment{color:var(--color-success, #008000)}:host(:not(.theme-vs-dark)) .token.selector{color:var(--text-primary, #800000)}.copy-button{position:absolute;top:8px;right:20px;z-index:10;background:rgba(128, 128, 128, 0.2);border:none;color:var(--editor-fg);padding:4px 8px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity 0.2s;font-size:12px}.copy-button:hover{background:rgba(128, 128, 128, 0.4)}:host(:hover) .copy-button{opacity:1}.search-widget{position:absolute;top:10px;right:40px;right:60px;z-index:50;display:flex;background:var(--editor-bg);border:1px solid var(--border-color, #ccc);box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);border-radius:4px;padding:4px;align-items:center}.search-widget .search-input{border:none;outline:none;background:transparent;color:var(--editor-fg);padding:4px;font-size:13px;width:150px}.search-widget .search-actions{display:flex;gap:2px}.search-widget .search-actions button{background:transparent;border:none;color:var(--status-bar-fg);cursor:pointer;padding:4px;border-radius:2px}.search-widget .search-actions button:hover{background:var(--line-num-bg);color:var(--editor-fg)}.suggestion-list{position:absolute;z-index:100;background:var(--editor-bg);border:1px solid var(--border-color, #ccc);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;max-height:200px;overflow-y:auto;width:200px;margin:0;padding:0;list-style:none;font-size:13px;font-family:inherit}.suggestion-list li{padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--editor-fg)}.suggestion-list li.active,.suggestion-list li:hover{background:var(--selection-bg);color:var(--editor-fg)}.suggestion-list li .icon{opacity:0.7;font-size:11px}.editor-tabs{display:flex;background-color:var(--status-bar-bg);background-color:var(--bg-primary, #252526);overflow-x:auto;flex-shrink:0;}.editor-tabs::-webkit-scrollbar{height:4px}.editor-tabs::-webkit-scrollbar-thumb{background:rgba(128, 128, 128, 0.3)}:host(:not(.theme-vs-dark)) .editor-tabs{background-color:var(--bg-primary, #f3f3f3)}.editor-tab{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text-muted, #969696);background-color:transparent;cursor:pointer;border-right:1px solid rgba(0, 0, 0, 0.1);font-size:13px;white-space:nowrap;border-top:2px solid transparent;}.editor-tab:hover{background-color:rgba(128, 128, 128, 0.1);color:var(--editor-fg)}.editor-tab.active{background-color:var(--editor-bg);color:var(--editor-fg);border-top-color:var(--color-primary, #007acc);}.editor-tab .tab-icon{font-size:12px;opacity:0.8}.editor-tab{}.editor-ribbon-container{display:flex;flex-direction:column;background-color:var(--ribbon-bg, #f3f3f3);border-bottom:1px solid var(--border-color, #d1d1d1);flex-shrink:0;user-select:none;font-family:"Segoe UI", system-ui, -apple-system, sans-serif;--ribbon-bg:var(--bg-primary, #f3f3f3);--ribbon-tab-active:var(--bg-primary, #ffffff);--ribbon-tab-fg:var(--text-secondary, #333333);--ribbon-accent:var(--color-primary, #2b579a);}:host(.theme-vs-dark) .editor-ribbon-container{--ribbon-bg:var(--bg-secondary, #2d2d2d);--ribbon-tab-active:var(--text-secondary, #3c3c3c);--ribbon-tab-fg:var(--bg-secondary, #cccccc);--ribbon-accent:var(--color-primary, #007acc);border-bottom-color:var(--border-strong, #3e3e3e)}.ribbon-tabs{display:flex;padding:0 10px;background-color:var(--ribbon-accent);gap:2px}.ribbon-tab{padding:4px 12px;cursor:pointer;opacity:0.7;transition:all 0.2s;border-bottom:2px solid transparent;font-size:11px;font-weight:500;display:flex;align-items:center;gap:6px;min-width:60px;justify-content:center}.ribbon-tab ui-tooltip{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ribbon-tab i{font-size:14px}.ribbon-tab:hover{background-color:rgba(255, 255, 255, 0.15);opacity:1}.ribbon-tab:hover i{transform:scale(1.1)}.ribbon-tab.active{background-color:var(--ribbon-bg);color:var(--ribbon-tab-fg);font-weight:600;border-bottom:none;border-radius:4px 4px 0 0;margin-top:4px;padding-top:4px;opacity:1}.ribbon-tab.active i{opacity:1}.ribbon-content{background:var(--editor-bg);border-bottom:1px solid var(--border-color);min-height:0;padding:4px;display:flex;gap:8px;overflow-x:auto}.labels-hover .ribbon-content,.labels-hidden .ribbon-content{min-height:48px}.ribbon-panel{display:flex;gap:12px;height:100%;align-items:stretch}.ribbon-group{display:flex;flex-direction:column;gap:2px;padding-right:12px;border-right:1px solid var(--border-color);height:100%;justify-content:space-between}.ribbon-group:last-child{border-right:none}.ribbon-group.divider{padding:0;width:1px;background:linear-gradient(to bottom, transparent 10%, var(--border-color, #d1d1d1) 20%, var(--border-color, #d1d1d1) 80%, transparent 90%);margin:2px 4px}.ribbon-group-content{display:flex;gap:4px;align-items:center;flex:1}.ribbon-group-label{font-size:9px;color:var(--status-bar-fg);text-align:center;text-transform:uppercase;letter-spacing:0.5px;opacity:0.7}.labels-hidden .ribbon-group-label{display:none}.ribbon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--editor-fg);cursor:pointer;transition:all 0.2s;min-width:32px;font-size:11px}.ribbon-btn i{font-size:16px}.ribbon-btn:hover{background:rgba(144, 144, 144, 0.1);border-color:var(--border-color)}.ribbon-btn.active{background:rgba(0, 122, 204, 0.1);border-color:var(--color-primary, #007acc);color:var(--color-primary, #007acc)}.ribbon-btn.lg{padding:4px 12px;gap:4px;min-width:48px}.ribbon-btn.lg i{font-size:20px}.ribbon-btn.icon-only{padding:4px;min-width:28px;height:28px}.ribbon-btn.icon-only span{display:none}.ribbon-btn.icon-only i{font-size:16px}.ribbon-select-container{display:flex;flex-direction:column;gap:2px;align-items:center}.ribbon-select-container select{padding:2px 4px;font-size:11px;border:1px solid var(--border-color, #ccc);border-radius:3px;background:var(--editor-bg);color:var(--editor-fg);outline:none}.ribbon-select-container span{font-size:10px;opacity:0.7}.help-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:200;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.help-modal{background:var(--editor-bg);color:var(--editor-fg);width:400px;max-width:90%;border-radius:8px;border:1px solid var(--border-color, #454545);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);display:flex;flex-direction:column;overflow:hidden;animation:fadeIn 0.2s ease-out}.help-modal .help-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--status-bar-bg);color:var(--status-bar-fg);border-bottom:1px solid rgba(128, 128, 128, 0.2)}.help-modal .help-header h3{margin:0;font-size:14px;font-weight:600}.help-modal .help-header .close-btn{background:transparent;border:none;color:inherit;cursor:pointer;font-size:14px;padding:4px}.help-modal .help-header .close-btn:hover{opacity:0.8}.help-modal .help-content{padding:16px;display:flex;flex-direction:column;gap:16px}.help-modal .help-section h4{margin:0 0 8px 0;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;opacity:0.7;border-bottom:1px solid rgba(128, 128, 128, 0.2);padding-bottom:4px}.help-modal .help-section ul{list-style:none;padding:0;margin:0;font-size:13px}.help-modal .help-section ul li{margin-bottom:6px;display:flex;align-items:center;gap:8px}.help-modal kbd{background:rgba(128, 128, 128, 0.2);padding:2px 4px;border-radius:3px;font-family:inherit;font-size:11px;border:1px solid rgba(128, 128, 128, 0.3)}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}`;
 
@@ -939,7 +939,7 @@ const AppCodeEditor = class {
         // I'll leave the Folding Logic in place but comment out the Layout shift if it's too risky.
         // Actually, let's try to just filter the `lines` map in `renderLineNumbers` to visually show we handle it,
         // but for the textarea/pre, we CANNOT hide separate lines.
-        return (index.h("div", { key: '321fc92d91bf5365394b866e7efef0bcce5f92e8', class: `code-editor-container ${themeClass}` }, this.renderTabBar(), this.renderToolbar(), this.renderPalette(), index.h("div", { key: '212c74c9fae6bddf8206698c2b7279acc328cdf6', class: "code-editor-layout" }, this.renderSidebar(), index.h("div", { key: '6afeb17b34a66e4cdaf72d8582041913a58d13fc', class: "editor-main-panel" }, this.renderBreadcrumbs(), index.h("div", { key: '7a3e97d74cc5b68250a4471a3e1b9fa858d22b98', class: "editor-main-content", style: { display: 'flex', flex: '1', minHeight: '0', position: 'relative' } }, this.renderLineNumbers(), index.h("div", { key: 'ce569b57f4c9b4365cd9f014d8aff2d1c8679b8b', class: "editor-wrapper" }, this.renderSearch(), this.renderSuggestions(), index.h("ui-button", { key: '629168b1f60cc6a962af7d4f81e0078d5c13f2d4', variant: "ghost", class: "copy-button", onClick: this.handleCopy, ariaLabel: "Copy Code", icon: "copy", iconLibrary: "fontawesome", iconOnly: true }), index.h("pre", { key: 'd4fa13f823d5ba4ab80db9ab66286de099ba28cc', class: "syntax-highlighter", ref: el => this.pre = el, innerHTML: security.sanitizeHTML(this.highlightedCode) }), index.h("textarea", { key: '77d8ec6eb4aa8cea02da3ca30d1b5a992717d319', class: "editor-content", ref: el => this.textarea = el, value: this.value, onInput: this.handleInput, onScroll: this.handleScroll, onKeyDown: this.handleKeydown, onSelect: this.handleSelection, onClick: this.handleSelection, onKeyUp: this.handleSelection, spellcheck: false, readonly: this.readonly, role: "textbox", "aria-multiline": "true", "aria-label": "Code Editor" })), this.renderMinimap()), this.renderBottomPanel())), this.renderStatusBar(), this.renderHelp()));
+        return (index.h("div", { key: '5229f839ffa5013cc1353c43d54c3315d6aa0c11', class: `code-editor-container ${themeClass}` }, this.renderTabBar(), this.renderToolbar(), this.renderPalette(), index.h("div", { key: '6564c00ec9a82be1bcb45a18940fe7556b0393df', class: "code-editor-layout" }, this.renderSidebar(), index.h("div", { key: 'f47ffa82fba7f827560b696c1f7405e65615571b', class: "editor-main-panel" }, this.renderBreadcrumbs(), index.h("div", { key: 'a1fef31453e1575e131734c36e0a4c1b719ea837', class: "editor-main-content", style: { display: 'flex', flex: '1', minHeight: '0', position: 'relative' } }, this.renderLineNumbers(), index.h("div", { key: '20e82ae884cd7bf7adf2fcbe89381b8df7fba253', class: "editor-wrapper" }, this.renderSearch(), this.renderSuggestions(), index.h("ui-button", { key: '35f030759ebe50cbfd90e5b993ddd950b6762956', variant: "ghost", class: "copy-button", onClick: this.handleCopy, ariaLabel: "Copy Code", icon: "copy", iconLibrary: "fontawesome", iconOnly: true }), index.h("pre", { key: 'dcc2605b0183153a60e5242ff75af686c1e2d591', class: "syntax-highlighter", ref: el => this.pre = el, innerHTML: security.sanitizeHTML(this.highlightedCode) }), index.h("textarea", { key: '64339f4a719d2f1b5851cd886b741b56eb5d0e58', class: "editor-content", ref: el => this.textarea = el, value: this.value, onInput: this.handleInput, onScroll: this.handleScroll, onKeyDown: this.handleKeydown, onSelect: this.handleSelection, onClick: this.handleSelection, onKeyUp: this.handleSelection, spellcheck: false, readonly: this.readonly, role: "textbox", "aria-multiline": "true", "aria-label": "Code Editor" })), this.renderMinimap()), this.renderBottomPanel())), this.renderStatusBar(), this.renderHelp()));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-code-preview.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const uiCodePreviewCss = () => `.sr-only.sc-ui-code-preview{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-code-preview{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-code-preview-h{display:block;margin:16px 0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--preview-border-color:var(--border-default, #e0e0e0);--preview-bg-color:var(--bg-primary, var(--text-standard, #ffffff));--preview-toolbar-bg:var(--bg-primary, #f8f9fa);--preview-highlight-color:var(--color-primary, #1976d2);--preview-text-main:var(--text-primary, #202124);--preview-text-muted:var(--text-secondary, #5f6368);--preview-shadow:0 2px 8px rgba(0, 0, 0, 0.08);--code-bg:var(--bg-primary, #1d1f21)}.code-preview-root.sc-ui-code-preview{border:1px solid var(--preview-border-color);border-radius:8px;overflow:hidden;background:var(--preview-bg-color);box-shadow:var(--preview-shadow);transition:box-shadow 0.3s ease}.code-preview-root.sc-ui-code-preview:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.code-toolbar.sc-ui-code-preview{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--preview-toolbar-bg);border-bottom:1px solid var(--preview-border-color);min-height:48px}.left-actions.sc-ui-code-preview{display:flex;align-items:center;gap:16px}.code-label.sc-ui-code-preview{font-size:14px;font-weight:600;color:var(--preview-text-main)}.lang-tabs.sc-ui-code-preview{display:flex;background:var(--bg-primary, #eee);padding:2px;border-radius:6px;gap:2px}.tab-btn.sc-ui-code-preview{background:transparent;border:none;padding:4px 12px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;color:var(--preview-text-muted);transition:all 0.2s ease}.tab-btn.sc-ui-code-preview:hover{color:var(--preview-text-main)}.tab-btn.active.sc-ui-code-preview{background:var(--bg-primary, #ffffff);color:var(--preview-highlight-color);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.right-actions.sc-ui-code-preview{display:flex;align-items:center;gap:8px}.icon-action-btn.sc-ui-code-preview{background:transparent;border:1px solid transparent;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--preview-text-muted);transition:all 0.2s ease;font-size:13px;font-weight:500}.icon-action-btn.sc-ui-code-preview:hover{background:rgba(0, 0, 0, 0.04);color:var(--preview-text-main)}.copy-btn.sc-ui-code-preview{padding:6px}.btn-text.sc-ui-code-preview{user-select:none}.chevron-icon.sc-ui-code-preview{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron-icon.rotated.sc-ui-code-preview{transform:rotate(180deg)}.reset-icon.spinning.sc-ui-code-preview{animation:spin 0.6s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.code-container.sc-ui-code-preview{overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:var(--code-bg)}pre[class*=language-].sc-ui-code-preview{margin:0 !important;padding:20px !important;font-size:13px !important;line-height:1.6 !important;background:var(--code-bg) !important;border-radius:0 !important;max-height:100% !important;overflow:auto !important}code[class*=language-].sc-ui-code-preview{font-family:"Fira Code", "Cascadia Code", "Source Code Pro", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important;text-shadow:none !important}pre.sc-ui-code-preview::-webkit-scrollbar{width:8px;height:8px}pre.sc-ui-code-preview::-webkit-scrollbar-track{background:var(--bg-primary, #25282c)}pre.sc-ui-code-preview::-webkit-scrollbar-thumb{background:var(--bg-secondary, #4a4d51);border-radius:4px}pre.sc-ui-code-preview::-webkit-scrollbar-thumb:hover{background:var(--bg-secondary, #5a5d61)}@media (max-width: 600px){.btn-text.sc-ui-code-preview{display:none}.code-toolbar.sc-ui-code-preview{padding:8px}}`;
 
@@ -284,7 +284,7 @@ const UiCodePreview = class {
         const currentCode = activeSnippet ? activeSnippet.code : '';
         const displayLang = activeSnippet ? activeSnippet.language : 'markup';
         const prismLang = this.getPrismLanguage(displayLang);
-        return (index.h("div", { key: '7a1351cde2fe115457ca505a74ddbeac1f6dcddd', class: { 'code-preview-root': true, 'is-expanded': this.expanded } }, index.h("div", { key: '1f9addfe7e96493bccb7257ddb5069d1a7e70c7e', class: "code-toolbar" }, index.h("div", { key: '080be5bd471895a49e949192b4980dc0de1e6226', class: "left-actions" }, this.label && index.h("span", { key: 'd658281d365881a28fa22b875f5f091b4fe157a4', class: "code-label" }, this.label), this.internalSnippets.length > 1 && (index.h("div", { key: 'e61fb82ff28f045b037bf30310c730c4280fa4d8', class: "lang-tabs" }, this.internalSnippets.map(snippet => (index.h("ui-button", { variant: this.activeLang === snippet.language ? 'primary' : 'ghost', class: { 'active': this.activeLang === snippet.language }, onClick: () => this.activeLang = snippet.language, size: "sm", label: this.getLabel(snippet) }))))), this.internalSnippets.length === 1 && !this.label && (index.h("span", { key: 'd0e2caca56998e929749f305ac2af37be47ea4b6', class: "code-label", style: { opacity: '0.7', fontSize: '12px' } }, this.getLabel(this.internalSnippets[0])))), index.h("div", { key: '49fa1c00084fa56f46acc5efd41a6008abf3a136', class: "right-actions" }, this.showReset && (index.h("ui-button", { key: '4d65ee2605b003d51bb6ec924b086310f3c398f2', variant: "ghost", onClick: this.handleReset, title: "Reset demo", ariaLabel: "Reset demo", icon: "rotate-cw", iconLibrary: "lucide", iconOnly: true, size: "sm", loading: this.resetting })), index.h("ui-button", { key: '0889f503e1703a2f07bc2fbc489282495667637c', variant: "ghost", onClick: this.toggleExpanded, title: this.expanded ? 'Hide code' : 'Show code', ariaLabel: this.expanded ? 'Hide code' : 'Show code', size: "sm", label: this.expanded ? 'Hide code' : 'Show code', icon: this.expanded ? 'chevron-up' : 'chevron-down', iconLibrary: "lucide" }), index.h("ui-button", { key: 'e31e13096084bfeac8115e778423ec6693411b92', variant: "ghost", onClick: this.handleCopy, title: "Copy code", ariaLabel: "Copy code", size: "sm", icon: this.copied ? 'check' : 'copy', iconLibrary: "lucide", iconOnly: true, iconColor: this.copied ? '#4caf50' : undefined }))), index.h("div", { key: '4e94f96825f20eb61feadf421a08cbc76cdec0db', class: "code-container", style: { maxHeight: this.expanded ? '800px' : '0' } }, index.h("pre", { key: '8206cc5718503cdcc151d816897fffdaebdf0195', class: `language-${prismLang}` }, index.h("code", { key: '32aed72ceca967b3f29aaccf03e8746033df5dea', class: `language-${prismLang}` }, currentCode)))));
+        return (index.h("div", { key: '811103de21fb5c3ff463e4088243cfc9105b1273', class: { 'code-preview-root': true, 'is-expanded': this.expanded } }, index.h("div", { key: '79b59a2fe64d31f795f8f10d4ae96eac2156ec70', class: "code-toolbar" }, index.h("div", { key: '96fe58a5fb9fa40551bb9be4b5f5b59339759bee', class: "left-actions" }, this.label && index.h("span", { key: '3eda520830a007b75d8dea1b565b26341afb9974', class: "code-label" }, this.label), this.internalSnippets.length > 1 && (index.h("div", { key: 'dd51e5c06a645a7561c613c68bfdccf4471a1bd5', class: "lang-tabs" }, this.internalSnippets.map(snippet => (index.h("ui-button", { variant: this.activeLang === snippet.language ? 'primary' : 'ghost', class: { 'active': this.activeLang === snippet.language }, onClick: () => this.activeLang = snippet.language, size: "sm", label: this.getLabel(snippet) }))))), this.internalSnippets.length === 1 && !this.label && (index.h("span", { key: 'f5b0ae6583318202d615626051922de254ca5aef', class: "code-label", style: { opacity: '0.7', fontSize: '12px' } }, this.getLabel(this.internalSnippets[0])))), index.h("div", { key: '288495bfd25c894386dff4736b2db81967ae0b08', class: "right-actions" }, this.showReset && (index.h("ui-button", { key: '17ee0a23664d63660bab0d7fc393a07fc73f7eb2', variant: "ghost", onClick: this.handleReset, title: "Reset demo", ariaLabel: "Reset demo", icon: "rotate-cw", iconLibrary: "lucide", iconOnly: true, size: "sm", loading: this.resetting })), index.h("ui-button", { key: '98fa30e525d7714e6fa890fb28ab79427afb72f9', variant: "ghost", onClick: this.toggleExpanded, title: this.expanded ? 'Hide code' : 'Show code', ariaLabel: this.expanded ? 'Hide code' : 'Show code', size: "sm", label: this.expanded ? 'Hide code' : 'Show code', icon: this.expanded ? 'chevron-up' : 'chevron-down', iconLibrary: "lucide" }), index.h("ui-button", { key: '9766773c94ea197a8a9121e684fb9ef70519242c', variant: "ghost", onClick: this.handleCopy, title: "Copy code", ariaLabel: "Copy code", size: "sm", icon: this.copied ? 'check' : 'copy', iconLibrary: "lucide", iconOnly: true, iconColor: this.copied ? '#4caf50' : undefined }))), index.h("div", { key: 'c119a017577a7c95213cc91f152baec31a3d03ac', class: "code-container", style: { maxHeight: this.expanded ? '800px' : '0' } }, index.h("pre", { key: '9c1b4083099695f7cf587df3c234467a4cdc6430', class: `language-${prismLang}` }, index.h("code", { key: '6267458fadcd83701e97f09e2bddbf7132de54bb', class: `language-${prismLang}` }, currentCode)))));
     }
     static get watchers() { return {
         "activeLang": [{