atomicuilibrary 0.1.0 → 0.1.3

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 var security = require('./security-CNaNip8F.js');
 
 const snackbarCss = () => `@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}.snackbar-quick-input{width:100%;margin:12px 0 0 0;display:flex;align-items:center;pointer-events:auto}.snackbar-quick-input input{width:100%;min-width:0;box-sizing:border-box;padding:8px 12px;border-radius:6px;border:1px solid var(--border-default, #e5e7eb);font-size:15px;background:var(--bg-primary, #ffffff);outline:none;transition:border 0.2s, box-shadow 0.2s}.snackbar-quick-input input:focus{border:1.5px solid var(--color-primary, #6366f1);box-shadow:0 0 0 2px var(--color-primary, #c7d2fe)}:host{display:block;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--snackbar-z-index, 10500);transform:translateZ(0);--snackbar-radius:12px;--snackbar-font:inherit;--snackbar-min-width:320px;--snackbar-max-width:440px;--snackbar-z-index:10500;--snackbar-bg:var(--bg-primary, #fdfdfd);--snackbar-color:var(--text-primary, #1f2937);--snackbar-border:rgba(0, 0, 0, 0.08);--snackbar-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--snackbar-success-bg:var(--color-success-hover, #059669);--snackbar-error-bg:var(--color-danger-hover, #dc2626);--snackbar-warning-bg:var(--color-warning-hover, #d97706);--snackbar-info-bg:var(--color-primary-hover, #2563eb);--snackbar-neutral-bg:var(--color-primary, #4b5563);--snackbar-badge-bg:rgba(15, 23, 42, 0.85);--snackbar-badge-color:var(--color-primary, #60a5fa)}.snackbar-container{display:block;position:absolute;z-index:10501;pointer-events:none;width:auto;max-width:100vw;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);max-height:calc(100vh - 40px)}.snackbar-clear-all{pointer-events:auto;align-self:center;margin-bottom:8px;background:rgba(255, 255, 255, 0.9);border:1px solid rgba(0, 0, 0, 0.1);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;color:var(--text-secondary, #4b5563);display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);backdrop-filter:blur(8px);transition:all 0.2s;z-index:2000;}.snackbar-container.card-stack:not(.hovered) .snackbar-clear-all{display:none}.snackbar-clear-all:hover{background:var(--bg-primary, #ffffff);transform:translateY(-1px);box-shadow:0 6px 10px -1px rgba(0, 0, 0, 0.15)}.snackbar-clear-all .kb-hint{background:rgba(0, 0, 0, 0.05);padding:1px 4px;border-radius:3px;font-size:9px;opacity:0.6}.snackbar-badge-btn{background:var(--snackbar-badge-bg, rgba(15, 23, 42, 0.85));color:#fff;border-radius:12px;padding:2px 8px;font-size:10px;border:none;cursor:pointer;display:flex;align-items:center;transition:transform 0.2s;pointer-events:auto}.snackbar-badge-btn:hover{transform:scale(1.05)}.snackbar-badge-btn ui-icon{margin-left:4px;display:flex}.snackbar-history{margin-top:8px;padding:8px;background:rgba(0, 0, 0, 0.03);border-radius:6px;font-size:12px;max-height:120px;overflow-y:auto;scrollbar-width:thin}.snackbar-history .history-item{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid rgba(0, 0, 0, 0.05)}.snackbar-history .history-item:last-child{border-bottom:none}.snackbar-history .history-item .history-time{color:var(--text-secondary, #6b7280);font-family:monospace;white-space:nowrap}.snackbar-history .history-item .history-msg{color:var(--text-primary, #111827)}.theme-dark .snackbar-clear-all{background:var(--bg-primary, #1e293b);color:var(--text-standard, #e2e8f0);border-color:rgba(255, 255, 255, 0.1)}.snackbar-countdown{position:absolute;bottom:28px;right:12px;background:rgba(0, 0, 0, 0.55);color:rgba(255, 255, 255, 0.9);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:0.02em;pointer-events:none;opacity:1;transition:opacity 0.3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;min-width:24px;text-align:center;font-variant-numeric:tabular-nums;}.snackbar-container.rtl .snackbar-countdown{right:auto;left:12px}.snackbar-container:hover .snackbar-countdown{opacity:0}.snackbar-container.top-left{top:0;left:0;align-items:flex-start}.snackbar-container.top-right{top:0;right:0;align-items:flex-end}.snackbar-container.top-center{top:0;left:50%;transform:translateX(-50%);align-items:center}.snackbar-container.bottom-left{bottom:0;left:0;flex-direction:column-reverse;align-items:flex-start}.snackbar-container.bottom-right{bottom:0;right:0;flex-direction:column-reverse;align-items:flex-end}.snackbar-container.bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center}.snackbar-container.rtl.top-left{left:auto;right:0;align-items:flex-end}.snackbar-container.rtl.top-right{right:auto;left:0;align-items:flex-start}.snackbar-container.rtl.bottom-left{left:auto;right:0;align-items:flex-end}.snackbar-container.rtl.bottom-right{right:auto;left:0;align-items:flex-start}.snackbar-container.rtl .snackbar-item.slide-right{animation-name:slideInLeft}.snackbar-container.rtl .snackbar-item.slide-left{animation-name:slideInRight}.snackbar-container:not(.bottom-left):not(.bottom-right):not(.bottom-center) .snackbar-item{order:var(--stack-index)}.snackbar-container.bottom-left,.snackbar-container.bottom-right,.snackbar-container.bottom-center{padding-bottom:24px}.snackbar-container.top-left,.snackbar-container.top-right,.snackbar-container.top-center{padding-top:24px}.stack-count-badge{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:rgba(15, 23, 42, 0.85);color:var(--text-standard, #ffffff);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;cursor:pointer;z-index:200;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.15);transition:all 0.2s ease;pointer-events:auto;white-space:nowrap}.stack-count-badge:hover{background:rgba(15, 23, 42, 0.98);transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.3)}.stack-count-badge .stack-count-number{font-size:13px;font-weight:800;color:var(--color-primary, #60a5fa)}.stack-count-badge .stack-count-label{opacity:0.7;font-weight:500}.snackbar-container.bottom-left .stack-count-badge,.snackbar-container.bottom-right .stack-count-badge,.snackbar-container.bottom-center .stack-count-badge{bottom:auto;top:-18px}.snackbar-container.bottom-left .stack-count-badge:hover,.snackbar-container.bottom-right .stack-count-badge:hover,.snackbar-container.bottom-center .stack-count-badge:hover{transform:translateX(-50%) translateY(2px)}.snackbar-container.top-right .stack-count-badge,.snackbar-container.bottom-right .stack-count-badge{left:auto;right:0;transform:none}.snackbar-container.top-right .stack-count-badge:hover,.snackbar-container.bottom-right .stack-count-badge:hover{transform:translateY(-2px)}.snackbar-container.top-left .stack-count-badge,.snackbar-container.bottom-left .stack-count-badge{left:0;transform:none}.snackbar-container.top-left .stack-count-badge:hover,.snackbar-container.bottom-left .stack-count-badge:hover{transform:translateY(-2px)}.snackbar-container.card-stack{display:flex !important;flex-direction:column;width:360px;max-width:calc(100vw - 32px);min-height:160px;padding:16px;pointer-events:none;overflow:visible;--stack-gap:8px;--stack-shrink:0.04;--stack-opacity:0.15;}.snackbar-container.card-stack::before{content:"";position:absolute;inset:-8px;background:transparent;pointer-events:auto;z-index:0}.snackbar-container.card-stack:not(.hovered) .snackbar-item{position:absolute !important;margin:0 !important;pointer-events:none;transition:transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, width 0.5s ease;width:calc(100% - var(--stack-index, 0) * 14px);opacity:calc(1 - var(--stack-index, 0) * var(--stack-opacity));filter:brightness(calc(1 - var(--stack-index, 0) * 0.08));z-index:calc(50 - var(--stack-index, 0))}.snackbar-container.card-stack.top-left:not(.hovered) .snackbar-item,.snackbar-container.card-stack.top-right:not(.hovered) .snackbar-item,.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item{top:16px;transform:translateY(calc(var(--stack-index, 0) * var(--stack-gap)))}.snackbar-container.card-stack.bottom-left:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-right:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{bottom:16px;transform:translateY(calc(var(--stack-index, 0) * var(--stack-gap) * -1))}.snackbar-container.card-stack.top-right:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-right:not(.hovered) .snackbar-item{right:0;left:auto !important}.snackbar-container.card-stack.top-left:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-left:not(.hovered) .snackbar-item{left:0 !important;right:auto}.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{left:50% !important;right:auto;transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap)))}.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap) * -1))}@keyframes stackSlideFromTop{from{transform:translateX(-50%) translateY(-40px);opacity:0}to{transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap)));opacity:calc(1 - var(--stack-index, 0) * var(--stack-opacity))}}@keyframes stackSlideFromBottom{from{transform:translateX(-50%) translateY(40px);opacity:0}to{transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap) * -1));opacity:calc(1 - var(--stack-index, 0) * var(--stack-opacity))}}.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item{animation:stackSlideFromTop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;animation-delay:calc(var(--stack-index, 0) * 60ms)}.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{animation:stackSlideFromBottom 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;animation-delay:calc(var(--stack-index, 0) * 60ms)}.snackbar-container.card-stack:not(.hovered) .snackbar-item[data-stack-index="0"]{pointer-events:auto;opacity:1 !important;filter:none !important;z-index:100 !important;box-shadow:0 8px 24px rgba(0, 0, 0, 0.18)}.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item[data-stack-index="0"],.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item[data-stack-index="0"]{transform:translateX(-50%) !important}.snackbar-container.card-stack.hovered{pointer-events:auto;align-items:stretch;}.snackbar-container.card-stack.hovered .snackbar-item{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;transform:none !important;opacity:1 !important;filter:none !important;pointer-events:auto;margin:0 0 8px 0 !important;z-index:auto !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.2s ease}.snackbar-container.card-stack.hovered .snackbar-item:last-child{margin-bottom:0 !important}.snackbar-container.card-stack.hovered .snackbar-item:hover{transform:translateY(-2px) !important;box-shadow:0 12px 24px rgba(0, 0, 0, 0.14)}.snackbar-item{box-sizing:border-box;display:flex;flex-direction:column;width:auto;min-width:var(--snackbar-min-width, 320px);max-width:var(--snackbar-max-width, 440px);padding:16px;border-radius:var(--snackbar-radius, 12px);pointer-events:auto;box-shadow:var(--snackbar-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));background:var(--snackbar-bg, #fdfdfd);color:var(--snackbar-color, var(--text-primary, #1f2937));transition:all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.2s ease;position:relative;overflow:visible;backdrop-filter:blur(16px);border:1px solid var(--snackbar-border, rgba(0, 0, 0, 0.08));z-index:calc(100 - var(--stack-index))}.snackbar-item:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.snackbar-item:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:4px;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);background:var(--bg-primary, #ffffff) !important}.snackbar-item{}.snackbar-item.sm{min-width:280px;padding:10px 12px;--snackbar-title-size:13px;--snackbar-msg-size:12px;--snackbar-icon-size:1.1rem;gap:8px}.snackbar-item.md{min-width:320px;padding:16px;--snackbar-title-size:15px;--snackbar-msg-size:14px;--snackbar-icon-size:1.25rem}.snackbar-item.lg{min-width:400px;padding:20px 24px;--snackbar-title-size:18px;--snackbar-msg-size:16px;--snackbar-icon-size:1.5rem;gap:16px}.item-main-row{display:flex;align-items:flex-start;gap:12px;width:100%}.snackbar-content{flex:1;min-width:0}.snackbar-title{font-weight:700;font-size:var(--snackbar-title-size, 15px);color:inherit;margin-bottom:2px;display:flex;align-items:center;gap:8px}.snackbar-message{font-size:var(--snackbar-msg-size, 14px);line-height:1.5;color:inherit;opacity:0.9;margin:0;word-break:break-word;white-space:pre-wrap}.snackbar-icon,.snackbar-custom-icon{font-size:var(--snackbar-icon-size, 1.25rem)}.snackbar-badge{background:rgba(0, 0, 0, 0.1);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:800;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.snackbar-badge.pulse{animation:badgePop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.6);background:var(--color-danger, #fbbf24);color:var(--text-primary, #000);box-shadow:0 0 15px rgba(251, 191, 36, 0.5)}100%{transform:scale(1)}}.snackbar-item.filled{color:var(--text-standard, #ffffff);border:none}.snackbar-item.filled.success{background:var(--snackbar-success-bg, var(--color-success-hover, #059669))}.snackbar-item.filled.error{background:var(--snackbar-error-bg, var(--color-danger-hover, #dc2626))}.snackbar-item.filled.warning{background:var(--snackbar-warning-bg, var(--color-warning-hover, #d97706))}.snackbar-item.filled.info{background:var(--snackbar-info-bg, var(--color-primary-hover, #2563eb))}.snackbar-item.filled.neutral{background:var(--snackbar-neutral-bg, #4b5563)}.snackbar-item.filled.loading{background:var(--snackbar-neutral-bg, #4b5563)}.snackbar-item.glass{background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.4);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);color:var(--text-primary, #1e293b)}.snackbar-item.glass.success{border-left:4px solid var(--color-success, #10b981);background:rgba(236, 253, 245, 0.6)}.snackbar-item.glass.error{border-left:4px solid var(--color-danger, #ef4444);background:rgba(254, 242, 242, 0.6)}.snackbar-item.glass.warning{border-left:4px solid var(--color-warning, #f59e0b);background:rgba(255, 251, 235, 0.6)}.snackbar-item.glass.info{border-left:4px solid var(--color-primary, #10b981);background:rgba(239, 246, 255, 0.6)}.snackbar-item.glass .snackbar-action-btn:not(.variant-danger){background:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.1);color:var(--color-primary, #334155)}.snackbar-item.glass .snackbar-action-btn:not(.variant-danger):hover{background:rgba(0, 0, 0, 0.1)}.snackbar-item.outlined{background:rgba(255, 255, 255, 0.9);border-width:1.5px;border-style:solid}.snackbar-item.outlined.success{border-color:var(--color-success-hover, #059669);color:var(--color-success-hover, #059669)}.snackbar-item.outlined.error{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.snackbar-item.outlined.warning{border-color:var(--color-warning-hover, #d97706);color:var(--color-warning-hover, #d97706)}.snackbar-item.outlined.info{border-color:var(--color-primary-hover, #2563eb);color:var(--color-primary-hover, #2563eb)}.snackbar-item.outlined.neutral{border-color:var(--border-strong, #4b5563);color:var(--text-secondary, #4b5563)}.snackbar-item.soft{background:rgba(255, 255, 255, 0.95)}.snackbar-item.soft.success{border-left:4px solid var(--color-success, #10b981);background:var(--bg-primary, #ecfdf5);color:var(--color-primary, #065f46)}.snackbar-item.soft.success .snackbar-title,.snackbar-item.soft.success .snackbar-icon{color:var(--color-success-hover, #059669)}.snackbar-item.soft.error{border-left:4px solid var(--color-danger, #ef4444);background:var(--bg-primary, #fef2f2);color:var(--color-danger, #991b1b)}.snackbar-item.soft.error .snackbar-title,.snackbar-item.soft.error .snackbar-icon{color:var(--color-danger-hover, #dc2626)}.snackbar-item.soft.warning{border-left:4px solid var(--color-warning, #f59e0b);background:var(--bg-primary, #fffbeb);color:var(--color-danger, #92400e)}.snackbar-item.soft.warning .snackbar-title,.snackbar-item.soft.warning .snackbar-icon{color:var(--color-warning-hover, #d97706)}.snackbar-item.soft.info{border-left:4px solid var(--color-primary, #10b981);background:var(--bg-primary, #eff6ff);color:var(--color-primary, #1e40af)}.snackbar-item.soft.info .snackbar-title,.snackbar-item.soft.info .snackbar-icon{color:var(--color-primary-hover, #2563eb)}.snackbar-item.soft.neutral{border-left:4px solid var(--color-primary, #475569);background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.snackbar-item.soft.neutral .snackbar-title,.snackbar-item.soft.neutral .snackbar-icon{color:var(--color-primary, #475569)}.snackbar-item.neutral:not(.filled),.snackbar-item.loading:not(.filled){background:var(--bg-primary, #f8fafc);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #334155)}.snackbar-item.filled.success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.snackbar-item.filled.error{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.snackbar-item.filled.warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.snackbar-item.filled.info{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.snackbar-item.filled.neutral{background:var(--color-primary, #334155);color:var(--text-standard, #ffffff)}.snackbar-item.filled.loading{background:var(--color-primary, #475569);color:var(--text-standard, #ffffff)}.snackbar-item.sovereign{background:linear-gradient(135deg, var(--bg-primary, #1e293b) 0%, var(--bg-secondary, #0f172a) 100%);color:var(--color-danger, #fbbf24);border:1px solid rgba(251, 191, 36, 0.4);box-shadow:0 0 20px rgba(251, 191, 36, 0.15), 0 10px 15px -3px rgba(0, 0, 0, 0.3);overflow:hidden}.snackbar-item.sovereign::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(251, 191, 36, 0.1) 0%, transparent 70%);opacity:0.5;animation:sovereignPulse 4s infinite alternate}.snackbar-item.sovereign .snackbar-title{color:var(--color-danger, #fbbf24);text-shadow:0 0 8px rgba(251, 191, 36, 0.4);letter-spacing:0.05em}.snackbar-item.sovereign .snackbar-badge{background:var(--color-danger, #fbbf24);color:var(--text-primary, #0f172a)}.snackbar-item.sovereign .snackbar-progress{background:var(--color-danger, #fbbf24);box-shadow:0 0 10px var(--color-danger, #fbbf24);height:3px}.snackbar-item.sovereign .snackbar-icon{color:var(--color-danger, #fbbf24);filter:drop-shadow(0 0 5px rgba(251, 191, 36, 0.6))}@keyframes sovereignPulse{0%{transform:scale(1) translate(0, 0);opacity:0.3}100%{transform:scale(1.2) translate(5%, 5%);opacity:0.6}}.snackbar-item.theme-dark{background:var(--bg-secondary, #111827);color:var(--text-standard, #ffffff);border-color:rgba(255, 255, 255, 0.1);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.5)}.snackbar-item{opacity:0;transition:all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease;max-height:200px}.snackbar-item.slide-up{transform:translateY(40px) scale(0.9)}.snackbar-item.slide-down{transform:translateY(-40px) scale(0.9)}.snackbar-item.slide-left{transform:translateX(-100%) scale(0.9)}.snackbar-item.slide-right{transform:translateX(100%) scale(0.9)}.snackbar-item.fade{transform:scale(0.95)}.snackbar-item.scale{transform:scale(0.1)}.snackbar-item.spring{transform:translateY(100px)}.snackbar-item.show{opacity:1;transform:translate(0, 0) scale(1)}.snackbar-item.closing{opacity:0 !important;transform:scale(0.8) translateY(20px) !important;pointer-events:none;max-height:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;overflow:hidden;filter:blur(8px)}.snackbar-container.top-left .snackbar-item.closing,.snackbar-container.top-right .snackbar-item.closing,.snackbar-container.top-center .snackbar-item.closing{transform:scale(0.8) translateY(-20px) !important}.snackbar-item.spring.show{animation:springEntry 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards}@keyframes springEntry{0%{transform:translateY(100px) scale(0.4);opacity:0}70%{transform:translateY(-10px) scale(1.05);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}.snackbar-item.bounce.show{animation:bounceIn 0.5s cubic-bezier(0.36, 0, 0.66, -0.56) forwards}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.1);opacity:1}70%{transform:scale(0.9)}100%{transform:scale(1)}}.snackbar-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.snackbar-action-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background:rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.1);color:inherit;cursor:pointer;transition:all 0.2s}.snackbar-action-btn:hover{background:rgba(0, 0, 0, 0.2)}.snackbar-item.filled .snackbar-action-btn{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3)}.snackbar-item.filled .snackbar-action-btn:hover{background:rgba(255, 255, 255, 0.3)}.snackbar-action-btn.variant-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border-color:var(--color-primary-hover, #2563eb)}.snackbar-action-btn.variant-primary:hover{background:var(--color-primary-hover, #2563eb)}.snackbar-action-btn.variant-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border-color:var(--color-danger-hover, #dc2626)}.snackbar-action-btn.variant-danger:hover{background:var(--color-danger-hover, #dc2626)}.snackbar-action-btn.variant-text{background:transparent;border:none;font-weight:600;padding:4px 6px}.snackbar-action-btn.variant-text:hover{text-decoration:underline;background:rgba(0, 0, 0, 0.05)}.snackbar-link{font-size:12px;text-decoration:underline;color:inherit;opacity:0.8;font-weight:500}.snackbar-link:hover{opacity:1}.snackbar-progress{position:absolute;bottom:0;left:0;height:4px;background:rgba(255, 255, 255, 0.5);width:0%;transition:width linear;}.snackbar-container.hovered .snackbar-progress{animation:progressPulse 2s infinite ease-in-out}@keyframes progressPulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.snackbar-item:not(.filled) .snackbar-progress,.snackbar-item.neutral.filled .snackbar-progress,.snackbar-item.outlined .snackbar-progress,.snackbar-item.soft .snackbar-progress{background:currentColor;opacity:0.15}.snackbar-progress-ring{position:absolute;top:12px;right:12px;width:20px;height:20px;transform:rotate(-90deg)}.snackbar-progress-ring circle{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:56.5;stroke-dashoffset:56.5;opacity:0.3}.snackbar-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0.6;transition:all 0.2s}.snackbar-close:hover{opacity:1;background:rgba(0, 0, 0, 0.05)}.snackbar-icon-draw{width:24px;height:24px}.circle{stroke-dasharray:157;stroke-dashoffset:157;stroke-width:2;stroke-miterlimit:10;stroke:currentColor;fill:none;animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:currentColor;stroke-width:3;animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}.snackbar-history-indicator{margin-top:12px;border-top:1px solid rgba(0, 0, 0, 0.05);padding-top:8px;width:100%}.expand-history-btn{background:transparent;border:none;font-size:11px;font-weight:600;color:inherit;opacity:0.6;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px}.expand-history-btn:hover{opacity:1;text-decoration:underline}.snackbar-history-list{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;gap:6px}.snackbar-item.history-expanded .snackbar-history-list{max-height:150px;margin-top:8px;overflow-y:auto}.history-item{display:flex;flex-direction:column;padding:6px 8px;background:rgba(0, 0, 0, 0.03);border-radius:4px;font-size:12px}.history-item .history-time{font-size:10px;font-weight:700;opacity:0.5}.history-item .history-msg{opacity:0.8}.theme-dark .history-item{background:rgba(255, 255, 255, 0.05)}.snackbar-item.filled .history-item{background:rgba(255, 255, 255, 0.1)}.snackbar-loading-spinner{width:18px;height:18px;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:var(--bg-primary, #ffffff);animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.snackbar-quick-input{width:100%;margin-top:8px}.snackbar-quick-input input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.1);background:rgba(255, 255, 255, 0.5);font-size:13px;outline:none}.snackbar-quick-input input:focus{border-color:var(--color-primary, #10b981);background:var(--bg-primary, #ffffff)}@media (max-width: 500px){.snackbar-container{left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;transform:none !important;padding:12px !important;bottom:0 !important;top:auto !important;}.snackbar-container.top-left,.snackbar-container.top-right,.snackbar-container.top-center{top:0 !important;bottom:auto !important}.snackbar-item{width:100% !important;min-width:0 !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important}.snackbar-clear-all{width:auto;align-self:center}.snackbar-container.card-stack{min-width:0 !important}.snackbar-container.card-stack::before{display:none}.snackbar-container.card-stack{}}@keyframes sb-particle-burst{0%{transform:translate(-50%, -50%) translate(0, 0) scale(0) rotate(0deg);opacity:0}15%{opacity:1;transform:translate(-50%, -50%) translate(calc(var(--tx) * 0.25px), calc(var(--ty) * 0.25px)) scale(var(--s)) rotate(calc(var(--r) * 0.2deg))}80%{opacity:0.7}100%{transform:translate(-50%, -50%) translate(calc(var(--tx) * 1px), calc(var(--ty) * 1px)) scale(0) rotate(calc(var(--r) * 1deg));opacity:0}}@keyframes sb-particle-float{0%{transform:translate(-50%, -50%) translate(0, 0) scale(0.5) rotate(0deg);opacity:0}20%{opacity:1}100%{transform:translate(-50%, -50%) translate(calc(var(--tx) * 0.5px), calc(var(--ty) * 1px)) scale(0) rotate(calc(var(--r) * 0.5deg));opacity:0}}@keyframes sb-particle-glint{0%{transform:translate(-50%, -50%) scale(0);opacity:0}30%{transform:translate(-50%, -50%) scale(1.6);opacity:1}100%{transform:translate(-50%, -50%) scale(0.3);opacity:0}}.sb-particle{position:absolute;top:50%;left:50%;pointer-events:none;will-change:transform, opacity;z-index:1000;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);animation-duration:var(--d, 1.2s);animation-delay:var(--delay, 0s)}.sb-particle.sb-particle--burst{width:var(--size, 8px);height:var(--size, 8px);border-radius:50%;background:radial-gradient(circle, #fbbf24 0%, #f97316 60%, transparent 100%);box-shadow:0 0 6px 1px rgba(251, 191, 36, 0.5019607843);animation-name:sb-particle-burst}.sb-particle.sb-particle--float{font-size:var(--size, 14px);line-height:1;animation-name:sb-particle-float}.sb-particle.sb-particle--glint{width:var(--size, 6px);height:var(--size, 6px);border-radius:50%;background:#fff;box-shadow:0 0 4px 2px rgba(255, 255, 255, 0.5019607843);animation-name:sb-particle-glint}.snackbar-particle{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000;opacity:0;will-change:transform, opacity}.snackbar-particle.type-glow{width:8px;height:8px;background:radial-gradient(circle, #fbbf24 0%, transparent 70%);border-radius:50%;box-shadow:0 0 10px #fbbf24;animation:snackbarParticleExplode 1.6s cubic-bezier(0.19, 1, 0.22, 1) forwards}.snackbar-particle.type-emoji{animation:snackbarParticleExplodeRotate 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards;white-space:nowrap}@keyframes snackbarParticleExplode{0%{transform:translate(-50%, -50%) scale(0);opacity:0}20%{transform:translate(-50%, -50%) scale(1.5);opacity:1}100%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0);opacity:0}}@keyframes snackbarParticleExplodeRotate{0%{transform:translate(-50%, -50%) scale(0) rotate(0deg);opacity:0}20%{transform:translate(-50%, -50%) scale(1.5) rotate(0deg);opacity:1}100%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0) rotate(var(--rot));opacity:0}}`;

package/dist/cjs/ui-speed-dial.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const speedDialCss = () => `.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;z-index:1000;position:fixed;left:auto;right:auto;top:auto;bottom:auto}:host(.speed-dial-strategy-absolute){position:absolute}:host(.speed-dial-strategy-fixed){position:fixed}.speed-dial-container{position:relative}:host(.speed-dial-top-left){top:var(--speed-dial-top, 24px);left:var(--speed-dial-left, 24px)}:host(.speed-dial-top-right){top:var(--speed-dial-top, 24px);right:var(--speed-dial-right, 24px)}:host(.speed-dial-bottom-left){bottom:var(--speed-dial-bottom, 24px);left:var(--speed-dial-left, 24px)}:host(.speed-dial-bottom-right){bottom:var(--speed-dial-bottom, 24px);right:var(--speed-dial-right, 24px)}:host(.speed-dial-center),:host(.speed-dial-bottom-center){left:50%;bottom:var(--speed-dial-bottom, 24px);transform:translateX(-50%)}:host(.speed-dial-top-center){left:50%;top:var(--speed-dial-top, 24px);transform:translateX(-50%)}:host(.speed-dial-center-left){left:var(--speed-dial-left, 24px);top:50%;transform:translateY(-50%)}:host(.speed-dial-center-right){right:var(--speed-dial-right, 24px);top:50%;transform:translateY(-50%)}.speed-dial-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;animation:fadeIn 0.2s forwards;z-index:-1}.speed-dial-glassy .speed-dial-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes fadeIn{to{opacity:1}}.speed-dial-button{position:relative;z-index:2;display:flex !important;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);outline:none;-webkit-tap-highlight-color:transparent;background:transparent !important;border:none;padding:0;margin:0}.speed-dial-elastic .speed-dial-button{animation:speed-dial-elastic-anim 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes speed-dial-elastic-anim{0%{transform:scale(1)}30%{transform:scale(1.15, 0.85)}60%{transform:scale(0.9, 1.1)}100%{transform:scale(1)}}.speed-dial-button:hover{box-shadow:0 6px 12px rgba(0, 0, 0, 0.3);transform:scale(1.05)}.speed-dial-button:active{transform:scale(0.95)}.speed-dial-button-open:not(.speed-dial-button-has-toggle-icon){transform:rotate(45deg)}.speed-dial-button-open:not(.speed-dial-button-has-toggle-icon):hover{transform:rotate(45deg) scale(1.05)}.speed-dial-sm .speed-dial-button{width:40px;height:40px;font-size:18px}.speed-dial-sm .speed-dial-button{width:40px;height:40px;font-size:20px}.speed-dial-md .speed-dial-button{width:56px;height:56px;font-size:24px}.speed-dial-lg .speed-dial-button{width:72px;height:72px;font-size:32px}.speed-dial-icon{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.speed-dial-actions{position:absolute;display:flex;gap:12px;z-index:1}.speed-dial-actions-up{flex-direction:column-reverse;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:12px}.speed-dial-actions-down{flex-direction:column;top:100%;left:50%;transform:translateX(-50%);margin-top:12px}.speed-dial-actions-left{flex-direction:row-reverse;right:100%;top:50%;transform:translateY(-50%);margin-right:12px}.speed-dial-actions-right{flex-direction:row;left:100%;top:50%;transform:translateY(-50%);margin-left:12px}.speed-dial-layout-radial,.speed-dial-layout-arc{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;overflow:visible}.speed-dial-layout-radial .speed-dial-action-wrapper,.speed-dial-layout-arc .speed-dial-action-wrapper{position:absolute;top:50%;left:50%;margin:-24px;transform-origin:center center;transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);--angle:var(--item-angle, 0deg);--radius:100px;transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle))) scale(0);opacity:0}.speed-dial-open .speed-dial-layout-radial .speed-dial-action-wrapper,.speed-dial-open .speed-dial-layout-arc .speed-dial-action-wrapper{transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle))) scale(1);opacity:1}.speed-dial-action-wrapper{position:relative;opacity:0;transform:scale(0);animation:actionAppear 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards}@keyframes actionAppear{from{opacity:0;transform:translate(0, 0) scale(0)}to{opacity:1;transform:var(--translation, translate(0, 0)) scale(1)}}.speed-dial-layout-linear .speed-dial-action-wrapper{--translation:translate(0, 0)}.speed-dial-layout-radial .speed-dial-action-wrapper,.speed-dial-layout-arc .speed-dial-action-wrapper{--translation:translate(calc(cos(var(--angle)) * var(--radius)), calc(sin(var(--angle)) * -1 * var(--radius)))}.speed-dial-action{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;background:transparent !important;border:none}.speed-dial-sm .speed-dial-action{width:36px;height:36px;font-size:16px}.speed-dial-md .speed-dial-action{width:48px;height:48px;font-size:20px}.speed-dial-lg .speed-dial-action{width:60px;height:60px;font-size:24px}.speed-dial-action:hover:not(.speed-dial-action-disabled){box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);transform:scale(1.1)}.speed-dial-action:active:not(.speed-dial-action-disabled){transform:scale(0.95)}.speed-dial-action-disabled{opacity:0.5;cursor:not-allowed}.speed-dial-action-icon{display:flex;align-items:center;justify-content:center}.speed-dial-action-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);border:2px solid var(--bg-primary, #ffffff)}.speed-dial-action-shortcut{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:var(--color-primary, #374151);color:var(--text-standard, #ffffff);font-size:8px;padding:1px 4px;border-radius:4px;font-weight:700;text-transform:uppercase;z-index:1000;pointer-events:none}.speed-dial-action-shortcut.speed-dial-dragging{pointer-events:auto;z-index:2000}.speed-dial-action-shortcut{opacity:0.8}.speed-dial-tooltip{position:absolute;background-color:rgba(0, 0, 0, 0.85);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:1001}.speed-dial-action-wrapper:hover .speed-dial-tooltip{opacity:1}.speed-dial-tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.speed-dial-tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.speed-dial-tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px}.speed-dial-tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:8px}.speed-dial-tooltip::after{content:"";position:absolute;width:0;height:0;border:4px solid transparent}.speed-dial-tooltip-left::after{right:-8px;top:50%;transform:translateY(-50%);border-left-color:rgba(0, 0, 0, 0.85)}.speed-dial-tooltip-right::after{left:-8px;top:50%;transform:translateY(-50%);border-right-color:rgba(0, 0, 0, 0.85)}.speed-dial-tooltip-top::after{bottom:-8px;left:50%;transform:translateX(-50%);border-top-color:rgba(0, 0, 0, 0.85)}.speed-dial-tooltip-bottom::after{top:-8px;left:50%;transform:translateX(-50%);border-bottom-color:rgba(0, 0, 0, 0.85)}.speed-dial-button:focus-visible,.speed-dial-action:focus-visible{outline:2px solid var(--color-primary-hover, #2563eb);outline-offset:2px}`;
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
-const speedometerCss = () => `.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}.speedometer-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.speedometer-svg{display:block}.value-arc{transition:stroke 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.needle{transition:transform 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.tick-label{font-size:11px;fill:var(--text-muted, #6b7280);font-weight:500}.value-display{position:absolute;bottom:var(--value-bottom, 8px);left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.value-number-svg{font-size:32px;font-weight:700;fill:var(--text-primary, #1f2937);transition:fill 0.3s ease}.value-unit-svg{font-size:18px;font-weight:500;fill:var(--text-muted, #6b7280)}.value-label-svg{font-size:13px;fill:var(--text-muted, #6b7280);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.speedometer-container:hover .value-arc{filter:drop-shadow(0 4px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3))}`;
+const speedometerCss = () => `.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}.speedometer-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.speedometer-svg{display:block}.value-arc{transition:stroke 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.needle{transition:transform 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.tick-label{font-size:12px;fill:var(--text-secondary, #475569);opacity:0.98;font-weight:700;stroke:var(--bg-primary, #ffffff);stroke-width:3px;stroke-linejoin:round}.tick-mark{opacity:0.95}.value-display{position:absolute;bottom:var(--value-bottom, 8px);left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.value-number-svg{font-size:32px;font-weight:700;fill:currentColor;transition:fill 0.3s ease}.value-unit-svg{font-size:18px;font-weight:500;fill:currentColor;opacity:0.6}.value-label-svg{font-size:13px;fill:currentColor;opacity:0.6;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.speedometer-container:hover .value-arc{filter:drop-shadow(0 4px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3))}@media (prefers-color-scheme: dark){.tick-label{fill:var(--text-primary, #e5e7eb);stroke:rgba(15, 23, 42, 0.9)}.tick-mark{opacity:1}}`;
 
 const Speedometer = class {
     constructor(hostRef) {
@@ -165,6 +165,19 @@ const Speedometer = class {
             this.parsedGradients = gradString.split(',').map(s => s.trim());
         }
     }
+    getEffectiveRanges() {
+        if (this.parsedRanges.length > 0) {
+            return this.parsedRanges;
+        }
+        const span = this.maxValue - this.minValue;
+        const greenMax = this.minValue + span * 0.4;
+        const orangeMax = this.minValue + span * 0.7;
+        return [
+            { min: this.minValue, max: greenMax, color: 'var(--color-success, #22c55e)' },
+            { min: greenMax, max: orangeMax, color: 'var(--color-warning, #f59e0b)' },
+            { min: orangeMax, max: this.maxValue, color: 'var(--color-danger, #ef4444)' },
+        ];
+    }
     animateToValue(targetValue) {
         if (this.animationFrame) {
             cancelAnimationFrame(this.animationFrame);
@@ -286,11 +299,9 @@ const Speedometer = class {
         }
     }
     getColorForValue(value) {
-        if (this.parsedRanges.length === 0) {
-            return 'var(--primary-color)'; // Default theme-based color
-        }
-        const range = this.parsedRanges.find(r => value >= r.min && value <= r.max);
-        return range ? range.color : this.parsedRanges[0].color;
+        const effectiveRanges = this.getEffectiveRanges();
+        const range = effectiveRanges.find(r => value >= r.min && value <= r.max);
+        return range ? range.color : effectiveRanges[0].color;
     }
     valueToAngle(value) {
         const percentage = (value - this.minValue) / (this.maxValue - this.minValue);
@@ -326,33 +337,33 @@ const Speedometer = class {
         if (this.parsedGradients.length > 1) {
             strokeColor = `url(#${this.gradientId})`;
         }
-        return (index.h("g", null, index.h("defs", null, this.parsedGradients.length > 1 && (index.h("linearGradient", { id: this.gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%" }, this.parsedGradients.map((color, index$1) => (index.h("stop", { offset: `${(index$1 / (this.parsedGradients.length - 1)) * 100}%`, "stop-color": color })))))), index.h("path", { d: backgroundPath, fill: "none", stroke: "#e5e7eb", "stroke-width": strokeWidth, "stroke-linecap": "round" }), this.parsedRanges.length > 0 ? (this.parsedRanges.map(range => {
+        return (index.h("g", null, index.h("defs", null, this.parsedGradients.length > 1 && (index.h("linearGradient", { id: this.gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%" }, this.parsedGradients.map((color, index$1) => (index.h("stop", { key: `${color}-${index$1}`, offset: `${(index$1 / (this.parsedGradients.length - 1)) * 100}%`, "stop-color": color })))))), index.h("path", { d: backgroundPath, fill: "none", stroke: "#e5e7eb", "stroke-width": strokeWidth, "stroke-linecap": "round" }), this.getEffectiveRanges().map((range, index$1) => {
             const rangeStartAngle = this.valueToAngle(range.min);
             const rangeEndAngle = this.valueToAngle(range.max);
             const rangePath = this.createArc(center, center, radius, rangeStartAngle, rangeEndAngle);
-            return (index.h("path", { d: rangePath, fill: "none", stroke: range.color, "stroke-width": strokeWidth, "stroke-linecap": "round", opacity: "0.3" }));
-        })) : null, index.h("path", { d: valuePath, fill: "none", stroke: strokeColor, "stroke-width": strokeWidth, "stroke-linecap": "round", class: "value-arc" })));
+            return (index.h("path", { key: `${range.min}-${range.max}-${index$1}`, d: rangePath, fill: "none", stroke: range.color, "stroke-width": strokeWidth, "stroke-linecap": "round", opacity: "0.38", class: "range-segment" }));
+        }), index.h("path", { d: valuePath, fill: "none", stroke: strokeColor, "stroke-width": strokeWidth, "stroke-linecap": "round", class: "value-arc" })));
     }
     renderTicks() {
         if (!this.showTicks)
             return null;
         const center = this.size / 2;
         const outerRadius = (this.size / 2) - 20;
-        const innerRadius = outerRadius - 10;
+        const innerRadius = outerRadius - 12;
+        const labelRadius = innerRadius - Math.max(20, Math.round(this.size * 0.08));
         const ticks = [];
         for (let i = 0; i <= this.tickCount; i++) {
             const percentage = i / this.tickCount;
             const angle = this.startAngle + (this.endAngle - this.startAngle) * percentage;
             const outer = this.polarToCartesian(center, center, outerRadius, angle);
             const inner = this.polarToCartesian(center, center, innerRadius, angle);
-            ticks.push(index.h("line", { x1: outer.x, y1: outer.y, x2: inner.x, y2: inner.y, stroke: "#9ca3af", "stroke-width": "2", "stroke-linecap": "round" }));
+            ticks.push(index.h("line", { x1: outer.x, y1: outer.y, x2: inner.x, y2: inner.y, stroke: "var(--text-secondary, #64748b)", "stroke-width": "2.5", "stroke-linecap": "round", class: "tick-mark" }));
             // Add labels for major ticks
             if (i % 2 === 0) {
-                const labelRadius = innerRadius - 15;
                 const labelPos = this.polarToCartesian(center, center, labelRadius, angle);
                 const tickValue = this.minValue + (this.maxValue - this.minValue) * percentage;
                 const displayValue = Math.round(tickValue);
-                ticks.push(index.h("text", { x: labelPos.x, y: labelPos.y, "text-anchor": "middle", "dominant-baseline": "middle", class: "tick-label" }, this.parsedLabels[tickValue] !== undefined ? this.parsedLabels[tickValue] : displayValue));
+                ticks.push(index.h("text", { x: labelPos.x, y: labelPos.y, "text-anchor": "middle", "dominant-baseline": "middle", class: "tick-label", "paint-order": "stroke" }, this.parsedLabels[tickValue] ?? displayValue));
             }
         }
         return index.h("g", null, ticks);
@@ -395,10 +406,10 @@ const Speedometer = class {
         const displayUnit = this.showPercentage ? '%' : this.unit;
         const center = this.size / 2;
         const valueY = this.size - Math.max(15, Math.round(this.size * 0.1));
-        return (index.h("g", { class: "value-group", style: { fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' } }, index.h("text", { x: center, y: valueY, "text-anchor": "middle", class: "value-number-svg", fill: "currentColor", "font-weight": "700" }, displayValue, displayUnit && index.h("tspan", { class: "value-unit-svg", "font-size": "0.6em", dx: "4", "font-weight": "500" }, displayUnit)), this.label && (index.h("text", { x: center, y: valueY + 20, "text-anchor": "middle", class: "value-label-svg", fill: "#9ca3af", "font-size": "12", "font-weight": "500", style: { textTransform: 'uppercase', letterSpacing: '0.5px' } }, this.label))));
+        return (index.h("g", { class: "value-group", style: { fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' } }, index.h("text", { x: center, y: valueY, "text-anchor": "middle", class: "value-number-svg", fill: "currentColor", "font-weight": "700" }, displayValue, displayUnit && index.h("tspan", { class: "value-unit-svg", "font-size": "0.6em", dx: "4", "font-weight": "500" }, displayUnit)), this.label && (index.h("text", { x: center, y: valueY + 20, "text-anchor": "middle", class: "value-label-svg", "font-size": "12", "font-weight": "500", style: { textTransform: 'uppercase', letterSpacing: '0.5px' } }, this.label))));
     }
     render() {
-        return (index.h("div", { key: '570b60c58715ce7a233153441a669a866e4df90a', class: {
+        return (index.h("div", { key: '79553b35dfa7f6238e8f71e157af9be8071b38f3', class: {
                 'speedometer-container': true,
                 'interactive': this.interactive,
                 'is-dragging': this.isDragging
@@ -406,7 +417,7 @@ const Speedometer = class {
                 width: `${this.size}px`,
                 height: `${this.size}px`,
                 cursor: this.interactive ? (this.isDragging ? 'grabbing' : 'grab') : 'default'
-            } }, index.h("svg", { key: 'a05ee4e7e85418f36e106209ec363f84071ff58f', width: this.size, height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, class: "speedometer-svg" }, this.renderArc(), this.renderTicks(), this.secondaryValue !== undefined && this.renderNeedle(this.secondaryValue, '#9ca3af', true), this.renderNeedle(this.animatedValue, this.needleColor), this.renderValue())));
+            } }, index.h("svg", { key: 'b7d59896164480aec8d960c116e460b6a0a7c86d', width: this.size, height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, class: "speedometer-svg" }, this.renderArc(), this.renderTicks(), this.secondaryValue !== undefined && this.renderNeedle(this.secondaryValue, '#9ca3af', true), this.renderNeedle(this.animatedValue, this.needleColor), this.renderValue())));
     }
     static get watchers() { return {
         "value": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const splitterCss = () => `.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%;--gutter-size:8px;--gutter-color:var(--text-standard, #e5e7eb);--gutter-hover-color:var(--color-primary, #10b981);--panel-bg:var(--bg-primary, #ffffff);--panel-border:var(--border-default, #e5e7eb)}.splitter-container{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.splitter-horizontal{flex-direction:row}.splitter-vertical{flex-direction:column}.splitter-rounded{border-radius:8px;overflow:hidden}.splitter-elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.splitter-panel{position:relative;overflow:auto;background:var(--panel-bg);flex-shrink:0}.splitter-panel::-webkit-scrollbar{width:8px;height:8px}.splitter-panel::-webkit-scrollbar-track{background:var(--bg-primary, #f1f1f1)}.splitter-panel::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #888);border-radius:4px}.splitter-panel::-webkit-scrollbar-thumb:hover{background:var(--bg-secondary, #555)}.splitter-panel-animated{transition:width 0.3s ease, height 0.3s ease}.splitter-panel-collapsed{overflow:hidden}.splitter-gutter{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:col-resize;transition:background-color 0.2s ease;user-select:none}.splitter-gutter i{color:var(--text-muted, #9ca3af);font-size:12px;pointer-events:none;transition:color 0.2s ease}.splitter-gutter:hover i,.splitter-gutter.splitter-gutter-active i{color:var(--text-standard, #ffffff)}.splitter-gutter-vertical{cursor:row-resize}.splitter-gutter-horizontal{cursor:col-resize}.splitter-gutter-active{background:var(--gutter-hover-color) !important;z-index:10}.splitter-gutter-hovered{background:var(--gutter-hover-color)}.splitter-collapse-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:var(--bg-secondary, #f3f4f6);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:5}.splitter-collapse-btn i{font-size:12px;color:var(--text-muted, #6b7280)}.splitter-collapse-btn:hover{background:var(--bg-primary, #e5e7eb);transform:scale(1.1)}.splitter-collapse-btn:hover i{color:var(--text-secondary, #374151)}.splitter-collapse-btn:active{transform:scale(0.95)}.splitter-dragging{cursor:col-resize;user-select:none}.splitter-dragging .splitter-panel{pointer-events:none}.splitter-dragging.splitter-vertical{cursor:row-resize}.splitter-rtl{direction:rtl}.splitter-rtl .splitter-collapse-btn{right:auto;left:8px}.splitter-theme-dark{--panel-bg:var(--bg-primary, #1f2937);--panel-border:var(--border-default, #374151);--gutter-color:var(--text-secondary, #374151);--gutter-hover-color:var(--color-primary, #10b981)}.splitter-theme-dark .splitter-panel{color:var(--text-standard, #f9fafb)}.splitter-theme-dark .splitter-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #111827)}.splitter-theme-dark .splitter-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.splitter-theme-dark .splitter-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.splitter-theme-dark .splitter-collapse-btn{background:var(--color-primary, #374151)}.splitter-theme-dark .splitter-collapse-btn i{color:var(--text-muted, #9ca3af)}.splitter-theme-dark .splitter-collapse-btn:hover{background:var(--color-primary, #4b5563)}.splitter-theme-dark .splitter-collapse-btn:hover i{color:var(--bg-secondary, #d1d5db)}.splitter-theme-dark .splitter-gutter i{color:var(--text-muted, #6b7280)}@media (prefers-color-scheme: dark){.splitter-theme-auto{--panel-bg:var(--bg-primary, #1f2937);--panel-border:var(--border-default, #374151);--gutter-color:var(--text-secondary, #374151);--gutter-hover-color:var(--color-primary, #10b981)}.splitter-theme-auto .splitter-panel{color:var(--text-standard, #f9fafb)}.splitter-theme-auto .splitter-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #111827)}.splitter-theme-auto .splitter-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.splitter-theme-auto .splitter-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.splitter-theme-auto .splitter-collapse-btn{background:var(--color-primary, #374151)}.splitter-theme-auto .splitter-collapse-btn i{color:var(--text-muted, #9ca3af)}.splitter-theme-auto .splitter-collapse-btn:hover{background:var(--color-primary, #4b5563)}.splitter-theme-auto .splitter-collapse-btn:hover i{color:var(--bg-secondary, #d1d5db)}.splitter-theme-auto .splitter-gutter i{color:var(--text-muted, #6b7280)}}@media (max-width: 768px){.splitter-gutter{width:12px !important;height:12px !important}.splitter-collapse-btn{width:32px;height:32px}.splitter-collapse-btn i{font-size:14px}}.splitter-gutter:focus{outline:2px solid var(--gutter-hover-color);outline-offset:2px}.splitter-collapse-btn:focus{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const stepCss = () => `.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}.stepper{display:flex;position:relative;--connector-color:var(--step-color, #4b6bfb)}.stepper[data-style=solid]::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--connector-color)}.stepper[data-style=dotted]::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(to right, var(--connector-color) 0 4px, transparent 4px 8px)}.stepper[data-style=dashed]::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(to right, var(--connector-color) 0 10px, transparent 10px 20px)}.stepper[data-style=segmented]::before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:linear-gradient(to right, var(--connector-color) 0 20%, transparent 20% 25%, var(--connector-color) 25% 45%, transparent 45% 50%, var(--connector-color) 50% 70%, transparent 70% 75%, var(--connector-color) 75% 100%)}.stepper[data-reduced=true] *{animation:none !important;transition:none !important}`;
 
@@ -22,7 +22,7 @@ const Step = class {
     /** optional custom renderer - parent will call if present */
     renderContent;
     render() {
-        return (index.h("div", { key: '34d10339a1b9505e53b2adb8059cfeee2bbb0841', class: "ui-step-container", role: "presentation" }, index.h("div", { key: 'adfe6db495ad914bb066963d5d01f89ec4c8b500', class: "ui-step-slots-hidden", style: { display: 'none' } }, index.h("slot", { key: 'f00c0378d9cb2233b917e714ff9c3b73687fb43c', name: "icon" }), index.h("slot", { key: 'c8fe113292f4181096a2254012cef1c5f2ce9239', name: "title" }), index.h("slot", { key: '933b9f3adda9b05fa55fad607db3838329c540ed', name: "description" })), index.h("slot", { key: '16fa7b618483d991cfab40c55bb6e3f42cf431c0' })));
+        return (index.h("div", { key: 'de59e6d6505c76bc976aa2bf5855dad0ef5e89c0', class: "ui-step-container", role: "presentation" }, index.h("div", { key: 'c8fd7d9d902baf954efb14320019baeee0fd8779', class: "ui-step-slots-hidden", style: { display: 'none' } }, index.h("slot", { key: 'd10ff568dfe41f6afe9c01c463126356a320145d', name: "icon" }), index.h("slot", { key: 'b980bfd228b83625eedee13544f4f8528ef91631', name: "title" }), index.h("slot", { key: '81c6b9421b60a56a3f2af19f5f81188ac4fc7ce6', name: "description" })), index.h("slot", { key: '5fd79b9a25c3f97af09cfab85a00172e663e6275' })));
     }
 };
 Step.style = stepCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 var security = require('./security-CNaNip8F.js');
 
 const stepperCss = () => `.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%}.stepper-container{display:flex;width:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;box-sizing:border-box}.stepper-horizontal{flex-direction:row}.stepper-vertical{flex-direction:column}.stepper-step{position:relative;display:flex;flex:1;vertical-align:top}.stepper-horizontal .stepper-step{margin-right:16px}.stepper-horizontal .stepper-step:last-child{margin-right:0}.stepper-vertical .stepper-step{flex-direction:column;flex:none;min-height:64px}.stepper-step-wrapper{display:flex;align-items:flex-start;width:100%}.stepper-label-right .stepper-step-wrapper{flex-direction:row}.stepper-label-left .stepper-step-wrapper{flex-direction:row-reverse}.stepper-label-left .stepper-step-indicator{margin-right:0;margin-left:8px}.stepper-horizontal.stepper-label-top .stepper-step-wrapper{flex-direction:column-reverse;align-items:center;text-align:center}.stepper-horizontal.stepper-label-top .stepper-step-indicator{margin-right:0;margin-top:8px}.stepper-horizontal.stepper-label-bottom .stepper-step-wrapper,.stepper-horizontal.stepper-label-vertical .stepper-step-wrapper{flex-direction:column;align-items:center;text-align:center}.stepper-horizontal.stepper-label-bottom .stepper-step-indicator,.stepper-horizontal.stepper-label-vertical .stepper-step-indicator{margin-right:0;margin-bottom:8px}.stepper-horizontal.stepper-label-top .stepper-step-title,.stepper-horizontal.stepper-label-bottom .stepper-step-title{display:block;width:100%}.stepper-horizontal.stepper-label-top .stepper-step-title .stepper-connector,.stepper-horizontal.stepper-label-bottom .stepper-step-title .stepper-connector{display:none}.stepper-horizontal.stepper-label-top .stepper-step-content,.stepper-horizontal.stepper-label-bottom .stepper-step-content{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-label-top .stepper-step-label,.stepper-label-bottom .stepper-step-label{text-align:center;padding-right:0}.stepper-vertical.stepper-label-top .stepper-step-wrapper,.stepper-vertical.stepper-label-bottom .stepper-step-wrapper{flex-direction:row;align-items:flex-start;text-align:left}.stepper-vertical.stepper-label-top .stepper-step-indicator,.stepper-vertical.stepper-label-bottom .stepper-step-indicator{margin-right:8px;margin-top:0;margin-bottom:0}.stepper-vertical.stepper-label-top .stepper-step-content,.stepper-vertical.stepper-label-bottom .stepper-step-content{align-items:flex-start;text-align:left}.stepper-vertical.stepper-label-top .stepper-step-wrapper{align-items:flex-end;align-items:flex-start}.stepper-vertical.stepper-label-bottom .stepper-step-wrapper{align-items:flex-start}.stepper-step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;background-color:var(--bg-primary, var(--text-standard, #ffffff));border:1px solid rgba(0, 0, 0, 0.25);border-radius:50%;transition:all 0.3s;flex-shrink:0;color:rgba(0, 0, 0, 0.25);font-size:14px;z-index:2}.stepper-shape-square .stepper-step-indicator{border-radius:4px !important}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator{border-radius:4px !important;background-color:var(--bg-primary, #f6ffed) !important;border:1px solid var(--color-success, #b7eb8f) !important;padding:4px;width:38px !important;height:38px !important;position:relative;display:flex !important;align-items:center;justify-content:center;z-index:10}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;background-color:var(--color-primary, #1677ff);border-radius:50%;z-index:-1}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator .stepper-step-icon,.stepper-shape-square-active .stepper-step-active .stepper-step-indicator .stepper-step-number,.stepper-shape-square-active .stepper-step-active .stepper-step-indicator ui-icon{color:var(--text-standard, #ffffff) !important;font-size:14px;--icon-color:var(--text-standard, #ffffff)}.stepper--primary{--stepper-color:var(--color-primary, #1677ff);--stepper-color-hover:var(--color-primary, #4096ff);--stepper-success:var(--color-success, #52c41a);--stepper-error:var(--color-danger, #ff4d4f);--stepper-warning:var(--color-danger, #faad14)}.stepper--success{--stepper-color:var(--color-success, #52c41a);--stepper-color-hover:var(--color-success, #73d13d)}.stepper--warning{--stepper-color:var(--color-danger, #faad14);--stepper-color-hover:var(--color-danger, #ffc53d)}.stepper--danger{--stepper-color:var(--color-danger, #ff4d4f);--stepper-color-hover:var(--color-danger, #ff7875)}.stepper-label-vertical .stepper-step-indicator{margin-right:0;margin-bottom:8px}.stepper-step-active .stepper-step-indicator{background-color:var(--stepper-color, #1677ff);border-color:var(--stepper-color, #1677ff);color:var(--text-standard, #ffffff)}.stepper-step-active .stepper-step-label{color:var(--stepper-color, #1677ff);font-weight:600}.stepper-shape-square-active .stepper-step-active .stepper-step-label{color:var(--color-success, #52c41a) !important;font-weight:700}.stepper-step-completed .stepper-step-indicator,.stepper-step-success .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-success, #52c41a);color:var(--color-success, #52c41a)}.stepper-step-completed .stepper-step-label,.stepper-step-success .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-failed .stepper-step-indicator,.stepper-step-error .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-danger, #ff4d4f);color:var(--color-danger, #ff4d4f)}.stepper-step-failed .stepper-step-label,.stepper-step-error .stepper-step-label{color:var(--color-danger, #ff4d4f)}.stepper-step-pending .stepper-step-indicator,.stepper-step-waiting .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:rgba(0, 0, 0, 0.25);color:rgba(0, 0, 0, 0.25)}.stepper-step-info .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-primary, #1677ff);color:var(--color-primary, #1677ff)}.stepper-step-info .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-warning .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-danger, #faad14);color:var(--color-danger, #faad14)}.stepper-step-warning .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-disabled .stepper-step-indicator{background-color:var(--bg-primary, #f5f5f5);border-color:var(--border-default, #d9d9d9);color:rgba(0, 0, 0, 0.25);cursor:not-allowed}.stepper-step-disabled .stepper-step-label{color:rgba(0, 0, 0, 0.25);cursor:not-allowed}.stepper-step-icon{font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.stepper-progress-circle{position:absolute;top:-1px;left:-1px;width:34px;height:34px;transform:rotate(-90deg)}.stepper-progress-bg{fill:none;stroke:rgba(0, 0, 0, 0.06);stroke-width:2px}.stepper-progress-value{fill:none;stroke:var(--color-primary, #1677ff);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset 0.3s ease}.stepper-sm .stepper-progress-circle{width:26px;height:26px}.stepper-step-image-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.stepper-step-custom-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.stepper-step-custom-icon svg{width:16px;height:16px}.stepper-step-content{display:flex;flex-direction:column;flex:1;min-height:32px;justify-content:center}.stepper-step-label{position:relative;display:inline-block;padding-right:16px;color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:32px;white-space:nowrap}.stepper-vertical .stepper-step-label{line-height:32px}.stepper-step-description{color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:1.5;white-space:normal}.stepper-step-title{display:flex;align-items:center;position:relative}.stepper-connector{position:absolute;background-color:rgba(0, 0, 0, 0.06);transition:background-color 0.3s}.stepper-horizontal .stepper-connector{position:relative;flex:1;height:1px;margin:0 8px;background-color:rgba(0, 0, 0, 0.06);opacity:1;visibility:visible}.stepper-horizontal.stepper-label-bottom .stepper-connector{position:absolute;top:16px;left:50%;width:calc(100% + 16px);margin:0}.stepper-horizontal.stepper-label-top .stepper-connector{position:absolute;top:auto;bottom:16px;left:50%;width:calc(100% + 16px);margin:0}.stepper-horizontal.stepper-label-top .stepper-step,.stepper-horizontal.stepper-label-bottom .stepper-step{position:relative}.stepper-vertical .stepper-connector{top:36px;left:16px;width:1px;height:calc(100% - 40px);flex:var(--icon-line-flex, none)}.stepper-step-completed .stepper-connector,.stepper-step-success .stepper-connector,.stepper-shape-square-active .stepper-step-active .stepper-connector,.stepper-shape-square-active .stepper-connector-active{background-color:var(--color-success, #52c41a) !important;height:2px}.stepper-dot .stepper-step-indicator{width:8px;height:8px;margin-right:8px;margin-left:0;border:none;background-color:rgba(0, 0, 0, 0.25)}.stepper-dot .stepper-dot-inner{display:none}.stepper-dot .stepper-step-active .stepper-step-indicator{width:10px;height:10px;background-color:var(--color-primary, #1677ff)}.stepper-dot.stepper-horizontal .stepper-connector{position:absolute;top:4px;left:16px;width:calc(100% - 24px);margin:0}.stepper-dot.stepper-horizontal.stepper-label-bottom .stepper-connector{top:4px;left:50%;width:calc(100% + 16px);margin:0}.stepper-dot.stepper-horizontal.stepper-label-top .stepper-connector{top:auto;bottom:4px;left:50%;width:calc(100% + 16px);margin:0}.stepper-dot.stepper-vertical .stepper-connector{left:4px;top:10px}.stepper-dot .stepper-step-wrapper{align-items:center}.stepper-dot .stepper-step-content{min-height:auto}.stepper-sm .stepper-step-indicator{width:24px;height:24px;font-size:12px}.stepper-sm .stepper-step-label{font-size:14px;line-height:24px}.stepper-sm.stepper-horizontal .stepper-connector{top:12px}.stepper-lg .stepper-step-indicator{width:40px;height:40px;font-size:18px}.stepper-lg .stepper-step-label{font-size:16px;line-height:40px}.stepper-variant-inline{display:inline-flex;gap:0;border:1px solid var(--border-default, #d9d9d9);border-radius:6px;padding:0;background:var(--bg-primary, #ffffff);overflow:hidden}.stepper-variant-inline .stepper-step{padding:10px 20px;margin:0;border-right:1px solid var(--border-default, #d9d9d9);background:var(--bg-primary, #fafafa);transition:all 0.3s;position:relative}.stepper-variant-inline .stepper-step:last-child{border-right:none}.stepper-variant-inline .stepper-step:hover{background:var(--bg-primary, #f0f0f0)}.stepper-variant-inline .stepper-step-active{background:var(--color-primary, #1677ff);color:var(--text-standard, #ffffff)}.stepper-variant-inline .stepper-step-active .stepper-step-label{color:var(--text-standard, #ffffff);font-weight:600}.stepper-variant-inline .stepper-step-completed{background:var(--bg-primary, #f6ffed)}.stepper-variant-inline .stepper-connector{display:none}.stepper-variant-inline .stepper-step-indicator{width:18px;height:18px;font-size:11px}.stepper-variant-inline .stepper-step-wrapper{align-items:center}.stepper-variant-inline .stepper-step-content{min-height:auto}.stepper-variant-inline .stepper-step-label{line-height:18px;font-size:13px}.stepper-sub-steps{margin-top:8px;padding-left:12px;display:flex;flex-direction:column;gap:4px}.stepper-sub-step{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(0, 0, 0, 0.45)}.sub-step-dot{width:6px;height:6px;border-radius:50%;background-color:rgba(0, 0, 0, 0.25)}.stepper-sub-step-active .sub-step-label{color:var(--color-primary, #1677ff);font-weight:500}.stepper-sub-step-active .sub-step-dot{background-color:var(--color-primary, #1677ff)}.stepper-sub-step-completed .sub-step-dot{background-color:var(--color-success, #52c41a)}.stepper-controls{display:flex;gap:8px;margin-top:24px;justify-content:flex-end}.stepper-btn{padding:4px 15px;border-radius:6px;border:1px solid var(--border-default, #d9d9d9);background:var(--bg-primary, #ffffff);cursor:pointer;transition:all 0.2s}.stepper-btn:hover{color:var(--color-primary, #4096ff);border-color:var(--color-primary, #4096ff)}.stepper-btn.prev:hover{color:var(--color-primary, #4096ff);border-color:var(--color-primary, #4096ff)}.stepper-btn:disabled{color:rgba(0, 0, 0, 0.25);background-color:var(--bg-primary, #f5f5f5);border-color:var(--border-default, #d9d9d9);cursor:not-allowed}.stepper-step-clickable{cursor:pointer}.stepper-step-clickable:hover .stepper-step-indicator{border-color:var(--color-primary, #1677ff);color:var(--color-primary, #1677ff)}.stepper-step-clickable:hover .stepper-step-label{color:var(--color-primary, #1677ff)}.stepper-step-error-message{color:var(--color-danger, #ff4d4f);font-size:12px;margin-top:4px}.stepper-variant-navigation{border-bottom:1px solid rgba(0, 0, 0, 0.06);padding-bottom:8px}.stepper-variant-navigation .stepper-step{padding:8px 16px;margin:0;transition:background-color 0.3s}.stepper-variant-navigation .stepper-step::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:transparent;transition:all 0.3s}.stepper-variant-navigation .stepper-step-active::after{background-color:var(--color-primary, #1677ff)}.stepper-variant-navigation .stepper-step:hover{background-color:rgba(0, 0, 0, 0.02)}.stepper-variant-navigation .stepper-connector{display:none}.stepper-variant-panel{gap:0;background:transparent;padding:0;position:relative}.stepper-variant-panel .stepper-step{background:var(--bg-primary, #ffffff);border-radius:8px;padding:20px 24px;border:2px solid var(--border-subtle, #e8e8e8);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin:0;margin-right:24px;flex:1;box-shadow:0 1px 2px rgba(0, 0, 0, 0.04);position:relative}.stepper-variant-panel .stepper-step:last-child{margin-right:0}.stepper-variant-panel .stepper-step::after{content:"";position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid var(--border-subtle, #ffffff);z-index:2}.stepper-variant-panel .stepper-step::before{content:"";position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--border-subtle, #e8e8e8);z-index:1}.stepper-variant-panel .stepper-step:last-child::after,.stepper-variant-panel .stepper-step:last-child::before{display:none}.stepper-variant-panel .stepper-step:hover{border-color:var(--border-default, #d9d9d9);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.stepper-variant-panel .stepper-step-active{background:linear-gradient(135deg, var(--bg-primary, #e6f4ff) 0%, var(--bg-primary, #f0f8ff) 100%);border-color:var(--color-primary, #1677ff);box-shadow:0 4px 12px rgba(22, 119, 255, 0.15);transform:scale(1.02)}.stepper-variant-panel .stepper-step-active::after{border-left-color:var(--border-subtle, #f0f8ff)}.stepper-variant-panel .stepper-step-active::before{border-left-color:var(--color-primary, #1677ff)}.stepper-variant-panel .stepper-step-active .stepper-step-indicator{background:linear-gradient(135deg, var(--color-primary, #1677ff) 0%, var(--color-primary, #4096ff) 100%);box-shadow:0 2px 8px rgba(22, 119, 255, 0.3)}.stepper-variant-panel .stepper-step-completed{background:var(--bg-primary, #f6ffed);border-color:var(--color-success, #b7eb8f)}.stepper-variant-panel .stepper-step-completed::after{border-left-color:var(--border-subtle, #f6ffed)}.stepper-variant-panel .stepper-step-completed::before{border-left-color:var(--color-success, #b7eb8f)}.stepper-variant-panel .stepper-step-completed .stepper-step-indicator{background:linear-gradient(135deg, var(--color-success, #52c41a) 0%, var(--color-success, #73d13d) 100%)}.stepper-variant-panel .stepper-step-label{font-weight:600;color:rgba(0, 0, 0, 0.85)}.stepper-variant-panel .stepper-step-active .stepper-step-label{color:var(--color-primary, #1677ff)}.stepper-variant-panel .stepper-connector{display:none}@media (max-width: 768px){.stepper-responsive.stepper-horizontal{flex-direction:column}.stepper-responsive.stepper-horizontal .stepper-step{margin-right:0;margin-bottom:16px}}.stepper-content-slot{display:none;margin-top:12px;width:100%}.stepper-step-active .stepper-content-slot{display:block}.stepper-vertical .stepper-content-slot{padding-left:0}.stepper-progress-bar{position:relative;width:100%;height:8px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg, var(--color-success, #3dcd58), var(--color-success, #22c55e));border-radius:4px;transition:width 0.4s ease;position:relative}.progress-text{position:absolute;top:12px;right:0;font-size:0.75rem;font-weight:600;color:var(--text-muted, #6b7280)}.step-optional-badge{font-size:10px;background-color:var(--bg-primary, #f5f5f5);color:var(--text-secondary, #595959);padding:2px 6px;border-radius:10px;margin-left:8px;margin-top:4px;display:inline-block;vertical-align:middle}.scroll-indicator{position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:10}.scroll-indicator--left{left:0;background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.scroll-indicator--right{right:0;background:linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.stepper--snake-layout .snake-container{display:flex;flex-direction:column;gap:0;width:100%}.stepper--snake-layout .snake-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:relative;width:100%}.stepper--snake-layout .snake-row--odd{flex-direction:row-reverse}.stepper--snake-layout .stepper-item{position:relative;padding:0;flex:0 0 10%;max-width:10%;display:flex;justify-content:center;z-index:2;box-sizing:border-box}.stepper--snake-layout .step-icon-wrapper{width:32px;height:32px;background:var(--bg-primary, #e5e7eb);border-radius:50%;transition:all 0.2s;font-size:0.75rem;font-weight:700;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;z-index:2;position:relative;background-color:var(--bg-primary, var(--text-standard, #ffffff))}.stepper--snake-layout .stepper-item--active .step-icon-wrapper{width:36px;height:36px;background:var(--color-primary, #1677ff);color:var(--text-standard, #ffffff);transform:scale(1.1);box-shadow:0 4px 10px rgba(0, 0, 0, 0.15)}.stepper--snake-layout .stepper-item--completed .step-icon-wrapper{background:var(--color-success, #52c41a);color:var(--text-standard, #ffffff)}.stepper--snake-layout .stepper-item.has-connector::after{content:"";position:absolute;top:50%;height:2px;background:var(--bg-primary, #e5e7eb);z-index:-1;width:100%;left:50%;transform:translateY(-50%)}.stepper--snake-layout .snake-row--odd .stepper-item.has-connector::after{left:auto;right:50%}.stepper--snake-layout .stepper-item--completed.has-connector::after{background:var(--color-success, #52c41a)}.stepper--snake-layout .snake-connector-turn{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:2px;height:64px;background:var(--bg-primary, #e5e7eb);z-index:-2}.stepper--snake-layout .stepper-item--completed.has-row-connector .snake-connector-turn{background:var(--color-success, #52c41a)}`;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
+var componentSize = require('./component-size-DsYFUZcz.js');
 
-const switchCss = () => `.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:inline-block;--switch-primary:var(--color-primary-hover, #2563eb);--switch-secondary:var(--color-primary, #64748b);--switch-success:var(--color-success, #10b981);--switch-danger:var(--color-danger, #ef4444);--switch-warning:var(--color-warning, #f59e0b);--switch-info:var(--color-primary, #10b981);--switch-primary-rgb:37, 99, 235;--switch-secondary-rgb:100, 116, 139;--switch-success-rgb:16, 185, 129;--switch-danger-rgb:239, 68, 104;--switch-warning-rgb:245, 158, 11;--switch-info-rgb:59, 130, 246;--switch-track-bg:var(--bg-primary, #e2e8f0);--switch-thumb-bg:var(--bg-primary, #ffffff);--switch-text:var(--label-color, var(--text-primary, #1e293b));--switch-text-muted:var(--label-subtitle-color, var(--text-secondary, #64748b));--switch-font:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--switch-duration:0.4s;--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-transition:all var(--switch-duration) var(--switch-easing)}: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]){--switch-track-bg:var(--bg-secondary, #1e293b);--switch-thumb-bg:var(--bg-primary, #334155)}.switch-host{font-family:var(--switch-font);-webkit-tap-highlight-color:transparent}.switch-host.switch-glow.switch-checked .switch-track{box-shadow:0 0 15px rgba(var(--switch-primary-rgb, 37, 99, 235), 0.4)}.switch-host.switch-glow.switch-checked.switch-success .switch-track{box-shadow:0 0 15px rgba(var(--switch-success-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-danger .switch-track{box-shadow:0 0 15px rgba(var(--switch-danger-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-warning .switch-track{box-shadow:0 0 15px rgba(var(--switch-warning-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-info .switch-track{box-shadow:0 0 15px rgba(var(--switch-info-rgb), 0.4)}.switch-host{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1)}.switch-host.switch-physics-linear{--switch-easing:cubic-bezier(0, 0, 1, 1)}.switch-host.switch-physics-stiff{--switch-easing:cubic-bezier(0.18, 0.89, 0.32, 1.28);--switch-duration:0.2s}.switch-host.switch-physics-liquid{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-duration:0.4s}.switch-host.switch-physics-bouncy{--switch-easing:cubic-bezier(0.68, -0.6, 0.32, 1.6);--switch-duration:0.5s}.switch-host .switch-track,.switch-host .switch-thumb,.switch-host .switch-track-text,.switch-host .switch-ripple{transition:var(--switch-transition)}:host(.switch-color-primary){--switch-active-bg:var(--switch-primary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-success){--switch-active-bg:var(--switch-success);--switch-active-bg-rgb:var(--color-success-rgb)}:host(.switch-color-danger){--switch-active-bg:var(--switch-danger);--switch-active-bg-rgb:var(--color-danger-rgb)}:host(.switch-color-warning){--switch-active-bg:var(--switch-warning);--switch-active-bg-rgb:var(--color-warning-rgb)}:host(.switch-color-info){--switch-active-bg:var(--switch-info);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-secondary){--switch-active-bg:var(--switch-secondary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-checked.switch-solid) .switch-track{background:var(--switch-active-bg);border-color:rgba(0, 0, 0, 0.05)}:host(.switch-checked.switch-solid) .switch-track-text{color:var(--color-primary-text, #ffffff)}:host(.switch-glass) .switch-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2)}:host(.switch-glass.switch-checked) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4)}:host(.switch-glass.switch-checked) .switch-track-text{color:var(--switch-active-bg);text-shadow:0 0 8px rgba(var(--switch-active-bg-rgb), 0.4)}:host(.switch-raised) .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8)}:host(.switch-raised) .switch-thumb{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8)}:host(.switch-raised.switch-checked) .switch-track{background:linear-gradient(135deg, var(--switch-active-bg), rgba(var(--switch-active-bg-rgb), 0.8));box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.2)}:host(.switch-outlined) .switch-track{background:transparent !important;border:2px solid var(--border-subtle, #e2e8f0)}:host(.switch-outlined.switch-checked) .switch-track{border-color:var(--switch-active-bg)}:host(.switch-outlined) .switch-thumb{background:var(--color-primary, #94a3b8)}:host(.switch-outlined.switch-checked) .switch-thumb{background:var(--switch-active-bg);box-shadow:0 0 10px rgba(var(--switch-active-bg-rgb), 0.3)}:host(.switch-glow.switch-checked) .switch-track{box-shadow:0 0 12px rgba(var(--switch-active-bg-rgb), 0.3);animation:switch-glow-pulse 2s ease-in-out infinite}.switch-loading .switch-track{position:relative;overflow:hidden}.switch-loading .switch-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200% 100%;animation:switch-shimmer 1.5s infinite linear;z-index:1}.switch-loading .switch-track::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:4px 4px;opacity:0.5;z-index:0}@keyframes switch-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.switch-container-outer{display:flex;flex-direction:column}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:opacity var(--switch-duration) var(--switch-easing);font-family:"Inter", -apple-system, sans-serif}.switch-label-left{flex-direction:row-reverse}.switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:2;margin:0;outline:none}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--switch-active-bg, var(--switch-primary));transform:scale(1.02)}.switch-track{position:relative;display:flex;align-items:center;background:var(--switch-track-bg);border-radius:9999px;transition:background-color var(--switch-duration) var(--switch-easing), box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.05)}.switch-container:hover .switch-track{filter:brightness(1.05);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-container:active .switch-track{transform:scale(0.96);filter:brightness(0.95)}.switch-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;background:rgba(255, 255, 255, 0.4);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;animation:switch-ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1) forwards;z-index:1}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.15);z-index:10;overflow:hidden}.switch-loading-overlay::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:8px 8px;opacity:0.3}.switch-loading-overlay::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);animation:switch-shimmer 1.5s infinite}@keyframes switch-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes switch-ripple-expand{0%{transform:translate(-50%, -50%) scale(0);opacity:0.8}100%{transform:translate(-50%, -50%) scale(15);opacity:0}}.switch-thumb{position:absolute;background-color:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--switch-duration) var(--switch-easing), background-color var(--switch-duration) var(--switch-easing), box-shadow var(--switch-duration) var(--switch-easing);z-index:2;display:flex;align-items:center;justify-content:center;border:0.5px solid rgba(0, 0, 0, 0.04)}.switch-thumb:hover{transform:scale(1.05) translateZ(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-icon{display:flex;align-items:center;justify-content:center;font-size:10px}.switch-track-text{position:absolute;font-size:calc(var(--switch-thumb-size, 20px) * 0.45);font-weight:800;color:var(--switch-text-muted);text-transform:uppercase;user-select:none;pointer-events:none;transition:var(--switch-transition);opacity:0.8;letter-spacing:0.02em}.switch-xxxs{--switch-thumb-size:10px;--switch-track-width:24px}.switch-xxxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:12px}.switch-xxxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxs.switch-checked .switch-track-text{left:4px}.switch-xxs{--switch-thumb-size:12px;--switch-track-width:28px}.switch-xxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:14px}.switch-xxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxs.switch-checked .switch-track-text{left:4px}.switch-xs{--switch-thumb-size:14px;--switch-track-width:32px}.switch-xs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:17px}.switch-xs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xs.switch-checked .switch-track-text{left:4px}.switch-sm{--switch-thumb-size:16px;--switch-track-width:36px}.switch-sm .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:20px}.switch-sm .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-sm.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-sm .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-sm.switch-checked .switch-track-text{left:4px}.switch-md{--switch-thumb-size:20px;--switch-track-width:44px}.switch-md .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:24px}.switch-md .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-md.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-md .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-md.switch-checked .switch-track-text{left:4px}.switch-lg{--switch-thumb-size:24px;--switch-track-width:52px}.switch-lg .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:28px}.switch-lg .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-lg.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-lg .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-lg.switch-checked .switch-track-text{left:4px}.switch-xl{--switch-thumb-size:28px;--switch-track-width:64px}.switch-xl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:32px}.switch-xl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xl.switch-checked .switch-track-text{left:4px}.switch-xxl{--switch-thumb-size:34px;--switch-track-width:76px}.switch-xxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:38px}.switch-xxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxl.switch-checked .switch-track-text{left:4px}.switch-xxxl{--switch-thumb-size:40px;--switch-track-width:88px}.switch-xxxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:44px}.switch-xxxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxl.switch-checked .switch-track-text{left:4px}@keyframes switch-glow-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.6))}}.switch-glass .switch-track{background:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)}.switch-glass .switch-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(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 rgba(255, 255, 255, 0.3)}.switch-raised .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 0, 0, 0.02)}.switch-raised .switch-thumb{background:linear-gradient(145deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));box-shadow:2px 2px 5px rgba(0, 0, 0, 0.05), -1px -1px 3px rgba(255, 255, 255, 0.9);border:0.5px solid rgba(0, 0, 0, 0.02)}.switch-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.switch-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.switch-rounded .switch-track,.switch-rounded .switch-thumb{border-radius:4px}.switch-square .switch-track,.switch-square .switch-thumb{border-radius:0}.switch-pill .switch-track,.switch-pill .switch-thumb{border-radius:9999px}.thumb-square .switch-thumb{border-radius:2px}.switch-vertical .switch-container{flex-direction:column}.switch-vertical .switch-track{flex-direction:column}.switch-vertical .switch-thumb{left:50%;transform:translateX(-50%);top:2px}.switch-vertical.switch-xxxs .switch-track{width:12px;height:24px}.switch-vertical.switch-xxxs.switch-checked .switch-thumb{transform:translate(-50%, 11px)}.switch-vertical.switch-xxs .switch-track{width:14px;height:28px}.switch-vertical.switch-xxs.switch-checked .switch-thumb{transform:translate(-50%, 13px)}.switch-vertical.switch-xs .switch-track{width:17px;height:32px}.switch-vertical.switch-xs.switch-checked .switch-thumb{transform:translate(-50%, 15px)}.switch-vertical.switch-sm .switch-track{width:20px;height:36px}.switch-vertical.switch-sm.switch-checked .switch-thumb{transform:translate(-50%, 16px)}.switch-vertical.switch-md .switch-track{width:24px;height:44px}.switch-vertical.switch-md.switch-checked .switch-thumb{transform:translate(-50%, 20px)}.switch-vertical.switch-lg .switch-track{width:28px;height:52px}.switch-vertical.switch-lg.switch-checked .switch-thumb{transform:translate(-50%, 24px)}.switch-vertical.switch-xl .switch-track{width:32px;height:64px}.switch-vertical.switch-xl.switch-checked .switch-thumb{transform:translate(-50%, 32px)}.switch-vertical.switch-xxl .switch-track{width:38px;height:76px}.switch-vertical.switch-xxl.switch-checked .switch-thumb{transform:translate(-50%, 38px)}.switch-vertical.switch-xxxl .switch-track{width:44px;height:88px}.switch-vertical.switch-xxxl.switch-checked .switch-thumb{transform:translate(-50%, 44px)}.switch-disabled{opacity:0.5;cursor:not-allowed !important}.switch-readonly{cursor:default !important}.switch-readonly .switch-input{pointer-events:none}.switch-invalid .switch-track{border-color:var(--switch-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.switch-focused .switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.switch-hovered:not(.switch-disabled) .switch-track{filter:brightness(0.95)}.switch-gradient .switch-track{border:none}.switch-elevation-1 .switch-track{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.switch-elevation-2 .switch-track{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.switch-elevation-3 .switch-track{box-shadow:0 6px 12px rgba(0, 0, 0, 0.1)}.switch-elevation-4 .switch-track{box-shadow:0 8px 16px rgba(0, 0, 0, 0.1)}.switch-elevation-5 .switch-track{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)}.switch-indeterminate .switch-thumb{left:50%;transform:translateX(-50%)}.switch-indeterminate .switch-thumb::after{content:"";position:absolute;width:50%;height:2px;background:var(--switch-active-bg, #94a3b8);border-radius:4px}.switch-rtl{direction:rtl}.switch-rtl .switch-container{flex-direction:row-reverse}.switch-rtl .switch-thumb{left:auto;inset-inline-start:2px;inset-inline-end:auto}.switch-rtl.switch-checked .switch-thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)))}.switch-rtl .switch-track-text{inset-inline-start:4px;inset-inline-end:auto;text-align:left;left:auto}.switch-rtl.switch-checked .switch-track-text{inset-inline-start:calc(var(--switch-thumb-size) + 8px);inset-inline-end:auto;left:auto}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);z-index:1}.switch-spinner{display:flex;align-items:center;justify-content:center}.switch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:flex;flex-direction:column;line-height:1.2}.switch-description-bottom{font-size:11px;font-weight:400;color:var(--switch-text-muted);opacity:0.8;margin-top:2px}.switch-description-side{font-size:12px;font-weight:400;color:var(--switch-text-muted);opacity:0.6;margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);white-space:nowrap}.switch-required{color:var(--switch-danger);margin-inline-start:2px}.switch-helper-text{margin-top:4px;font-size:12px;color:var(--switch-text-muted);display:flex;align-items:center;gap:4px}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(15, 23, 42, 0.95);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1);animation:tooltip-fade-in 0.2s ease}.switch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(15, 23, 42, 0.95)}@keyframes tooltip-fade-in{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-10px)}}.switch-error-text{color:var(--switch-danger)}.switch-success-feedback{color:var(--switch-success);margin-inline-start:8px;animation:success-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.switch-confirm-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in 0.2s ease}.switch-confirm-dialog{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:320px;width:90%;animation:slide-up 0.3s ease}.confirm-message{margin-bottom:20px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.confirm-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.confirm-btn.ok{background:var(--switch-primary);color:var(--text-standard, #ffffff)}.confirm-btn:hover{opacity:0.9;transform:translateY(-1px)}.switch-shaking{animation:switch-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes switch-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}`;
+const switchCss = () => `@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{display:inline-block;--switch-primary:var(--color-primary-hover, #2563eb);--switch-secondary:var(--color-primary, #64748b);--switch-success:var(--color-success, #10b981);--switch-danger:var(--color-danger, #ef4444);--switch-warning:var(--color-warning, #f59e0b);--switch-info:var(--color-primary, #10b981);--switch-primary-rgb:37, 99, 235;--switch-secondary-rgb:100, 116, 139;--switch-success-rgb:16, 185, 129;--switch-danger-rgb:239, 68, 104;--switch-warning-rgb:245, 158, 11;--switch-info-rgb:59, 130, 246;--switch-track-bg:#b8c4d0;--switch-thumb-bg:var(--bg-primary, #ffffff);--switch-text:var(--label-color, var(--text-primary, #1e293b));--switch-text-muted:var(--label-subtitle-color, var(--text-secondary, #64748b));--switch-font:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--switch-duration:0.4s;--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-transition:all var(--switch-duration) var(--switch-easing)}: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]){--switch-track-bg:var(--bg-tertiary, #334155);--switch-thumb-bg:var(--text-emphasized, #ffffff);--switch-text:var(--label-color, #f1f5f9);--switch-text-muted:var(--label-subtitle-color, #cbd5e1)}:host-context(.dark) .switch-track,:host-context([data-theme=dark]) .switch-track,:host-context([data-theme=violet]) .switch-track,:host-context([data-theme=pink]) .switch-track,:host-context([data-theme=blue]) .switch-track,:host-context([data-theme=green]) .switch-track{border:1px solid var(--border-strong, rgba(255, 255, 255, 0.12))}.switch-host{font-family:var(--switch-font);-webkit-tap-highlight-color:transparent}.switch-host.switch-glow.switch-checked .switch-track{box-shadow:0 0 15px rgba(var(--switch-primary-rgb, 37, 99, 235), 0.4)}.switch-host.switch-glow.switch-checked.switch-success .switch-track{box-shadow:0 0 15px rgba(var(--switch-success-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-danger .switch-track{box-shadow:0 0 15px rgba(var(--switch-danger-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-warning .switch-track{box-shadow:0 0 15px rgba(var(--switch-warning-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-info .switch-track{box-shadow:0 0 15px rgba(var(--switch-info-rgb), 0.4)}.switch-host{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1)}.switch-host.switch-physics-linear{--switch-easing:cubic-bezier(0, 0, 1, 1)}.switch-host.switch-physics-stiff{--switch-easing:cubic-bezier(0.18, 0.89, 0.32, 1.28);--switch-duration:0.2s}.switch-host.switch-physics-liquid{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-duration:0.4s}.switch-host.switch-physics-bouncy{--switch-easing:cubic-bezier(0.68, -0.6, 0.32, 1.6);--switch-duration:0.5s}.switch-host .switch-track,.switch-host .switch-thumb,.switch-host .switch-track-text,.switch-host .switch-ripple{transition:var(--switch-transition)}:host(.switch-color-primary){--switch-active-bg:var(--switch-primary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-success){--switch-active-bg:var(--switch-success);--switch-active-bg-rgb:var(--color-success-rgb)}:host(.switch-color-danger){--switch-active-bg:var(--switch-danger);--switch-active-bg-rgb:var(--color-danger-rgb)}:host(.switch-color-warning){--switch-active-bg:var(--switch-warning);--switch-active-bg-rgb:var(--color-warning-rgb)}:host(.switch-color-info){--switch-active-bg:var(--switch-info);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-secondary){--switch-active-bg:var(--switch-secondary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-checked.switch-solid) .switch-track{background:var(--switch-active-bg);border-color:rgba(0, 0, 0, 0.05)}:host(.switch-checked.switch-solid) .switch-track-text{color:var(--color-primary-text, #ffffff)}:host(.switch-glass) .switch-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2)}:host(.switch-glass.switch-checked) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4)}:host(.switch-glass.switch-checked) .switch-track-text{color:var(--switch-active-bg);text-shadow:0 0 8px rgba(var(--switch-active-bg-rgb), 0.4)}:host(.switch-raised) .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8)}:host(.switch-raised) .switch-thumb{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8)}:host(.switch-raised.switch-checked) .switch-track{background:linear-gradient(135deg, var(--switch-active-bg), rgba(var(--switch-active-bg-rgb), 0.8));box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.2)}:host(.switch-outlined) .switch-track{background:transparent !important;border:2px solid var(--border-subtle, #e2e8f0)}:host(.switch-outlined.switch-checked) .switch-track{border-color:var(--switch-active-bg)}:host(.switch-outlined) .switch-thumb{background:var(--color-primary, #94a3b8)}:host(.switch-outlined.switch-checked) .switch-thumb{background:var(--switch-active-bg);box-shadow:0 0 10px rgba(var(--switch-active-bg-rgb), 0.3)}:host(.switch-glow.switch-checked) .switch-track{box-shadow:0 0 12px rgba(var(--switch-active-bg-rgb), 0.3);animation:switch-glow-pulse 2s ease-in-out infinite}.switch-loading .switch-track{position:relative;overflow:hidden}.switch-loading .switch-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200% 100%;animation:switch-shimmer 1.5s infinite linear;z-index:1}.switch-loading .switch-track::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:4px 4px;opacity:0.5;z-index:0}@keyframes switch-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.switch-container-outer{display:flex;flex-direction:column}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:opacity var(--switch-duration) var(--switch-easing);font-family:"Inter", -apple-system, sans-serif}.switch-label-left{flex-direction:row-reverse}.switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:2;margin:0;outline:none}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--switch-active-bg, var(--switch-primary));transform:scale(1.02)}.switch-track{position:relative;display:flex;align-items:center;background:var(--switch-track-bg);border-radius:9999px;transition:background-color var(--switch-duration) var(--switch-easing), box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.14)}.switch-container:hover .switch-track{filter:brightness(1.05);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-container:active .switch-track{transform:scale(0.96);filter:brightness(0.95)}.switch-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;background:rgba(255, 255, 255, 0.4);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;animation:switch-ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1) forwards;z-index:1}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.15);z-index:10;overflow:hidden}.switch-loading-overlay::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:8px 8px;opacity:0.3}.switch-loading-overlay::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);animation:switch-shimmer 1.5s infinite}@keyframes switch-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes switch-ripple-expand{0%{transform:translate(-50%, -50%) scale(0);opacity:0.8}100%{transform:translate(-50%, -50%) scale(15);opacity:0}}.switch-thumb{position:absolute;background-color:var(--switch-thumb-bg, var(--bg-primary, #ffffff));border-radius:50%;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12);transition:transform var(--switch-duration) var(--switch-easing), background-color var(--switch-duration) var(--switch-easing), box-shadow var(--switch-duration) var(--switch-easing);z-index:2;display:flex;align-items:center;justify-content:center;border:0.5px solid rgba(0, 0, 0, 0.1)}.switch-thumb:hover{transform:scale(1.05) translateZ(0);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12)}.switch-icon{display:flex;align-items:center;justify-content:center;font-size:10px}.switch-track-text{position:absolute;font-size:calc(var(--switch-thumb-size, 20px) * 0.45);font-weight:800;color:var(--switch-text-muted);text-transform:uppercase;user-select:none;pointer-events:none;transition:var(--switch-transition);opacity:0.8;letter-spacing:0.02em}.switch-xxxs{--switch-thumb-size:10px;--switch-track-width:24px}.switch-xxxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:12px}.switch-xxxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxs.switch-checked .switch-track-text{left:4px}.switch-xxs{--switch-thumb-size:12px;--switch-track-width:28px}.switch-xxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:14px}.switch-xxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxs.switch-checked .switch-track-text{left:4px}.switch-xs{--switch-thumb-size:14px;--switch-track-width:32px}.switch-xs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:17px}.switch-xs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xs.switch-checked .switch-track-text{left:4px}.switch-sm{--switch-thumb-size:16px;--switch-track-width:36px}.switch-sm .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:20px}.switch-sm .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-sm.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-sm .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-sm.switch-checked .switch-track-text{left:4px}.switch-md{--switch-thumb-size:20px;--switch-track-width:44px}.switch-md .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:24px}.switch-md .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-md.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-md .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-md.switch-checked .switch-track-text{left:4px}.switch-lg{--switch-thumb-size:24px;--switch-track-width:52px}.switch-lg .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:28px}.switch-lg .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-lg.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-lg .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-lg.switch-checked .switch-track-text{left:4px}.switch-xl{--switch-thumb-size:28px;--switch-track-width:64px}.switch-xl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:32px}.switch-xl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xl.switch-checked .switch-track-text{left:4px}.switch-xxl{--switch-thumb-size:34px;--switch-track-width:76px}.switch-xxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:38px}.switch-xxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxl.switch-checked .switch-track-text{left:4px}.switch-xxxl{--switch-thumb-size:40px;--switch-track-width:88px}.switch-xxxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:44px}.switch-xxxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxl.switch-checked .switch-track-text{left:4px}@keyframes switch-glow-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.6))}}.switch-glass .switch-track{background:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)}.switch-glass .switch-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(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 rgba(255, 255, 255, 0.3)}.switch-raised .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 0, 0, 0.02)}.switch-raised .switch-thumb{background:linear-gradient(145deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));box-shadow:2px 2px 5px rgba(0, 0, 0, 0.05), -1px -1px 3px rgba(255, 255, 255, 0.9);border:0.5px solid rgba(0, 0, 0, 0.02)}.switch-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.switch-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.switch-rounded .switch-track,.switch-rounded .switch-thumb{border-radius:4px}.switch-square .switch-track,.switch-square .switch-thumb{border-radius:0}.switch-pill .switch-track,.switch-pill .switch-thumb{border-radius:9999px}.thumb-square .switch-thumb{border-radius:2px}.switch-vertical .switch-container{flex-direction:column}.switch-vertical .switch-track{flex-direction:column}.switch-vertical .switch-thumb{left:50%;transform:translateX(-50%);top:2px}.switch-vertical.switch-xxxs .switch-track{width:12px;height:24px}.switch-vertical.switch-xxxs.switch-checked .switch-thumb{transform:translate(-50%, 11px)}.switch-vertical.switch-xxs .switch-track{width:14px;height:28px}.switch-vertical.switch-xxs.switch-checked .switch-thumb{transform:translate(-50%, 13px)}.switch-vertical.switch-xs .switch-track{width:17px;height:32px}.switch-vertical.switch-xs.switch-checked .switch-thumb{transform:translate(-50%, 15px)}.switch-vertical.switch-sm .switch-track{width:20px;height:36px}.switch-vertical.switch-sm.switch-checked .switch-thumb{transform:translate(-50%, 16px)}.switch-vertical.switch-md .switch-track{width:24px;height:44px}.switch-vertical.switch-md.switch-checked .switch-thumb{transform:translate(-50%, 20px)}.switch-vertical.switch-lg .switch-track{width:28px;height:52px}.switch-vertical.switch-lg.switch-checked .switch-thumb{transform:translate(-50%, 24px)}.switch-vertical.switch-xl .switch-track{width:32px;height:64px}.switch-vertical.switch-xl.switch-checked .switch-thumb{transform:translate(-50%, 32px)}.switch-vertical.switch-xxl .switch-track{width:38px;height:76px}.switch-vertical.switch-xxl.switch-checked .switch-thumb{transform:translate(-50%, 38px)}.switch-vertical.switch-xxxl .switch-track{width:44px;height:88px}.switch-vertical.switch-xxxl.switch-checked .switch-thumb{transform:translate(-50%, 44px)}.switch-disabled{opacity:0.5;cursor:not-allowed !important}.switch-readonly{cursor:default !important}.switch-readonly .switch-input{pointer-events:none}.switch-invalid .switch-track{border-color:var(--switch-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.switch-focused .switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.switch-hovered:not(.switch-disabled) .switch-track{filter:brightness(0.95)}.switch-gradient .switch-track{border:none}.switch-elevation-1 .switch-track{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.switch-elevation-2 .switch-track{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.switch-elevation-3 .switch-track{box-shadow:0 6px 12px rgba(0, 0, 0, 0.1)}.switch-elevation-4 .switch-track{box-shadow:0 8px 16px rgba(0, 0, 0, 0.1)}.switch-elevation-5 .switch-track{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)}.switch-indeterminate .switch-thumb{left:50%;transform:translateX(-50%)}.switch-indeterminate .switch-thumb::after{content:"";position:absolute;width:50%;height:2px;background:var(--switch-active-bg, #94a3b8);border-radius:4px}.switch-rtl{direction:rtl}.switch-rtl .switch-container{flex-direction:row-reverse}.switch-rtl .switch-thumb{left:auto;inset-inline-start:2px;inset-inline-end:auto}.switch-rtl.switch-checked .switch-thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)))}.switch-rtl .switch-track-text{inset-inline-start:4px;inset-inline-end:auto;text-align:left;left:auto}.switch-rtl.switch-checked .switch-track-text{inset-inline-start:calc(var(--switch-thumb-size) + 8px);inset-inline-end:auto;left:auto}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);z-index:1}.switch-spinner{display:flex;align-items:center;justify-content:center}.switch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--switch-text);display:flex;flex-direction:column;line-height:1.2}.switch-description-bottom{font-size:11px;font-weight:400;color:var(--switch-text-muted);opacity:0.8;margin-top:2px}.switch-description-side{font-size:12px;font-weight:400;color:var(--switch-text-muted);opacity:0.6;margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);white-space:nowrap}.switch-required{color:var(--switch-danger);margin-inline-start:2px}.switch-helper-text{margin-top:4px;font-size:12px;color:var(--switch-text-muted);display:flex;align-items:center;gap:4px}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(15, 23, 42, 0.95);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1);animation:tooltip-fade-in 0.2s ease}.switch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(15, 23, 42, 0.95)}@keyframes tooltip-fade-in{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-10px)}}.switch-error-text{color:var(--switch-danger)}.switch-success-feedback{color:var(--switch-success);margin-inline-start:8px;animation:success-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.switch-confirm-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in 0.2s ease}.switch-confirm-dialog{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:320px;width:90%;animation:slide-up 0.3s ease}.confirm-message{margin-bottom:20px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.confirm-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.confirm-btn.ok{background:var(--switch-primary);color:var(--text-standard, #ffffff)}.confirm-btn:hover{opacity:0.9;transform:translateY(-1px)}.switch-shaking{animation:switch-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes switch-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.switch-flat .switch-track{background:transparent !important;border:2px solid var(--switch-track-bg) !important;box-shadow:none !important}.switch-flat .switch-thumb{background:var(--switch-track-bg) !important;box-shadow:none !important;border:none !important}:host(.switch-checked.switch-flat) .switch-track{border-color:var(--switch-active-bg) !important}:host(.switch-checked.switch-flat) .switch-thumb{background:var(--switch-active-bg) !important;box-shadow:0 2px 8px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.35) !important}.switch-dot .switch-wrapper{padding-top:14px}.switch-dot .switch-wrapper::before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--switch-track-bg);transition:background var(--switch-duration) var(--switch-easing), transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease}:host(.switch-checked.switch-dot) .switch-wrapper::before{background:var(--switch-active-bg);box-shadow:0 0 7px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.55);transform:translateX(-50%) scale(1.2)}.switch-metallic .switch-track{background:linear-gradient(145deg, #2d2d2d, #484848) !important;border:1px solid rgba(0, 0, 0, 0.5) !important;box-shadow:inset 3px 3px 7px rgba(0, 0, 0, 0.55), inset -2px -2px 5px rgba(255, 255, 255, 0.06) !important}.switch-metallic .switch-thumb{background:radial-gradient(circle at 35% 30%, #f5f5f5, #b0b0b0 50%, #707070) !important;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.45), -1px -1px 4px rgba(255, 255, 255, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;border:1px solid rgba(80, 80, 80, 0.4) !important}:host(.switch-checked.switch-metallic) .switch-track{background:linear-gradient(145deg, #0f3020, #1a5535) !important;box-shadow:inset 3px 3px 7px rgba(0, 0, 0, 0.55), 0 0 16px rgba(var(--switch-success-rgb, 16, 185, 129), 0.3) !important;border-color:rgba(16, 185, 129, 0.4) !important}.switch-slider .switch-track{background:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important}.switch-slider .switch-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:var(--switch-track-bg);border-radius:2px;z-index:0;transition:background var(--switch-duration) var(--switch-easing)}.switch-slider .switch-thumb{z-index:3;background:var(--switch-thumb-bg) !important;box-shadow:0 3px 10px rgba(0, 0, 0, 0.18), 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.7) !important;border:1.5px solid rgba(0, 0, 0, 0.07) !important}:host(.switch-checked.switch-slider) .switch-track::before{background:var(--switch-active-bg)}:host(.switch-checked.switch-slider) .switch-thumb{background:var(--switch-active-bg) !important;box-shadow:0 3px 10px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important}.switch-pill-flat .switch-track{background:var(--switch-track-bg) !important;border:none !important;box-shadow:none !important;border-radius:9999px !important}.switch-pill-flat .switch-thumb{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12) !important;border:none !important;border-radius:9999px !important;background:#ffffff !important}:host(.switch-checked.switch-pill-flat) .switch-track{background:var(--switch-active-bg) !important}:host(.switch-checked.switch-pill-flat) .switch-thumb{box-shadow:0 1px 4px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.25) !important}.switch-soft .switch-track{background:rgba(var(--switch-active-bg-rgb, 148, 163, 184), 0.12) !important;border:1.5px solid rgba(var(--switch-active-bg-rgb, 148, 163, 184), 0.28) !important;box-shadow:none !important}.switch-soft .switch-thumb{background:rgba(var(--switch-active-bg-rgb, 148, 163, 184), 0.65) !important;box-shadow:0 1px 4px rgba(0, 0, 0, 0.1) !important;border:none !important}:host(.switch-checked.switch-soft) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.18) !important;border-color:var(--switch-active-bg) !important}:host(.switch-checked.switch-soft) .switch-thumb{background:var(--switch-active-bg) !important;box-shadow:0 2px 8px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.35) !important}.switch-bicolor .switch-track{background:linear-gradient(to right, #22c55e 50%, #ef4444 50%) !important;border:none !important;box-shadow:none !important;overflow:hidden}.switch-bicolor .switch-track::before{content:"✓";position:absolute;left:6px;top:50%;transform:translateY(-50%);color:rgba(255, 255, 255, 0.95);font-size:calc(var(--switch-thumb-size, 20px) * 0.55);font-weight:900;z-index:1;pointer-events:none;line-height:1}.switch-bicolor .switch-track::after{content:"✕";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:rgba(255, 255, 255, 0.95);font-size:calc(var(--switch-thumb-size, 20px) * 0.55);font-weight:900;z-index:1;pointer-events:none;line-height:1}.switch-bicolor .switch-thumb{z-index:2;background:#ffffff !important;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.15) !important;border:1.5px solid rgba(255, 255, 255, 0.8) !important}:host-context(.dark) .switch-bicolor .switch-track,[data-theme=dark] .switch-bicolor .switch-track{background:linear-gradient(to right, #16a34a 50%, #dc2626 50%) !important}.switch-power .switch-track{height:var(--switch-track-width) !important;border-radius:50% !important;background:var(--bg-primary, #ffffff) !important;border:5px solid #94a3b8 !important;box-shadow:inset 2px 2px 8px rgba(0, 0, 0, 0.1), inset -2px -2px 6px rgba(255, 255, 255, 0.85), 0 4px 16px rgba(0, 0, 0, 0.1) !important;justify-content:center;align-items:center}.switch-power .switch-track::before{content:"OFF";color:#94a3b8;font-size:calc(var(--switch-track-width, 44px) * 0.22);font-weight:900;letter-spacing:0.05em;pointer-events:none;z-index:2;transition:color 0.3s ease}.switch-power .switch-thumb{display:none !important}:host(.switch-checked.switch-power) .switch-track{border-color:var(--switch-active-bg) !important;background:var(--bg-primary, #ffffff) !important;box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.05), inset -1px -1px 4px rgba(255, 255, 255, 0.9), 0 0 24px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.35) !important}:host(.switch-checked.switch-power) .switch-track::before{content:"ON";color:var(--switch-active-bg)}:host-context(.dark) .switch-power .switch-track,[data-theme=dark] .switch-power .switch-track{background:#1e293b !important;box-shadow:inset 3px 3px 8px rgba(0, 0, 0, 0.5), inset -2px -2px 6px rgba(255, 255, 255, 0.05), 0 4px 16px rgba(0, 0, 0, 0.3) !important}:host(.switch-status){--switch-track-width:104px}.switch-status .switch-track{background:linear-gradient(to right, #22c55e 52%, var(--bg-secondary, #f1f5f9) 48%) !important;border:2px solid #22c55e !important;box-shadow:none !important;overflow:hidden}.switch-status .switch-track::before{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:calc(var(--switch-thumb-size, 20px) * 0.7);font-weight:900;z-index:1;pointer-events:none;line-height:1;transition:color 0.3s ease}.switch-status .switch-track-text{position:absolute !important;top:50% !important;left:8px !important;right:auto !important;transform:translateY(-50%) !important;width:auto !important;color:#ffffff !important;font-size:10px !important;font-weight:900 !important;letter-spacing:0.05em !important;opacity:1 !important;white-space:nowrap;transition:none !important}.switch-status .switch-thumb{display:none !important}:host(.switch-checked.switch-status) .switch-track{background:linear-gradient(to right, var(--bg-secondary, #f1f5f9) 48%, #ef4444 52%) !important;border-color:#ef4444 !important}:host(.switch-checked.switch-status) .switch-track::before{content:"✕";right:auto;left:10px;color:#ef4444}:host(.switch-checked.switch-status) .switch-track-text{left:auto !important;right:8px !important;color:#ffffff !important}:host(.switch-labeled){--switch-track-width:120px}.switch-labeled .switch-track{background:#cbd5e1 !important;border:none !important;box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.14), inset -1px -1px 4px rgba(255, 255, 255, 0.85) !important}.switch-labeled .switch-track-text{color:#475569 !important;font-size:11px !important;font-weight:800 !important;letter-spacing:0.04em !important;text-transform:uppercase !important;opacity:1 !important;width:auto !important;white-space:nowrap}.switch-labeled .switch-thumb{position:relative;background:#ffffff !important;box-shadow:0 2px 8px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;border:none !important}.switch-labeled .switch-thumb::after{content:"⊘";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;color:#94a3b8;font-size:calc(var(--switch-thumb-size, 20px) * 0.52);font-weight:400;pointer-events:none;line-height:1}:host(.switch-checked.switch-labeled) .switch-track{background:var(--switch-active-bg) !important;box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.1), inset -1px -1px 3px rgba(255, 255, 255, 0.12), 0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important}:host(.switch-checked.switch-labeled) .switch-track-text{color:#ffffff !important}:host(.switch-checked.switch-labeled) .switch-thumb::after{content:"✓";color:var(--switch-active-bg);font-weight:900;font-size:calc(var(--switch-thumb-size, 20px) * 0.6)}:host-context(.dark) .switch-labeled .switch-track,[data-theme=dark] .switch-labeled .switch-track{background:#334155 !important;box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.4), inset -1px -1px 3px rgba(255, 255, 255, 0.05) !important}:host-context(.dark) .switch-labeled .switch-track-text,[data-theme=dark] .switch-labeled .switch-track-text{color:#94a3b8 !important}`;
 
 const UISwitch = class {
     constructor(hostRef) {
@@ -319,8 +320,8 @@ const UISwitch = class {
         return (index.h("div", { class: "switch-confirm-overlay", onClick: this.handleCancel }, index.h("div", { class: "switch-confirm-dialog", onClick: e => e.stopPropagation() }, index.h("div", { class: "confirm-message" }, this.confirmationMessage), index.h("div", { class: "confirm-actions" }, index.h("ui-button", { variant: "ghost", size: "sm", onClick: this.handleCancel, label: "Cancel" }), index.h("ui-button", { variant: "primary", size: "sm", onClick: this.handleConfirm, label: "Confirm" })))));
     }
     render() {
-        const labelElement = this.label && (index.h("span", { key: '7ebf67ab54d6402ea0df0c4de0970d6cc2e43824', class: "switch-label" }, this.label, this.required && index.h("span", { key: '7044082ec79f25bd865e823bf0b4f8387dc18e11', class: "switch-required" }, "*"), this.description && this.descriptionPosition === 'bottom' && (index.h("span", { key: 'efe44feacd88bb77a6a8c128811610e7c9e45f16', class: "switch-description-bottom" }, this.description))));
-        const sideDescription = this.description && this.descriptionPosition === 'side' && (index.h("span", { key: '3fd19deb053caafb0b8482378067b1e0e7c6e93f', class: "switch-description-side" }, this.description));
+        const labelElement = this.label && (index.h("span", { key: 'f905beb970bc012fe3dd7f4bd7acf493cf3fb3f6', class: "switch-label" }, this.label, this.required && index.h("span", { key: '81a78c65abe3d6479c7d41328bca0e88a8735161', class: "switch-required" }, "*"), this.description && this.descriptionPosition === 'bottom' && (index.h("span", { key: '365373b18336c14fbfa70873b71141fe9e1c96e2', class: "switch-description-bottom" }, this.description))));
+        const sideDescription = this.description && this.descriptionPosition === 'side' && (index.h("span", { key: '52abfd268f4fd11c36d9f5e9936db895dd5408f1', class: "switch-description-side" }, this.description));
         const trackStyle = {};
         if (this.gradient && this.gradientColors) {
             try {
@@ -335,7 +336,7 @@ const UISwitch = class {
         if (this.width) {
             hostStyle['--switch-track-width'] = this.width;
         }
-        return (index.h(index.Host, { key: '2452fea25ee064d76b1255e099143b7c0c9b22da', style: hostStyle, class: {
+        return (index.h(index.Host, { key: 'b7ba49c8d24a3a2cfc13e1ce958b5457b88d784f', style: hostStyle, class: {
                 'switch-host': true,
                 'switch-disabled': this.disabled || this.loading,
                 'switch-readonly': this.readonly,
@@ -352,9 +353,9 @@ const UISwitch = class {
                 [`switch-elevation-${this.elevation}`]: this.elevation > 0,
                 [`switch-color-${this.color}`]: true,
                 [`switch-${this.variant}`]: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'fbf20bb14cc99bd32eb4a52df4eefa60480804c4', part: "container", class: {
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '17e3523dd99ee0267d2b6f76e23312c6fa0f0101', part: "container", class: {
                 'switch-container-outer': true,
-                [`switch-${this.size}`]: true,
+                [`switch-${componentSize.normalizeComponentSize(this.size, 'md')}`]: true,
                 [`switch-color-${this.color}`]: true,
                 [`switch-physics-${this.physics}`]: true,
                 [`switch-variant-${this.variant}`]: true,
@@ -371,28 +372,28 @@ const UISwitch = class {
                 'switch-shaking': this.isShaking,
                 'switch-animate': this.enableAnimation,
                 'switch-indeterminate': this.indeterminate,
-            } }, index.h("label", { key: 'e089fc07a8a05b88b7281756e8720f42e4e39dee', part: "label", class: {
+            } }, index.h("label", { key: '0eaca201f9bfb9441af8c66ad61342debf248910', part: "label", class: {
                 'switch-container': true,
-                [`switch-${this.size}`]: true,
+                [`switch-${componentSize.normalizeComponentSize(this.size, 'md')}`]: true,
                 [`switch-color-${this.color}`]: true,
                 [`switch-${this.variant}`]: true,
                 [`switch-${this.shape}`]: true,
                 [`thumb-${this.thumbShape}`]: true,
                 'switch-label-left': this.labelPosition === 'left',
                 'switch-label-right': this.labelPosition === 'right' || !this.labelPosition,
-            } }, this.labelPosition === 'left' && labelElement, index.h("div", { key: '3e1ca73f5839376c5effc92ad13686465dfe1c69', part: "wrapper", class: "switch-wrapper" }, index.h("input", { key: '620498359d8a26fdc9413e936b423ebc92e9e921', type: "checkbox", class: "switch-input", checked: this.checked, disabled: this.disabled || this.loading, readonly: this.readonly, name: this.name, value: this.value, required: this.required, tabindex: this.switchTabIndex, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, "aria-label": this.ariaLabel || this.label, "aria-checked": this.indeterminate ? 'mixed' : (this.checked ? 'true' : 'false'), "aria-disabled": (this.disabled || this.loading).toString(), "aria-invalid": this.invalid.toString(), ref: el => {
+            } }, this.labelPosition === 'left' && labelElement, index.h("div", { key: '96a10112cb18eb3fe11dfe32c266d9aa35d3d2d3', part: "wrapper", class: "switch-wrapper" }, index.h("input", { key: 'cd6b45812dbe942086571fd9c9d8a37a28e80d90', type: "checkbox", class: "switch-input", checked: this.checked, disabled: this.disabled || this.loading, readonly: this.readonly, name: this.name, value: this.value, required: this.required, tabindex: this.switchTabIndex, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, "aria-label": this.ariaLabel || this.label, "aria-checked": this.indeterminate ? 'mixed' : (this.checked ? 'true' : 'false'), "aria-disabled": (this.disabled || this.loading).toString(), "aria-invalid": this.invalid.toString(), ref: el => {
                 if (el && this.indeterminate)
                     el.indeterminate = true;
-            } }), index.h("div", { key: 'ed2db623b8d85ec19ec08b04d49f32ccbd22c2ca', part: "track", class: {
+            } }), index.h("div", { key: '857bbb32f9ba5f0dd4091d0876ff015a1feaebbd', part: "track", class: {
                 'switch-track': true,
                 'switch-track-checked': this.checked,
                 'switch-track-disabled': this.disabled || this.loading,
                 'switch-gradient': this.gradient,
-            }, style: trackStyle }, this.renderTrackText(), index.h("div", { key: 'f1fb7ac21b764239756664271a156a484d90ae71', part: "thumb", class: {
+            }, style: trackStyle }, this.renderTrackText(), index.h("div", { key: '6ff1c6881314adc05e6dd21a1d559da3a7fa974b', part: "thumb", class: {
                 'switch-thumb': true,
                 'switch-thumb-checked': this.checked,
                 'switch-thumb-loading': this.loading,
-            } }, this.getIcon()), this.showRipple && index.h("div", { key: '12e603dc7715a81be1b49e10f3ff08ecd95d5a25', class: "switch-ripple" }), this.loading && index.h("div", { key: 'c09738abdd1ee94b9fd7ccb69569ab8b432425ed', class: "switch-loading-overlay" }))), this.labelPosition === 'right' && labelElement, sideDescription, this.renderSuccessFeedback()), this.renderHelperText(), this.renderTooltip()), this.renderConfirmDialog()));
+            } }, this.getIcon()), this.showRipple && index.h("div", { key: '4823c08f49784985cb598c001e25dd83a7417143', class: "switch-ripple" }), this.loading && index.h("div", { key: '3eafccb3b4f423091ed2e8b408d7123b89e7cb58', class: "switch-loading-overlay" }))), this.labelPosition === 'right' && labelElement, sideDescription, this.renderSuccessFeedback()), this.renderHelperText(), this.renderTooltip()), this.renderConfirmDialog()));
     }
     static get watchers() { return {
         "checked": [{