atomicuilibrary 0.0.1 → 0.1.0

package/dist/components/badge.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as n,transformTag as e,Host as a}from"@stencil/core/internal/client";import{n as i,s,d as b}from"./icon.js";const d=t(class extends r{get el(){return this}internals;nativeButton;async setFocus(){this.nativeButton?.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=o(this,"buttonClick",7),this.internals=this.el.attachInternals()}imgSrc;imgAlt;type="button";avatarSrc;avatarAlt;avatarStatus="";value;label;subtitle;description;descriptionPosition="below";icon;iconLibrary="lucide";iconOnly=!1;iconPosition="left";align="center";justify="center";iconSize;iconColor="currentColor";variant="outline";color="none";size="md";disabled=!1;loading=!1;loadingPosition="left";fullWidth=!1;width;minWidth;shape="rounded";rounded=!0;pill=!1;circle=!1;href;target;rel;grow=!1;badge;badgeColor="danger";badgeCustomColor;badgeCustomTextColor;badgePosition="top-right";rtl=!1;selected=!1;elevation;reveal="none";revealDelay=0;noRipple=!1;ariaLabel;copyValue;progress;copied=!1;buttonClick;handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.noRipple||this.createRipple(t),this.copyValue&&navigator.clipboard?.writeText(this.copyValue).then((()=>{this.copied=!0,setTimeout((()=>this.copied=!1),2e3)})),"submit"!==this.type||this.disabled?"reset"!==this.type||this.disabled||this.internals.form?.reset():this.internals.form?.requestSubmit(),this.buttonClick.emit(t)};createRipple(t){const r=t.currentTarget,o=r.querySelector(".btn-ripple-container");if(!o)return;const n=document.createElement("span"),e=Math.max(r.clientWidth,r.clientHeight),a=e/2,i=r.getBoundingClientRect();n.style.width=n.style.height=`${e}px`,n.style.left=t.clientX-i.left-a+"px",n.style.top=t.clientY-i.top-a+"px",n.classList.add("ripple");const s=o.getElementsByClassName("ripple")[0];s&&s.remove(),o.appendChild(n)}renderButtonContent(t,r,o){const e=this.label?.trim(),a=(this.description||this.subtitle||"").trim(),i=!!e,s=!!a,b=i||s||!this.iconOnly;if(this.iconOnly)return this.loading?o:r||t||n("slot",null);const d=this.badge&&("inline-left"===this.badgePosition||this.rtl&&"inline-right"===this.badgePosition)?n("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,l=this.badge&&("inline-right"===this.badgePosition||this.rtl&&"inline-left"===this.badgePosition)?n("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,c=this.loading&&("left"===this.loadingPosition||"icon"===this.loadingPosition&&!t&&!r),g=this.loading&&"right"===this.loadingPosition,p=this.loading&&("center"===this.loadingPosition||"icon"===this.loadingPosition),f=r||t||p?n("div",{class:"btn-icon-block",part:"icon-block"},p?o:r||t):null,h=b?n("div",{class:"btn-label-block",part:"label-block"},n("div",{class:"btn-title",part:"title"},this.copied?"✓ Copied!":i?e:n("slot",null)),s&&n("div",{class:`btn-subtitle btn-subtitle-${this.descriptionPosition}`,part:"subtitle"},a)):null;return n("div",{class:{"btn-label-row":!0,[`icon-pos-${this.iconPosition}`]:!0}},d,c&&o,f,h,g&&o,l)}render(){const t=!!this.imgSrc,r=!!this.avatarSrc,o=!!this.icon&&!this.loading,e=this.href?"a":"button",a=i(this.size,"md"),b=this.loading?n("span",{class:`btn-spinner btn-spinner-${this.loadingPosition}`},n("ui-loader",{size:"xs",color:"currentColor"})):null,d=this.ariaLabel||(this.label||this.el.textContent||"").trim(),l=s(d),c=this.href?{href:this.href,target:this.target,rel:this.rel,role:"button","aria-label":l}:{type:"image"===this.type?"button":this.type,disabled:this.disabled||this.loading,"aria-label":l},g=o?n("span",{class:"btn-icon",part:"icon","aria-hidden":"true"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize||a,color:this.iconColor||"currentColor"})):null,p=r?n("span",{class:"btn-avatar"},n("img",{src:this.avatarSrc,alt:this.avatarAlt||""}),this.avatarStatus&&n("span",{class:`status-dot status-${this.avatarStatus}`})):null,f={"--button-width":this.width?this.width:this.fullWidth?"100%":"auto","--button-min-width":this.minWidth?this.minWidth:"auto","animation-delay":"none"!==this.reveal&&this.revealDelay>0?`${this.revealDelay}ms`:void 0},h=["btn",`btn-${"string"==typeof this.variant?this.variant:"none"}`,this.color&&`btn-${this.color}`,`btn-${a}`,(this.disabled||this.loading)&&"btn-disabled",this.iconOnly&&!this.loading&&"btn-icon-only",this.loading&&"btn-loading",this.fullWidth&&"btn-full-width",this.grow&&"btn-grow",this.shape&&"default"!==this.shape?`btn-shape-${this.shape}`:this.circle?"btn-shape-circle":this.pill?"btn-shape-pill":r?"btn-shape-circle":"btn-shape-rounded",this.selected&&"btn-selected","top"===this.iconPosition||"bottom"===this.iconPosition?"btn-is-vertical":"",!!this.elevation&&`btn-elevation-${this.elevation}`,t&&"btn-type-image",r&&"btn-type-avatar",`btn-align-${this.align}`,`btn-justify-${this.justify}`,`icon-pos-${this.iconPosition}`,this.loading&&`btn-loading-${this.loadingPosition}`,this.rtl&&"btn-rtl","none"!==this.reveal&&`reveal-${this.reveal}`].filter(Boolean).join(" ");return n(e,{key:"d8605634f3cc899257ed9d6960ca1cf4e0aaf031",...c,style:f,class:h,part:"button",dir:this.rtl?"rtl":"ltr",onClick:this.handleClick,ref:t=>this.nativeButton=t},!this.noRipple&&n("span",{key:"cba383c8098e685d8f2ade718daa452e0884a034",class:"btn-ripple-container"}),n("span",{key:"469dd3ab6fe97d66e8aa50434e9407da2806f7c9",class:"btn-content"},t?n("fragment",null,this.loading&&b,n("img",{src:this.imgSrc,alt:this.imgAlt||"",class:"btn-image"})):this.renderButtonContent(g,p,b)),this.badge&&!this.badgePosition.startsWith("inline")&&n("ui-badge",{key:"7ee2666b4d24ebed0516b6a15cf7c4c194ea1116",class:`btn-badge is-absolute pos-${this.badgePosition}`,value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}),void 0!==this.progress&&n("span",{key:"a132192aa0c0548de607fcd8f4c1b7d61bb04bfc",class:"btn-progress-fill",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get style(){return'@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}.btn-label-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all 0.2s ease}.btn-label-row.icon-pos-left{flex-direction:row}.btn-label-row.icon-pos-right{flex-direction:row-reverse}.btn-label-row.icon-pos-top{flex-direction:column}.btn-label-row.icon-pos-bottom{flex-direction:column-reverse}.btn-label-block{display:flex;flex-direction:column;justify-content:center;min-width:0;align-items:center;text-align:center}.icon-pos-left .btn-label-block{align-items:flex-start;text-align:left}.icon-pos-right .btn-label-block{align-items:flex-end;text-align:right}.icon-pos-top .btn-label-block,.icon-pos-bottom .btn-label-block,.icon-pos-none .btn-label-block{align-items:center;text-align:center}.btn-title{font-size:inherit;font-weight:600;line-height:1.2}.btn-subtitle{font-size:0.85em;font-weight:400;color:var(--btn-subtitle-color, var(--label-subtitle-color, var(--dd-muted, #62748a)));line-height:1.2;opacity:1;transition:color 0.2s ease;margin-top:2px}.btn-subtitle.btn-subtitle-above{margin-top:0;margin-bottom:2px}.btn-icon-block{display:flex;align-items:center;justify-content:center;flex-shrink:0}:host{display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;}:host(.is-full-width){display:block;width:100%}:host(.is-grow){flex:1;display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center}.btn.btn-align-start{justify-content:flex-start;text-align:left}.btn.btn-align-start .btn-label-block{align-items:flex-start;text-align:left}.btn.btn-align-end{justify-content:flex-end;text-align:right}.btn.btn-align-end .btn-label-block{align-items:flex-end;text-align:right}.btn.btn-align-center{justify-content:center;text-align:center}.btn.btn-align-center .btn-label-block{align-items:center;text-align:center}.btn.btn-justify-start{justify-content:flex-start}.btn.btn-justify-end{justify-content:flex-end}.btn.btn-justify-center{justify-content:center}.btn.btn-justify-between{justify-content:space-between}.btn.btn-justify-around{justify-content:space-around}.btn .btn-content,.btn .btn-label-row{display:flex;flex:1;align-items:center;justify-content:inherit;min-width:0;width:100%;gap:8px}.btn .btn-content.is-vertical,.btn .btn-label-row.is-vertical{flex-direction:column;justify-content:center}.btn .btn-label-block{display:flex;flex-direction:column;min-width:0;flex:1;justify-content:center}.btn .btn-label-block .btn-title{display:flex;flex:1;width:100%;min-width:0;align-items:center;justify-content:inherit}.btn{position:relative;width:var(--button-width, auto);height:var(--ui-button-height, 40px);min-height:100%;padding:var(--button-padding, 0 20px);border:1px solid transparent;outline:none;cursor:pointer;user-select:none;text-decoration:none;font-family:inherit;font-weight:var(--button-font-weight, 600);font-size:var(--button-font-size, 14px);line-height:var(--button-line-height, normal);white-space:nowrap;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);overflow:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--text-primary, #000);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn.btn-is-vertical{height:auto;min-height:var(--ui-button-height, 44px);padding:10px 16px}.btn.btn-is-vertical .btn-label-block{align-items:center;text-align:center}.btn.btn-type-image{background:transparent !important;border-color:transparent !important;box-shadow:none !important;padding:0 !important;width:auto;height:auto;min-width:0}.btn.btn-type-image .btn-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (hover: hover){.btn:hover:not(.btn-disabled){box-shadow:0 4px 14px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25);filter:brightness(1.08);transform:scale(1.01)}}.btn:active:not(.btn-disabled){transform:scale(0.97);box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);filter:brightness(0.94);transition:transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-color:var(--btn-selected-border, var(--color-primary, #3b82f6));color:var(--btn-selected-color, var(--color-primary, #3b82f6));z-index:2}.btn-selected[style*="--hide-button-selection: 1"]{background-color:transparent !important;border-color:transparent !important;box-shadow:none !important}.btn-shortcut{font-size:0.8em;padding:1px 4px;background:rgba(0, 0, 0, 0.1);border-radius:4px;margin-inline-start:6px;font-family:monospace;opacity:0.7;letter-spacing:1px}.btn-primary .btn-shortcut{background:rgba(255, 255, 255, 0.2)}.btn-outline .btn-shortcut{background:rgba(0, 0, 0, 0.05)}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.btn-primary{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-secondary{background:var(--color-primary, #6b7280);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.btn-success{background:var(--color-success, #10b981);box-shadow:0 2px 8px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}.btn-danger{background:var(--color-danger, #ef4444);box-shadow:0 2px 8px rgba(var(--color-danger-rgb, 239, 68, 68), 0.2)}.btn-warning{background:var(--color-warning, #f59e0b);box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.btn-info{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-dark{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}.btn-outline{background:transparent;border-color:var(--border-strong, #d1d5db);color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-outline:hover:not(.btn-disabled){border-color:var(--color-primary, #9ca3af);background:rgba(0, 0, 0, 0.02)}.btn-ghost{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-ghost:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.05)}.btn-plain{background:transparent;border:none;box-shadow:none;color:inherit;padding:0;height:100%;min-width:0;width:100%;border-radius:inherit}.btn-plain:hover:not(.btn-disabled){transform:none;box-shadow:none;filter:none;background:transparent}.btn-plain:active:not(.btn-disabled){transform:none;filter:none}.btn-raised{background:var(--bg-primary, #ffffff);color:var(--btn-label-color, var(--label-color, var(--text-primary, #1f2937)));border:1px solid var(--border-default, #e5e7eb);border-bottom:3px solid var(--border-strong, #d1d5db);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.btn-raised:active:not(.btn-disabled){border-bottom-width:1px;transform:translateY(2px)}.btn-glass{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);color:inherit;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1)}.btn-glass:hover:not(.btn-disabled){background:rgba(255, 255, 255, 0.25)}.btn-soft{color:var(--label-color, var(--text-primary, #1e293b));border-color:transparent;box-shadow:none}.btn-soft:hover:not(.btn-disabled){background:var(--btn-soft-hover-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));transform:translateY(-1px)}.btn-soft.btn-success{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--label-color, #10b981)}.btn-soft.btn-success:hover:not(.btn-disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.16)}.btn-soft.btn-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--label-color, #ef4444)}.btn-soft.btn-danger:hover:not(.btn-disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.16)}.btn-soft.btn-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--label-color, #f59e0b)}.btn-soft.btn-warning:hover:not(.btn-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.16)}.btn-soft.btn-info{background:rgba(var(--color-info-rgb, 6, 182, 212), 0.1);color:var(--label-color, #06b6d4)}.btn-soft.btn-info:hover:not(.btn-disabled){background:rgba(var(--color-info-rgb, 6, 182, 212), 0.16)}.btn-accordion{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none;width:100%;--button-padding:16px 0px;--ui-button-height:auto;justify-content:space-between !important;border:none;font-size:16px;font-weight:500}.btn-accordion:hover:not(.btn-disabled){background:transparent;transform:none !important;box-shadow:none !important;filter:none !important}.btn-accordion:active:not(.btn-disabled){transform:none !important;background:transparent;box-shadow:none !important;filter:none !important}.btn-accordion:focus-visible,.btn-accordion:focus,.btn-accordion:active{outline:none !important;box-shadow:none !important;background:transparent !important}.btn-gradient{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #00b894) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.35)}.btn-gradient:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-success, #2ebd4a) 0%, var(--color-success, #00a381) 100%);box-shadow:0 6px 20px rgba(var(--color-success-rgb, 61, 205, 88), 0.5);transform:translateY(-1px)}.btn-gradient:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-success-rgb, 61, 205, 88), 0.3);transform:translateY(0)}.btn-gradient-blue{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.35)}.btn-gradient-blue:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary-hover, #2563eb) 0%, var(--color-primary, #7c3aed) 100%);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);transform:translateY(-1px)}.btn-gradient-blue:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);transform:translateY(0)}.btn-gradient-purple{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(139, 92, 246, 0.35)}.btn-gradient-purple:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #7c3aed) 0%, var(--color-danger, #db2777) 100%);box-shadow:0 6px 20px rgba(139, 92, 246, 0.5);transform:translateY(-1px)}.btn-gradient-purple:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(139, 92, 246, 0.3);transform:translateY(0)}.btn-gradient-orange{background:linear-gradient(135deg, var(--color-danger, #f97316) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(249, 115, 22, 0.35)}.btn-gradient-orange:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #ea6c0a) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(249, 115, 22, 0.5);transform:translateY(-1px)}.btn-gradient-orange:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(249, 115, 22, 0.3);transform:translateY(0)}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #0ea5e9) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(14, 165, 233, 0.35)}.btn-gradient-ocean:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #0284c7) 0%, var(--color-info-hover, #0891b2) 100%);box-shadow:0 6px 20px rgba(14, 165, 233, 0.5);transform:translateY(-1px)}.btn-gradient-ocean:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(14, 165, 233, 0.3);transform:translateY(0)}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #f97316) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-warning-rgb, 245, 158, 11), 0.35)}.btn-gradient-sunset:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning-hover, #d97706) 0%, var(--color-danger, #ea6c0a) 100%);box-shadow:0 6px 20px rgba(var(--color-warning-rgb, 245, 158, 11), 0.5);transform:translateY(-1px)}.btn-gradient-sunset:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.3);transform:translateY(0)}.btn-gradient-candy{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(236, 72, 153, 0.35)}.btn-gradient-candy:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #db2777) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(236, 72, 153, 0.5);transform:translateY(-1px)}.btn-gradient-candy:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(236, 72, 153, 0.3);transform:translateY(0)}.btn-gradient-gold{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning-hover, #d97706) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(251, 191, 36, 0.35);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.btn-gradient-gold:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #b45309) 100%);box-shadow:0 6px 20px rgba(251, 191, 36, 0.5);transform:translateY(-1px)}.btn-gradient-gold:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(251, 191, 36, 0.3);transform:translateY(0)}.btn-xxxs{--ui-button-height:20px;font-size:10px;padding:0 6px}.btn-xxs{--ui-button-height:24px;font-size:11px;padding:0 8px}.btn-xs{--ui-button-height:28px;font-size:12px;padding:0 10px}.btn-sm{--ui-button-height:32px;font-size:13px;padding:0 12px}.btn-md{--ui-button-height:44px;font-size:14px;padding:0 18px}.btn-lg{--ui-button-height:52px;font-size:15px;padding:0 22px}.btn-xl{--ui-button-height:60px;font-size:16px;padding:0 28px}.btn-xxl{--ui-button-height:68px;font-size:18px;padding:0 36px}.btn-xxxl{--ui-button-height:84px;font-size:20px;padding:0 48px}.btn-shape-square,.btn-shape-sharp{border-radius:0}.btn-shape-rounded{border-radius:var(--button-border-radius, 8px)}.btn-shape-rounded-lg{border-radius:var(--button-border-radius, 12px)}.btn-shape-pill,.btn-shape-oval{border-radius:var(--button-border-radius, 9999px);padding-left:1.5rem !important;padding-right:1.5rem !important}.btn-icon-only{padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;flex:0 0 var(--ui-button-height, 40px) !important;aspect-ratio:1/1 !important;display:inline-flex;align-items:center;justify-content:center}.btn-icon-only .btn-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;gap:0}.btn-icon-only .btn-label-group{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;gap:0}.btn-icon-only .btn-icon{display:flex;align-items:center;justify-content:center;margin:0}.btn-icon-only .btn-label{margin:0;font-size:0.95em;font-weight:700;line-height:1;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.btn-shape-circle{border-radius:50% !important;aspect-ratio:1/1 !important;padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;display:inline-flex;align-items:center;justify-content:center}.btn-shape-chip{border-radius:100px;height:28px !important;font-size:11px;padding:0 12px}.btn-disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.8);pointer-events:none}.btn-loading{cursor:wait}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));color:var(--btn-selected-color, var(--color-primary, #2563eb));font-weight:700;outline:none;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.btn-selected::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);pointer-events:none;z-index:-1}.btn-ghost.btn-selected{background:var(--btn-selected-bg, rgba(37, 99, 235, 0.1));color:var(--btn-selected-color, var(--text-standard))}.btn-ghost.btn-selected:hover:not(.btn-disabled){background:var(--btn-selected-hover-bg, rgba(37, 99, 235, 0.16))}.btn-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;max-width:100%;position:relative;z-index:1;flex:1 1 auto;overflow:hidden}.btn-icon-pos-left .btn-label-row{flex-direction:row}.btn-icon-pos-right .btn-label-row{flex-direction:row}.btn-icon-pos-top,.btn-icon-pos-bottom{height:auto;min-height:var(--ui-button-height);padding-top:10px !important;padding-bottom:10px !important}.btn-icon-pos-top .btn-label-row,.btn-icon-pos-bottom .btn-label-row{gap:4px !important;align-items:center !important;justify-content:center !important}.btn-icon-pos-top .btn-title-block,.btn-icon-pos-bottom .btn-title-block{align-items:center !important;text-align:center !important}.btn-icon-pos-top .btn-label-row{flex-direction:column}.btn-icon-pos-bottom .btn-label-row{flex-direction:column}.btn-label-group{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.btn-label-group.is-column{flex-direction:column;gap:4px}.btn-counter{margin-inline-start:8px;vertical-align:middle;flex-shrink:0}.btn-icon,.btn-spinner{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-label{display:inline-flex;align-items:center;gap:inherit;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.btn-img{height:1.5em;width:auto;margin:0 4px;object-fit:contain;flex-shrink:0}.btn-avatar{position:relative;flex-shrink:0;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;width:calc(var(--ui-button-height) * 0.65);height:calc(var(--ui-button-height) * 0.65);background:rgba(0, 0, 0, 0.05);margin-right:8px}.btn-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.btn-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg-primary, #ffffff);z-index:1}.btn-avatar .status-dot.status-online{background-color:var(--color-success, #10b981)}.btn-avatar .status-dot.status-offline{background-color:var(--text-muted, #6b7280)}.btn-avatar .status-dot.status-busy{background-color:var(--color-danger, #ef4444)}.btn-avatar .status-dot.status-away{background-color:var(--color-warning, #f59e0b)}.btn-icon-only .btn-avatar,.btn-shape-circle .btn-avatar{margin-inline-end:0;width:100%;height:100%;border-radius:inherit}.btn-icon-only .btn-avatar img,.btn-shape-circle .btn-avatar img{border-radius:inherit}.btn-has-bg{background-size:cover;background-position:center;position:relative}.btn-has-bg::before{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.3);transition:opacity 0.2s}.btn-has-bg:hover::before{background:rgba(0, 0, 0, 0.4)}.elevation-0{box-shadow:none}.elevation-1{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.elevation-2{box-shadow:0 4px 8px rgba(0, 0, 0, 0.12)}.elevation-3{box-shadow:0 8px 16px rgba(0, 0, 0, 0.15)}.elevation-4{box-shadow:0 12px 24px rgba(0, 0, 0, 0.18)}.elevation-5{box-shadow:0 20px 40px rgba(0, 0, 0, 0.2)}ui-badge.is-inline{margin:0px}ui-badge.is-absolute{position:absolute;z-index:10;pointer-events:none;width:0;height:0}.pos-top-right{top:-1rem;inset-inline-end:0}.pos-top-left{top:-1rem;inset-inline-start:0}.pos-bottom-right{bottom:1rem;inset-inline-end:0}.pos-bottom-left{bottom:1rem;inset-inline-start:0}.btn-ripple-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ripple{position:absolute;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-anim 0.6s linear}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}.btn-soft{box-shadow:none;border:none}.btn-soft.btn-primary,.btn-soft.btn-success,.btn-soft.btn-danger,.btn-soft.btn-warning,.btn-soft.btn-info{color:var(--label-color)}.btn-soft.btn-secondary{color:var(--label-subtitle-color)}.btn-soft:hover:not(.btn-disabled){background:currentColor;color:var(--text-standard, #ffffff);filter:none}.btn-active{transform:translateY(1px);filter:brightness(0.9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1) !important}.btn-skeleton{pointer-events:none;background:var(--bg-secondary, #f1f5f9) !important;border:none !important;color:transparent !important;box-shadow:none !important;position:relative;overflow:hidden}.btn-skeleton *{opacity:0 !important}.btn-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:btn-shimmer 1.5s infinite}@keyframes btn-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-primary, #f093fb) 0%, var(--color-danger, #f5576c) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #4facfe) 0%, var(--color-primary, #00f2fe) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-midnight{background:linear-gradient(135deg, var(--bg-primary, #232526) 0%, var(--bg-secondary, #414345) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-forest{background:linear-gradient(135deg, var(--color-primary, #11998e) 0%, var(--color-success, #38ef7d) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-blaze{background:linear-gradient(135deg, var(--color-danger, #ff512f) 0%, var(--color-danger, #dd2476) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-dropdown-icon{margin-inline-start:4px;display:flex;align-items:center;opacity:0.8;transition:transform 0.2s}.btn:hover .btn-dropdown-icon{transform:translateY(1px)}.btn-magnetic,.btn-tilt{transition:transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);will-change:transform;transform-style:preserve-3d}.btn-glow{position:relative}.btn-glow::before{content:"";position:absolute;inset:-2px;background:currentColor;border-radius:inherit;filter:blur(8px);opacity:0.4;z-index:-1;animation:btn-glow-pulse 2s ease-in-out infinite}@keyframes btn-glow-pulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.05)}}.confetti-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--particle-color);border-radius:2px;pointer-events:none;z-index:10;animation:confetti-burst 0.8s ease-out forwards}@keyframes confetti-burst{0%{transform:translate(-50%, -50%) rotate(0deg) scale(1);opacity:1}100%{transform:translate(calc(cos(var(--particle-angle)) * 100px * var(--particle-velocity)), calc(sin(var(--particle-angle)) * 100px * var(--particle-velocity))) rotate(720deg) scale(0);opacity:0}}.btn-primary.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-primary.btn-glow::before{background:var(--ui-primary, var(--color-success, #3dcd58))}.btn-success.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-success.btn-glow::before{background:var(--ui-success, var(--color-success, #10b981))}.btn-danger.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-danger.btn-glow::before{background:var(--ui-danger, var(--color-danger, #ef4444))}.btn-warning.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-warning.btn-glow::before{background:var(--ui-warning, var(--color-warning, #f59e0b))}.btn-info.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-info.btn-glow::before{background:var(--ui-info, var(--color-info-hover, #0891b2))}.btn-glossy{position:relative;overflow:hidden}.btn-glossy::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);transform:skewX(-25deg);animation:glossy-sweep 4s infinite ease-in-out}@keyframes glossy-sweep{0%{left:-100%}30%{left:150%}100%{left:150%}}.btn-icon{display:inline-flex;transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.btn-icon ui-icon{transition:opacity 0.2s, transform 0.2s}.btn:hover .btn-icon ui-icon{transform:scale(1.1)}.btn-hold-track{position:absolute;top:0;left:0;height:100%;background:rgba(0, 0, 0, 0.15);pointer-events:none;z-index:0;transition:width 0.05s linear}.btn-has-theme{--btn-theme-bg:var(--btn-theme-color, var(--color-primary, #10b981));--btn-theme-text:var(--text-standard, #ffffff);background:var(--btn-theme-bg);color:var(--btn-theme-text);border:none}.btn-has-theme:hover:not(.btn-disabled){background:color-mix(in srgb, var(--btn-theme-bg), #000 10%);box-shadow:0 4px 12px color-mix(in srgb, var(--btn-theme-bg), transparent 70%)}.btn-has-theme.btn-outline{background:transparent;color:var(--btn-theme-bg);border:1px solid var(--btn-theme-bg)}.btn-has-theme.btn-outline:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-has-theme.btn-soft{color:var(--btn-theme-bg)}.btn-has-theme.btn-soft:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-progress-track{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb, currentColor, transparent 80%);z-index:1;pointer-events:none;transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-primary .btn-progress-track{background:rgba(0, 0, 0, 0.2)}.btn-outline .btn-progress-track{background:color-mix(in srgb, currentColor, transparent 85%)}.btn-accordion{background:transparent;border:none;padding:0;height:auto;min-height:48px;width:100%;border-radius:0;box-shadow:none;color:inherit;--button-width:100%}.btn-accordion .btn-content,.btn-accordion .btn-label-row{padding:0 20px;justify-content:space-between}.btn-accordion .btn-label-block,.btn-accordion .btn-title{align-items:stretch;text-align:left;width:100%;display:flex;flex-direction:column}.btn-accordion:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.02);transform:none;box-shadow:none;filter:none}.btn-accordion:active:not(.btn-disabled){background:rgba(0, 0, 0, 0.05);transform:none}.btn-shaking{animation:btn-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes btn-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)}}.btn-rainbow.btn-glow::before{animation:btn-rainbow-glow 4s linear infinite;opacity:0.6}@keyframes btn-rainbow-glow{0%{background:var(--color-danger, #ff0000);filter:hue-rotate(0deg) blur(10px)}100%{background:var(--color-danger, #ff0000);filter:hue-rotate(360deg) blur(10px)}}.btn-liquid-progress{overflow:hidden}.btn-liquid-progress::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255, 255, 255, 0.2);border-radius:38%;animation:btn-liquid-wave 3s linear infinite}@keyframes btn-liquid-wave{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-split{padding-right:0 !important}.btn-split .btn-dropdown-icon{height:100%;padding:0 12px;margin-inline-start:8px;border-inline-start:1px solid rgba(255, 255, 255, 0.2);display:flex;align-items:center;transition:background 0.2s}.btn-split .btn-dropdown-icon:hover{background:rgba(0, 0, 0, 0.1)}.btn-confirm-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:12px 16px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:12px;white-space:nowrap;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);z-index:100;animation:pop-in 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-confirm-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--border-strong, #1f2937)}.btn-confirm-pop .pop-actions{display:flex;gap:6px}.btn-confirm-pop .pop-actions button{width:24px;height:24px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform 0.1s}.btn-confirm-pop .pop-actions button:active{transform:scale(0.9)}.btn-confirm-pop .pop-actions .pop-btn-no{background:var(--text-secondary, #374151);color:var(--bg-primary, #ffffff)}.btn-confirm-pop .pop-actions .pop-btn-yes{background:var(--color-success, #10b981);color:var(--bg-primary, #ffffff)}@keyframes pop-in{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.btn-reveal-fade-in{animation:btn-fade-in 0.6s ease-out forwards}.btn-reveal-slide-up{animation:btn-slide-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.btn-reveal-zoom{animation:btn-zoom-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes btn-fade-in{from{opacity:0}to{opacity:1}}@keyframes btn-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-zoom-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.btn-tooltip-pop{position:absolute;top:-10px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);animation:tooltip-in 0.2s ease-out}.btn-tooltip-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--border-strong, #1f2937)}@keyframes tooltip-in{from{opacity:0;transform:translateX(-50%) translateY(-90%) scale(0.95)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}}.btn-animate-gradient{background-size:240% 240% !important;animation:bg-living-gradient 6s ease infinite !important}@keyframes bg-living-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.btn-pulse{position:relative}.btn-pulse::before{content:"";position:absolute;inset:-6px;background:inherit;border-radius:inherit;opacity:0.4;z-index:-1;animation:btn-energy-pulse 2s cubic-bezier(0.24, 0, 0.38, 1) infinite}@keyframes btn-energy-pulse{0%{transform:scale(1);opacity:0.4;filter:blur(2px)}100%{transform:scale(1.3);opacity:0;filter:blur(8px)}}.btn-group-start{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-middle{border-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-end{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.btn-is-slider{background:rgba(0, 0, 0, 0.05) !important;border:1px solid rgba(0, 0, 0, 0.1) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;color:var(--text-muted, #64748b) !important;cursor:default !important;overflow:hidden;position:relative}.btn-is-slider:hover{transform:none !important}.btn-is-slider .btn-slider-handle{position:absolute;top:4px;height:calc(100% - 8px);width:52px;background:var(--bg-primary, #ffffff);border-radius:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);cursor:grab;z-index:10;transition:left 0.05s linear;color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider .btn-slider-handle:active{cursor:grabbing}.btn-is-slider.btn-primary .btn-slider-handle{color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider.btn-danger .btn-slider-handle{color:var(--ui-danger, var(--color-danger, #ef4444))}.btn-is-slider.btn-success .btn-slider-handle{color:var(--ui-success, var(--color-success, #10b981))}.btn-icon-hover-rotate:hover:not(.btn-disabled) .btn-icon{transform:rotate(15deg);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-follow-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 80px at var(--glow-x, 0) var(--glow-y, 0), rgba(255, 255, 255, 0.15), transparent);opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:1}.btn-follow-glow:hover::before{opacity:1}.btn-spinning .btn-icon{animation:btn-icon-spin 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes btn-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-shatter{position:absolute;background:rgba(0, 0, 0, 0.6);pointer-events:none;z-index:100;animation:btn-shatter-explode 0.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards}@keyframes btn-shatter-explode{0%{transform:translate(0, 0) rotate(0);opacity:1}100%{transform:translate(var(--vx), var(--vy)) rotate(var(--vr));opacity:0}}.btn-spinner.is-ring{width:24px;height:24px}.btn-spinner.is-ring .progress-ring{transform:rotate(-90deg);width:100%;height:100%}.btn-spinner.is-ring .progress-ring circle{stroke-linecap:round}.btn-spinner.is-ring .progress-ring .ring-bg{stroke:rgba(255, 255, 255, 0.1)}.btn-spinner.is-ring .progress-ring .ring-fg{stroke:currentColor;transition:stroke-dasharray 0.3s ease}.btn-primary .ring-bg{stroke:rgba(0, 0, 0, 0.1)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-surface), 0 0 0 4px var(--ui-primary, var(--color-success, #3dcd58)) !important;z-index:100}.btn:active:not(.btn-disabled),.btn-active:not(.btn-disabled){transform:translateY(1px) scale(0.96);box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) !important;filter:brightness(0.95)}.btn-raised:active:not(.btn-disabled){box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) !important}@media (max-width: 640px){.btn-hide-mobile{padding:0 !important;width:var(--ui-button-height) !important;min-width:var(--ui-button-height) !important}.btn-hide-mobile .btn-label,.btn-hide-mobile .btn-label-group,.btn-hide-mobile .btn-dropdown-icon{display:none !important}.btn-hide-mobile .btn-icon{margin:0 !important}}.btn-progress-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255, 255, 255, 0.2);border-radius:inherit;pointer-events:none;transition:width 0.4s ease;z-index:0}.btn-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}'}},[849,"ui-button",{imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],type:[1],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],avatarStatus:[1,"avatar-status"],value:[1],label:[1],subtitle:[1],description:[1],descriptionPosition:[1,"description-position"],icon:[1],iconLibrary:[1,"icon-library"],iconOnly:[516,"icon-only"],iconPosition:[513,"icon-position"],align:[513],justify:[513],iconSize:[8,"icon-size"],iconColor:[1,"icon-color"],variant:[1],color:[1],size:[1],disabled:[4],loading:[4],loadingPosition:[1,"loading-position"],fullWidth:[4,"full-width"],width:[1],minWidth:[1,"min-width"],shape:[1],rounded:[4],pill:[4],circle:[4],href:[1],target:[1],rel:[1],grow:[4],badge:[8],badgeColor:[1,"badge-color"],badgeCustomColor:[1,"badge-custom-color"],badgeCustomTextColor:[1,"badge-custom-text-color"],badgePosition:[1,"badge-position"],rtl:[4],selected:[1540],elevation:[2],reveal:[1],revealDelay:[2,"reveal-delay"],noRipple:[4,"no-ripple"],ariaLabel:[1,"aria-label"],copyValue:[1,"copy-value"],progress:[2],copied:[32],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["ui-button","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-button":customElements.get(e(t))||customElements.define(e(t),d);break;case"ui-badge":customElements.get(e(t))||g();break;case"ui-button":customElements.get(e(t))||l();break;case"ui-icon":customElements.get(e(t))||b()}}))}const c=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.badgeClick=o(this,"badgeClick",7),this.badgeClose=o(this,"badgeClose",7)}value;max=99;color="danger";size="md";dot=!1;position="top-right";variant="standard";showZero=!1;animation="none";offsetX=0;offsetY=0;icon;iconPosition="left";iconLibrary="default";gradient;customColor;customTextColor;interactive=!1;closeable=!1;glow=!1;shape="default";inline=!1;rtl=!1;isVisible=!0;badgeClick;badgeClose;handleClick=t=>{this.interactive&&(t.stopPropagation(),this.badgeClick.emit())};handleClose=t=>{t.stopPropagation(),t.preventDefault(),this.isVisible=!1,this.badgeClose.emit()};getDisplayValue(){if(this.dot)return"";if(null==this.value)return"";const t="number"==typeof this.value?this.value:parseInt(this.value);return isNaN(t)?this.value.toString():0!==t||this.showZero?t>(this.max??99)?`${this.max??99}+`:t.toString():""}render(){if(!this.isVisible)return null;const t=this.getDisplayValue(),r=this.dot||""!==t||this.icon,o=t.toString(),e=["badge",`badge-${this.color}`,`badge-${this.size}`,`badge-${this.position}`,`badge-${this.variant}`,this.dot?"badge-dot":"",1!==o.length||this.icon||this.closeable?"badge-pill":"badge-single","none"!==this.animation?`badge-${this.animation}`:"",this.interactive?"badge-interactive":"",this.glow?"badge-glow":"",this.gradient?`badge-gradient-${this.gradient}`:"","default"!==this.shape?`badge-shape-${this.shape}`:"",this.inline?"badge-inline":"",this.closeable?"badge-closable":""].filter(Boolean).join(" "),i={};return this.offsetX&&(i["--badge-offset-x"]=`${this.offsetX}px`),this.offsetY&&(i["--badge-offset-y"]=`${this.offsetY}px`),this.customColor&&(i["background-color"]=this.customColor),this.customTextColor&&(i.color=this.customTextColor),n(a,{dir:this.rtl?"rtl":void 0},n("div",{class:"badge-wrapper"},n("slot",null),r&&n("span",{class:e,style:i,onClick:this.handleClick},this.icon&&"left"===this.iconPosition&&!this.dot&&n("span",{class:"badge-icon"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),n("slot",{name:"badge-content"},!this.dot&&t),this.icon&&"right"===this.iconPosition&&!this.dot&&n("span",{class:"badge-icon"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),this.closeable&&n("ui-button",{variant:"ghost",class:"badge-close",onClick:this.handleClose,ariaLabel:"Close badge",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))))}static get style(){return'.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}.badge-wrapper{position:relative;display:inline-block}.badge{position:absolute;display:flex;align-items:center;justify-content:center;width:fit-content;border-radius:9999px;font-weight:600}.badge.badge-single:not(.badge-shape-square){border-radius:50%;padding:0 !important;min-width:var(--badge-height);aspect-ratio:1/1}.badge.badge-pill{white-space:nowrap;border-radius:9999px}.badge{font-family:inherit;line-height:1;z-index:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, opacity 0.2s ease;pointer-events:none;}.badge-sm{--badge-height:16px;min-width:14px;height:16px;padding:0 3px;font-size:10px}.badge-md{--badge-height:20px;min-width:18px;height:20px;padding:0 4px;font-size:11px}.badge-lg{--badge-height:24px;min-width:22px;height:24px;padding:0 5px;font-size:13px}.badge-dot{min-width:8px !important;width:8px;height:8px;padding:0 !important;border-radius:50%}.badge-dot.badge-sm{width:6px;height:6px}.badge-dot.badge-lg{width:10px;height:10px}.badge-top-right{top:0;inset-inline-end:0;transform:translate(40%, -40%)}[dir=rtl] .badge-top-right{transform:translate(-40%, -40%)}.badge-top-left{top:0;inset-inline-start:0;transform:translate(-40%, -40%)}[dir=rtl] .badge-top-left{transform:translate(40%, -40%)}.badge-bottom-right{bottom:0;inset-inline-end:0;transform:translate(40%, 40%)}[dir=rtl] .badge-bottom-right{transform:translate(-40%, 40%)}.badge-bottom-left{bottom:0;inset-inline-start:0;transform:translate(-40%, 40%)}[dir=rtl] .badge-bottom-left{transform:translate(40%, 40%)}.badge-inline{position:static !important;transform:none !important;vertical-align:middle;flex-shrink:0}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge-standard.badge-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.badge-standard.badge-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.badge-standard.badge-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.badge-standard.badge-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.badge-outlined{background-color:var(--bg-primary, var(--text-standard, #ffffff))}.badge-outlined.badge-primary{color:var(--color-primary, #10b981);border:2px solid var(--color-primary, #10b981)}.badge-outlined.badge-secondary{color:var(--text-muted, #6b7280);border:2px solid var(--color-primary, #6b7280)}.badge-outlined.badge-success{color:var(--color-success, #10b981);border:2px solid var(--color-success, #10b981)}.badge-outlined.badge-danger{color:var(--color-danger, #ef4444);border:2px solid var(--color-danger, #ef4444)}.badge-outlined.badge-warning{color:var(--color-warning, #f59e0b);border:2px solid var(--color-warning, #f59e0b)}.badge-outlined.badge-info{color:var(--color-info, #06b6d4);border:2px solid var(--color-info, #06b6d4)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0.9em;margin:0 2px}.badge-interactive{pointer-events:auto;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.badge-interactive:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.badge-interactive:active{transform:scale(0.95)}.badge.badge-closable{pointer-events:auto !important;border-radius:6px !important;padding-left:10px !important;padding-right:10px !important}.badge-close{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 4px;margin-left:4px;font-size:0.9em;opacity:0.8;transition:opacity 0.2s ease;line-height:1;pointer-events:auto;position:relative;z-index:2}.badge-close:hover{opacity:1}.badge-bordered{background-color:var(--bg-primary, var(--text-standard, #ffffff));border:2px solid currentColor}.badge-bordered.badge-primary{color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981)}.badge-bordered.badge-secondary{color:var(--text-muted, #6b7280);border-color:var(--color-primary, #6b7280)}.badge-bordered.badge-success{color:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.badge-bordered.badge-danger{color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.badge-bordered.badge-warning{color:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.badge-bordered.badge-info{color:var(--color-info, #06b6d4);border-color:var(--color-info, #06b6d4)}.badge-soft.badge-primary{background-color:var(--bg-primary, #eff6ff);color:var(--color-primary, #10b981)}.badge-soft.badge-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280)}.badge-soft.badge-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-success, #10b981)}.badge-soft.badge-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.badge-soft.badge-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-warning, #f59e0b)}.badge-soft.badge-info{background-color:var(--bg-primary, #cffafe);color:var(--color-info, #06b6d4)}.badge-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-purple-pink{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-teal-blue{background:linear-gradient(135deg, var(--color-info, #06b6d4) 0%, var(--color-primary, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-yellow-orange{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning, #f59e0b) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-red-pink{background:linear-gradient(135deg, var(--color-danger, #ef4444) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-indigo-purple{background:linear-gradient(135deg, var(--color-primary, #6366f1) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-glow{box-shadow:0 0 10px currentColor, 0 0 20px currentColor;animation:badge-glow-pulse 2s ease-in-out infinite}@keyframes badge-glow-pulse{0%,100%{box-shadow:0 0 10px currentColor, 0 0 20px currentColor}50%{box-shadow:0 0 15px currentColor, 0 0 30px currentColor}}.badge-bounce{animation:badge-bounce 1s ease-in-out infinite}@keyframes badge-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-shake{animation:badge-shake 0.5s ease-in-out infinite}@keyframes badge-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.badge-pulse{animation:badge-pulse-scale 1.5s ease-in-out infinite}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse-ring 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badge-pulse-ring{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}@media (prefers-reduced-motion: reduce){.badge-bounce,.badge-shake,.badge-pulse,.badge-glow,.badge-interactive{animation:none}.badge-pulse::after{animation:none}}.badge-shape-circle{border-radius:50%;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-circle.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-circle.badge-md{--badge-size:20px;font-size:11px}.badge-shape-circle.badge-lg{--badge-size:24px;font-size:13px}.badge-shape-square{border-radius:4px;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-square.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-square.badge-md{--badge-size:20px;font-size:11px}.badge-shape-square.badge-lg{--badge-size:24px;font-size:13px}'}},[769,"ui-badge",{value:[8],max:[2],color:[1],size:[1],dot:[4],position:[1],variant:[1],showZero:[4,"show-zero"],animation:[1],offsetX:[2,"offset-x"],offsetY:[2,"offset-y"],icon:[1],iconPosition:[1,"icon-position"],iconLibrary:[1,"icon-library"],gradient:[1],customColor:[1,"custom-color"],customTextColor:[1,"custom-text-color"],interactive:[4],closeable:[4],glow:[4],shape:[1],inline:[4],rtl:[4],isVisible:[32]}]);function g(){"undefined"!=typeof customElements&&["ui-badge","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-badge":customElements.get(e(t))||customElements.define(e(t),c);break;case"ui-badge":customElements.get(e(t))||g();break;case"ui-button":customElements.get(e(t))||l();break;case"ui-icon":customElements.get(e(t))||b()}}))}export{c as B,g as a,d as b,l as d}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as n,transformTag as e,Host as a}from"@stencil/core/internal/client";import{n as i,s,d as b}from"./icon.js";import{d}from"./loader.js";const l=t(class extends r{get el(){return this}internals;nativeButton;async setFocus(){this.nativeButton?.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=o(this,"buttonClick",7),this.internals=this.el.attachInternals()}imgSrc;imgAlt;type="button";avatarSrc;avatarAlt;avatarStatus="";value;label;subtitle;description;descriptionPosition="below";icon;iconLibrary="lucide";iconOnly=!1;iconPosition="left";align="center";justify="center";iconSize;iconColor="currentColor";variant="outline";color="none";size="md";disabled=!1;loading=!1;loadingPosition="left";fullWidth=!1;width;minWidth;shape="rounded";rounded=!0;pill=!1;circle=!1;href;target;rel;grow=!1;badge;counter;counterColor;counterCustomColor;counterCustomTextColor;badgeColor="danger";badgeCustomColor;badgeCustomTextColor;badgePosition="top-right";rtl=!1;selected=!1;elevation;reveal="none";revealDelay=0;noRipple=!1;ariaLabel;copyValue;progress;copied=!1;buttonClick;getBadgeColor(){const t=this.badgeColor;return t===this.color?"danger"===this.color?"warning":"danger":t}handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.noRipple||this.createRipple(t),this.copyValue&&navigator.clipboard?.writeText(this.copyValue).then((()=>{this.copied=!0,setTimeout((()=>this.copied=!1),2e3)})),"submit"!==this.type||this.disabled?"reset"!==this.type||this.disabled||this.internals.form?.reset():this.internals.form?.requestSubmit(),this.buttonClick.emit(t)};createRipple(t){const r=t.currentTarget,o=r.querySelector(".btn-ripple-container");if(!o)return;const n=document.createElement("span"),e=Math.max(r.clientWidth,r.clientHeight),a=e/2,i=r.getBoundingClientRect();n.style.width=n.style.height=`${e}px`,n.style.left=t.clientX-i.left-a+"px",n.style.top=t.clientY-i.top-a+"px",n.classList.add("ripple");const s=o.getElementsByClassName("ripple")[0];s&&s.remove(),o.appendChild(n)}renderButtonContent(t,r,o){const e=this.el.getAttribute("title")||"",a=(this.label||e).trim(),i=(this.description||this.subtitle||"").trim(),s=!!a,b=!!i,d=s||b||!this.iconOnly;if(this.iconOnly)return this.loading?o:r||t||n("slot",null);const l=this.badge&&("inline-left"===this.badgePosition||this.rtl&&"inline-right"===this.badgePosition)?n("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.getBadgeColor(),"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,c=this.badge&&("inline-right"===this.badgePosition||this.rtl&&"inline-left"===this.badgePosition)?n("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.getBadgeColor(),"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,g=this.loading&&("left"===this.loadingPosition||"icon"===this.loadingPosition&&!t&&!r),p=this.loading&&"right"===this.loadingPosition,f=this.loading&&("center"===this.loadingPosition||"icon"===this.loadingPosition),u=r||t||f?n("div",{class:"btn-icon-block",part:"icon-block"},f?o:r||t):null,h={};this.counterCustomColor&&(h["background-color"]=this.counterCustomColor),this.counterCustomTextColor&&(h.color=this.counterCustomTextColor);const m=void 0!==this.counter&&""!==this.counter?n("span",{class:{"btn-counter-badge":!0,[`counter-${this.counterColor}`]:!!this.counterColor},style:h,part:"counter"},this.counter):null,x=d?n("div",{class:"btn-label-block",part:"label-block"},n("div",{class:"btn-title",part:"title"},this.copied?"✓ Copied!":s?a:n("slot",null),m),b&&n("div",{class:`btn-subtitle btn-subtitle-${this.descriptionPosition}`,part:"subtitle"},i)):null;return n("div",{class:{"btn-label-row":!0,[`icon-pos-${this.iconPosition}`]:!0}},l,g&&o,u,x,p&&o,c)}render(){const t=!!this.imgSrc,r=!!this.avatarSrc,o=!!this.icon&&!this.loading,e=this.href?"a":"button",a=i(this.size,"md"),b=this.loading?n("span",{class:`btn-spinner btn-spinner-${this.loadingPosition}`},n("ui-loader",{size:"xs",color:"currentColor"})):null,d=this.el.getAttribute("title")||"",l=this.ariaLabel||(this.label||d||this.el.textContent||"").trim(),c=s(l),g=this.href?{href:this.href,target:this.target,rel:this.rel,role:"button","aria-label":c}:{type:"image"===this.type?"button":this.type,disabled:this.disabled||this.loading,"aria-label":c},p=o?n("span",{class:"btn-icon",part:"icon","aria-hidden":"true"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize||a,color:this.iconColor||"currentColor"})):null,f=r?n("span",{class:"btn-avatar"},n("img",{src:this.avatarSrc,alt:this.avatarAlt||""}),this.avatarStatus&&n("span",{class:`status-dot status-${this.avatarStatus}`})):null,u={"--button-width":this.width?this.width:this.fullWidth?"100%":"auto","--button-min-width":this.minWidth?this.minWidth:"auto","animation-delay":"none"!==this.reveal&&this.revealDelay>0?`${this.revealDelay}ms`:void 0},h=["btn",`btn-${"string"==typeof this.variant?this.variant:"none"}`,this.color&&`btn-${this.color}`,`btn-${a}`,(this.disabled||this.loading)&&"btn-disabled",this.iconOnly&&!this.loading&&"btn-icon-only",this.loading&&"btn-loading",this.fullWidth&&"btn-full-width",this.grow&&"btn-grow",this.shape&&"default"!==this.shape?`btn-shape-${this.shape}`:this.circle?"btn-shape-circle":this.pill?"btn-shape-pill":r?"btn-shape-circle":"btn-shape-rounded",this.selected&&"btn-selected","top"===this.iconPosition||"bottom"===this.iconPosition?"btn-is-vertical":"",!!this.elevation&&`btn-elevation-${this.elevation}`,t&&"btn-type-image",r&&"btn-type-avatar",`btn-align-${this.align}`,`btn-justify-${this.justify}`,`icon-pos-${this.iconPosition}`,this.loading&&`btn-loading-${this.loadingPosition}`,this.rtl&&"btn-rtl","none"!==this.reveal&&`reveal-${this.reveal}`].filter(Boolean).join(" ");return n(e,{key:"1a633068acc34fcf0fa27d2035b26452c17446c1",...g,style:u,class:h,part:"button",dir:this.rtl?"rtl":"ltr",onClick:this.handleClick,ref:t=>this.nativeButton=t},!this.noRipple&&n("span",{key:"c39b6a3c884ddcb8b1123a92fd325a39b6749bdf",class:"btn-ripple-container"}),n("span",{key:"f7ef1d361081711c95019718ca64b7215b59f235",class:"btn-content"},t?n("fragment",null,this.loading&&b,n("img",{src:this.imgSrc,alt:this.imgAlt||"",class:"btn-image"})):this.renderButtonContent(p,f,b)),this.badge&&!this.badgePosition.startsWith("inline")&&n("ui-badge",{key:"63cf65ca304184c969dedd157730c116823d9ba9",class:`btn-badge is-absolute pos-${this.badgePosition}`,value:this.badge.toString(),color:this.getBadgeColor(),"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}),void 0!==this.progress&&n("span",{key:"e9ea36586c110dc064dc9b8676b83765d5ce281a",class:"btn-progress-fill",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get style(){return'@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}.btn-label-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all 0.2s ease}.btn-label-row.icon-pos-left{flex-direction:row}.btn-label-row.icon-pos-right{flex-direction:row-reverse}.btn-label-row.icon-pos-top{flex-direction:column}.btn-label-row.icon-pos-bottom{flex-direction:column-reverse}.btn-label-block{display:flex;flex-direction:column;justify-content:center;min-width:0;align-items:center;text-align:center}.icon-pos-left .btn-label-block{align-items:flex-start;text-align:left}.icon-pos-right .btn-label-block{align-items:flex-end;text-align:right}.icon-pos-top .btn-label-block,.icon-pos-bottom .btn-label-block,.icon-pos-none .btn-label-block{align-items:center;text-align:center}.btn-title{font-size:inherit;font-weight:600;line-height:1.2}.btn-subtitle{font-size:0.85em;font-weight:400;color:var(--btn-subtitle-color, var(--label-subtitle-color, var(--dd-muted, #62748a)));line-height:1.2;opacity:1;transition:color 0.2s ease;margin-top:2px}.btn-subtitle.btn-subtitle-above{margin-top:0;margin-bottom:2px}.btn-icon-block{display:flex;align-items:center;justify-content:center;flex-shrink:0}:host{display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;border-radius:var(--button-border-radius, 8px);}:host([shape=square]){border-radius:0}:host([shape=circle]),:host([circle]){border-radius:50%}:host([shape=pill]),:host([pill]){border-radius:9999px}:host(.is-full-width){display:block;width:100%}:host(.is-grow){flex:1;display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center}.btn.btn-align-start{justify-content:flex-start;text-align:left}.btn.btn-align-start .btn-label-block{align-items:flex-start;text-align:left}.btn.btn-align-end{justify-content:flex-end;text-align:right}.btn.btn-align-end .btn-label-block{align-items:flex-end;text-align:right}.btn.btn-align-center{justify-content:center;text-align:center}.btn.btn-align-center .btn-label-block{align-items:center;text-align:center}.btn.btn-justify-start{justify-content:flex-start}.btn.btn-justify-end{justify-content:flex-end}.btn.btn-justify-center{justify-content:center}.btn.btn-justify-between{justify-content:space-between}.btn.btn-justify-around{justify-content:space-around}.btn .btn-content,.btn .btn-label-row{display:flex;flex:1;align-items:center;justify-content:inherit;min-width:0;width:100%;gap:8px}.btn .btn-content.is-vertical,.btn .btn-label-row.is-vertical{flex-direction:column;justify-content:center}.btn .btn-label-block{display:flex;flex-direction:column;min-width:0;flex:1;justify-content:center}.btn .btn-label-block .btn-title{display:flex;flex:1;width:100%;min-width:0;align-items:center;justify-content:inherit}.btn{position:relative;width:var(--button-width, auto);height:var(--ui-button-height, 40px);min-height:100%;padding:var(--button-padding, 0 20px);border:1px solid transparent;outline:none;cursor:pointer;user-select:none;text-decoration:none;font-family:inherit;font-weight:var(--button-font-weight, 600);font-size:var(--button-font-size, 14px);line-height:var(--button-line-height, normal);white-space:nowrap;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);overflow:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--text-primary, #000);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn.btn-is-vertical{height:auto;min-height:var(--ui-button-height, 44px);padding:10px 16px}.btn.btn-is-vertical .btn-label-block{align-items:center;text-align:center}.btn.btn-type-image{background:transparent !important;border-color:transparent !important;box-shadow:none !important;padding:0 !important;width:auto;height:auto;min-width:0}.btn.btn-type-image .btn-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (hover: hover){.btn:hover:not(.btn-disabled){box-shadow:0 4px 14px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25);filter:brightness(1.08);transform:scale(1.01)}}.btn:active:not(.btn-disabled){transform:scale(0.97);box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);filter:brightness(0.94);transition:transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-color:var(--btn-selected-border, var(--color-primary, #3b82f6));color:var(--btn-selected-color, var(--color-primary, #3b82f6));z-index:2}.btn-selected[style*="--hide-button-selection: 1"]{background-color:transparent !important;border-color:transparent !important;box-shadow:none !important}.btn-shortcut{font-size:0.8em;padding:1px 4px;background:rgba(0, 0, 0, 0.1);border-radius:4px;margin-inline-start:6px;font-family:monospace;opacity:0.7;letter-spacing:1px}.btn-primary .btn-shortcut{background:rgba(255, 255, 255, 0.2)}.btn-outline .btn-shortcut{background:rgba(0, 0, 0, 0.05)}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.btn-primary{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-secondary{background:var(--color-primary, #6b7280);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.btn-success{background:var(--color-success, #10b981);box-shadow:0 2px 8px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}.btn-danger{background:var(--color-danger, #ef4444);box-shadow:0 2px 8px rgba(var(--color-danger-rgb, 239, 68, 68), 0.2)}.btn-warning{background:var(--color-warning, #f59e0b);box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.btn-info{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-dark{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}.btn-outline{background:transparent;border-color:var(--border-strong, #d1d5db);color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-outline:hover:not(.btn-disabled){border-color:var(--color-primary, #9ca3af);background:rgba(0, 0, 0, 0.02)}.btn-ghost{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-ghost:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.05)}.btn-plain{background:transparent;border:none;box-shadow:none;color:inherit;padding:0;height:100%;min-width:0;width:100%;border-radius:inherit}.btn-plain:hover:not(.btn-disabled){transform:none;box-shadow:none;filter:none;background:transparent}.btn-plain:active:not(.btn-disabled){transform:none;filter:none}.btn-raised{background:var(--bg-primary, #ffffff);color:var(--btn-label-color, var(--label-color, var(--text-primary, #1f2937)));border:1px solid var(--border-default, #e5e7eb);border-bottom:3px solid var(--border-strong, #d1d5db);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.btn-raised:active:not(.btn-disabled){border-bottom-width:1px;transform:translateY(2px)}.btn-glass{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);color:inherit;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1)}.btn-glass:hover:not(.btn-disabled){background:rgba(255, 255, 255, 0.25)}.btn-soft{color:var(--label-color, var(--text-primary, #1e293b));border-color:transparent;box-shadow:none}.btn-soft:hover:not(.btn-disabled){background:var(--btn-soft-hover-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));transform:translateY(-1px)}.btn-soft.btn-success{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--label-color, #10b981)}.btn-soft.btn-success:hover:not(.btn-disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.16)}.btn-soft.btn-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--label-color, #ef4444)}.btn-soft.btn-danger:hover:not(.btn-disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.16)}.btn-soft.btn-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--label-color, #f59e0b)}.btn-soft.btn-warning:hover:not(.btn-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.16)}.btn-soft.btn-info{background:rgba(var(--color-info-rgb, 6, 182, 212), 0.1);color:var(--label-color, #06b6d4)}.btn-soft.btn-info:hover:not(.btn-disabled){background:rgba(var(--color-info-rgb, 6, 182, 212), 0.16)}.btn-accordion{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none;width:100%;--button-padding:16px 0px;--ui-button-height:auto;justify-content:space-between !important;border:none;font-size:16px;font-weight:500}.btn-accordion:hover:not(.btn-disabled){background:transparent;transform:none !important;box-shadow:none !important;filter:none !important}.btn-accordion:active:not(.btn-disabled){transform:none !important;background:transparent;box-shadow:none !important;filter:none !important}.btn-accordion:focus-visible,.btn-accordion:focus,.btn-accordion:active{outline:none !important;box-shadow:none !important;background:transparent !important}.btn-gradient{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #00b894) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.35)}.btn-gradient:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-success, #2ebd4a) 0%, var(--color-success, #00a381) 100%);box-shadow:0 6px 20px rgba(var(--color-success-rgb, 61, 205, 88), 0.5);transform:translateY(-1px)}.btn-gradient:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-success-rgb, 61, 205, 88), 0.3);transform:translateY(0)}.btn-gradient-blue{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.35)}.btn-gradient-blue:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary-hover, #2563eb) 0%, var(--color-primary, #7c3aed) 100%);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);transform:translateY(-1px)}.btn-gradient-blue:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);transform:translateY(0)}.btn-gradient-purple{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(139, 92, 246, 0.35)}.btn-gradient-purple:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #7c3aed) 0%, var(--color-danger, #db2777) 100%);box-shadow:0 6px 20px rgba(139, 92, 246, 0.5);transform:translateY(-1px)}.btn-gradient-purple:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(139, 92, 246, 0.3);transform:translateY(0)}.btn-gradient-orange{background:linear-gradient(135deg, var(--color-danger, #f97316) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(249, 115, 22, 0.35)}.btn-gradient-orange:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #ea6c0a) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(249, 115, 22, 0.5);transform:translateY(-1px)}.btn-gradient-orange:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(249, 115, 22, 0.3);transform:translateY(0)}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #0ea5e9) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(14, 165, 233, 0.35)}.btn-gradient-ocean:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #0284c7) 0%, var(--color-info-hover, #0891b2) 100%);box-shadow:0 6px 20px rgba(14, 165, 233, 0.5);transform:translateY(-1px)}.btn-gradient-ocean:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(14, 165, 233, 0.3);transform:translateY(0)}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #f97316) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-warning-rgb, 245, 158, 11), 0.35)}.btn-gradient-sunset:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning-hover, #d97706) 0%, var(--color-danger, #ea6c0a) 100%);box-shadow:0 6px 20px rgba(var(--color-warning-rgb, 245, 158, 11), 0.5);transform:translateY(-1px)}.btn-gradient-sunset:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.3);transform:translateY(0)}.btn-gradient-candy{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(236, 72, 153, 0.35)}.btn-gradient-candy:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #db2777) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(236, 72, 153, 0.5);transform:translateY(-1px)}.btn-gradient-candy:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(236, 72, 153, 0.3);transform:translateY(0)}.btn-gradient-gold{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning-hover, #d97706) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(251, 191, 36, 0.35);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.btn-gradient-gold:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #b45309) 100%);box-shadow:0 6px 20px rgba(251, 191, 36, 0.5);transform:translateY(-1px)}.btn-gradient-gold:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(251, 191, 36, 0.3);transform:translateY(0)}.btn-xxxs{--ui-button-height:20px;font-size:10px;padding:0 6px}.btn-xxs{--ui-button-height:24px;font-size:11px;padding:0 8px}.btn-xs{--ui-button-height:28px;font-size:12px;padding:0 10px}.btn-sm{--ui-button-height:32px;font-size:13px;padding:0 12px}.btn-md{--ui-button-height:44px;font-size:14px;padding:0 18px}.btn-lg{--ui-button-height:52px;font-size:15px;padding:0 22px}.btn-xl{--ui-button-height:60px;font-size:16px;padding:0 28px}.btn-xxl{--ui-button-height:68px;font-size:18px;padding:0 36px}.btn-xxxl{--ui-button-height:84px;font-size:20px;padding:0 48px}.btn-shape-square,.btn-shape-sharp{border-radius:0}.btn-shape-rounded{border-radius:var(--button-border-radius, 8px)}.btn-shape-rounded-lg{border-radius:var(--button-border-radius, 12px)}.btn-shape-pill,.btn-shape-oval{border-radius:var(--button-border-radius, 9999px);padding-left:1.5rem !important;padding-right:1.5rem !important}.btn-icon-only{padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;flex:0 0 var(--ui-button-height, 40px) !important;aspect-ratio:1/1 !important;display:inline-flex;align-items:center;justify-content:center}.btn-icon-only .btn-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;gap:0}.btn-icon-only .btn-label-group{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;gap:0}.btn-icon-only .btn-icon{display:flex;align-items:center;justify-content:center;margin:0}.btn-icon-only .btn-label{margin:0;font-size:0.95em;font-weight:700;line-height:1;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.btn-shape-circle{border-radius:50% !important;aspect-ratio:1/1 !important;padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;display:inline-flex;align-items:center;justify-content:center}.btn-shape-chip{border-radius:100px;height:28px !important;font-size:11px;padding:0 12px}.btn-disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.8);pointer-events:none}.btn-loading{cursor:wait}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));color:var(--btn-selected-color, var(--color-primary, #2563eb));font-weight:700;outline:none;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.btn-selected::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);pointer-events:none;z-index:-1}.btn-ghost.btn-selected{background:var(--btn-selected-bg, rgba(37, 99, 235, 0.1));color:var(--btn-selected-color, var(--text-standard))}.btn-ghost.btn-selected:hover:not(.btn-disabled){background:var(--btn-selected-hover-bg, rgba(37, 99, 235, 0.16))}.btn-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;max-width:100%;position:relative;z-index:1;flex:1 1 auto;overflow:hidden}.btn-icon-pos-left .btn-label-row{flex-direction:row}.btn-icon-pos-right .btn-label-row{flex-direction:row}.btn-icon-pos-top,.btn-icon-pos-bottom{height:auto;min-height:var(--ui-button-height);padding-top:10px !important;padding-bottom:10px !important}.btn-icon-pos-top .btn-label-row,.btn-icon-pos-bottom .btn-label-row{gap:4px !important;align-items:center !important;justify-content:center !important}.btn-icon-pos-top .btn-title-block,.btn-icon-pos-bottom .btn-title-block{align-items:center !important;text-align:center !important}.btn-icon-pos-top .btn-label-row{flex-direction:column}.btn-icon-pos-bottom .btn-label-row{flex-direction:column}.btn-label-group{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.btn-label-group.is-column{flex-direction:column;gap:4px}.btn-counter{margin-inline-start:8px;vertical-align:middle;flex-shrink:0}.btn-icon,.btn-spinner{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-label{display:inline-flex;align-items:center;gap:inherit;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.btn-img{height:1.5em;width:auto;margin:0 4px;object-fit:contain;flex-shrink:0}.btn-avatar{position:relative;flex-shrink:0;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;width:calc(var(--ui-button-height) * 0.65);height:calc(var(--ui-button-height) * 0.65);background:rgba(0, 0, 0, 0.05);margin-right:8px}.btn-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.btn-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg-primary, #ffffff);z-index:1}.btn-avatar .status-dot.status-online{background-color:var(--color-success, #10b981)}.btn-avatar .status-dot.status-offline{background-color:var(--text-muted, #6b7280)}.btn-avatar .status-dot.status-busy{background-color:var(--color-danger, #ef4444)}.btn-avatar .status-dot.status-away{background-color:var(--color-warning, #f59e0b)}.btn-icon-only .btn-avatar,.btn-shape-circle .btn-avatar{margin-inline-end:0;width:100%;height:100%;border-radius:inherit}.btn-icon-only .btn-avatar img,.btn-shape-circle .btn-avatar img{border-radius:inherit}.btn-has-bg{background-size:cover;background-position:center;position:relative}.btn-has-bg::before{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.3);transition:opacity 0.2s}.btn-has-bg:hover::before{background:rgba(0, 0, 0, 0.4)}.elevation-0{box-shadow:none}.elevation-1{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.elevation-2{box-shadow:0 4px 8px rgba(0, 0, 0, 0.12)}.elevation-3{box-shadow:0 8px 16px rgba(0, 0, 0, 0.15)}.elevation-4{box-shadow:0 12px 24px rgba(0, 0, 0, 0.18)}.elevation-5{box-shadow:0 20px 40px rgba(0, 0, 0, 0.2)}ui-badge.is-inline{margin:0px}ui-badge.is-absolute{position:absolute;z-index:10;pointer-events:none;width:0;height:0;--badge-border:2px solid var(--btn-badge-border, var(--bg-primary, #ffffff))}.pos-top-right{top:-1rem;inset-inline-end:0}.pos-top-left{top:-1rem;inset-inline-start:0}.pos-bottom-right{bottom:1rem;inset-inline-end:0}.pos-bottom-left{bottom:1rem;inset-inline-start:0}.btn-ripple-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ripple{position:absolute;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-anim 0.6s linear}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}.btn-soft{box-shadow:none;border:none}.btn-soft.btn-primary,.btn-soft.btn-success,.btn-soft.btn-danger,.btn-soft.btn-warning,.btn-soft.btn-info{color:var(--label-color)}.btn-soft.btn-secondary{color:var(--label-subtitle-color)}.btn-soft:hover:not(.btn-disabled){background:currentColor;color:var(--text-standard, #ffffff);filter:none}.btn-active{transform:translateY(1px);filter:brightness(0.9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1) !important}.btn-skeleton{pointer-events:none;background:var(--bg-secondary, #f1f5f9) !important;border:none !important;color:transparent !important;box-shadow:none !important;position:relative;overflow:hidden}.btn-skeleton *{opacity:0 !important}.btn-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:btn-shimmer 1.5s infinite}@keyframes btn-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-primary, #f093fb) 0%, var(--color-danger, #f5576c) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #4facfe) 0%, var(--color-primary, #00f2fe) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-midnight{background:linear-gradient(135deg, var(--bg-primary, #232526) 0%, var(--bg-secondary, #414345) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-forest{background:linear-gradient(135deg, var(--color-primary, #11998e) 0%, var(--color-success, #38ef7d) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-blaze{background:linear-gradient(135deg, var(--color-danger, #ff512f) 0%, var(--color-danger, #dd2476) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-dropdown-icon{margin-inline-start:4px;display:flex;align-items:center;opacity:0.8;transition:transform 0.2s}.btn:hover .btn-dropdown-icon{transform:translateY(1px)}.btn-magnetic,.btn-tilt{transition:transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);will-change:transform;transform-style:preserve-3d}.btn-glow{position:relative}.btn-glow::before{content:"";position:absolute;inset:-2px;background:currentColor;border-radius:inherit;filter:blur(8px);opacity:0.4;z-index:-1;animation:btn-glow-pulse 2s ease-in-out infinite}@keyframes btn-glow-pulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.05)}}.confetti-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--particle-color);border-radius:2px;pointer-events:none;z-index:10;animation:confetti-burst 0.8s ease-out forwards}@keyframes confetti-burst{0%{transform:translate(-50%, -50%) rotate(0deg) scale(1);opacity:1}100%{transform:translate(calc(cos(var(--particle-angle)) * 100px * var(--particle-velocity)), calc(sin(var(--particle-angle)) * 100px * var(--particle-velocity))) rotate(720deg) scale(0);opacity:0}}.btn-primary.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-primary.btn-glow::before{background:var(--ui-primary, var(--color-success, #3dcd58))}.btn-success.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-success.btn-glow::before{background:var(--ui-success, var(--color-success, #10b981))}.btn-danger.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-danger.btn-glow::before{background:var(--ui-danger, var(--color-danger, #ef4444))}.btn-warning.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-warning.btn-glow::before{background:var(--ui-warning, var(--color-warning, #f59e0b))}.btn-info.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-info.btn-glow::before{background:var(--ui-info, var(--color-info-hover, #0891b2))}.btn-glossy{position:relative;overflow:hidden}.btn-glossy::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);transform:skewX(-25deg);animation:glossy-sweep 4s infinite ease-in-out}@keyframes glossy-sweep{0%{left:-100%}30%{left:150%}100%{left:150%}}.btn-icon{display:inline-flex;transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.btn-icon ui-icon{transition:opacity 0.2s, transform 0.2s}.btn:hover .btn-icon ui-icon{transform:scale(1.1)}.btn-hold-track{position:absolute;top:0;left:0;height:100%;background:rgba(0, 0, 0, 0.15);pointer-events:none;z-index:0;transition:width 0.05s linear}.btn-has-theme{--btn-theme-bg:var(--btn-theme-color, var(--color-primary, #10b981));--btn-theme-text:var(--text-standard, #ffffff);background:var(--btn-theme-bg);color:var(--btn-theme-text);border:none}.btn-has-theme:hover:not(.btn-disabled){background:color-mix(in srgb, var(--btn-theme-bg), #000 10%);box-shadow:0 4px 12px color-mix(in srgb, var(--btn-theme-bg), transparent 70%)}.btn-has-theme.btn-outline{background:transparent;color:var(--btn-theme-bg);border:1px solid var(--btn-theme-bg)}.btn-has-theme.btn-outline:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-has-theme.btn-soft{color:var(--btn-theme-bg)}.btn-has-theme.btn-soft:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-progress-track{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb, currentColor, transparent 80%);z-index:1;pointer-events:none;transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-primary .btn-progress-track{background:rgba(0, 0, 0, 0.2)}.btn-outline .btn-progress-track{background:color-mix(in srgb, currentColor, transparent 85%)}.btn-accordion{background:transparent;border:none;padding:0;height:auto;min-height:48px;width:100%;border-radius:0;box-shadow:none;color:inherit;--button-width:100%}.btn-accordion .btn-content,.btn-accordion .btn-label-row{padding:0 20px;justify-content:space-between}.btn-accordion .btn-label-block,.btn-accordion .btn-title{align-items:stretch;text-align:left;width:100%;display:flex;flex-direction:column}.btn-accordion:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.02);transform:none;box-shadow:none;filter:none}.btn-accordion:active:not(.btn-disabled){background:rgba(0, 0, 0, 0.05);transform:none}.btn-shaking{animation:btn-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes btn-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)}}.btn-rainbow.btn-glow::before{animation:btn-rainbow-glow 4s linear infinite;opacity:0.6}@keyframes btn-rainbow-glow{0%{background:var(--color-danger, #ff0000);filter:hue-rotate(0deg) blur(10px)}100%{background:var(--color-danger, #ff0000);filter:hue-rotate(360deg) blur(10px)}}.btn-liquid-progress{overflow:hidden}.btn-liquid-progress::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255, 255, 255, 0.2);border-radius:38%;animation:btn-liquid-wave 3s linear infinite}@keyframes btn-liquid-wave{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-split{padding-right:0 !important}.btn-split .btn-dropdown-icon{height:100%;padding:0 12px;margin-inline-start:8px;border-inline-start:1px solid rgba(255, 255, 255, 0.2);display:flex;align-items:center;transition:background 0.2s}.btn-split .btn-dropdown-icon:hover{background:rgba(0, 0, 0, 0.1)}.btn-confirm-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:12px 16px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:12px;white-space:nowrap;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);z-index:100;animation:pop-in 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-confirm-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--border-strong, #1f2937)}.btn-confirm-pop .pop-actions{display:flex;gap:6px}.btn-confirm-pop .pop-actions button{width:24px;height:24px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform 0.1s}.btn-confirm-pop .pop-actions button:active{transform:scale(0.9)}.btn-confirm-pop .pop-actions .pop-btn-no{background:var(--text-secondary, #374151);color:var(--bg-primary, #ffffff)}.btn-confirm-pop .pop-actions .pop-btn-yes{background:var(--color-success, #10b981);color:var(--bg-primary, #ffffff)}@keyframes pop-in{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.btn-reveal-fade-in{animation:btn-fade-in 0.6s ease-out forwards}.btn-reveal-slide-up{animation:btn-slide-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.btn-reveal-zoom{animation:btn-zoom-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes btn-fade-in{from{opacity:0}to{opacity:1}}@keyframes btn-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-zoom-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.btn-tooltip-pop{position:absolute;top:-10px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);animation:tooltip-in 0.2s ease-out}.btn-tooltip-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--border-strong, #1f2937)}@keyframes tooltip-in{from{opacity:0;transform:translateX(-50%) translateY(-90%) scale(0.95)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}}.btn-animate-gradient{background-size:240% 240% !important;animation:bg-living-gradient 6s ease infinite !important}@keyframes bg-living-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.btn-pulse{position:relative}.btn-pulse::before{content:"";position:absolute;inset:-6px;background:inherit;border-radius:inherit;opacity:0.4;z-index:-1;animation:btn-energy-pulse 2s cubic-bezier(0.24, 0, 0.38, 1) infinite}@keyframes btn-energy-pulse{0%{transform:scale(1);opacity:0.4;filter:blur(2px)}100%{transform:scale(1.3);opacity:0;filter:blur(8px)}}.btn-group-start{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-middle{border-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-end{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.btn-is-slider{background:rgba(0, 0, 0, 0.05) !important;border:1px solid rgba(0, 0, 0, 0.1) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;color:var(--text-muted, #64748b) !important;cursor:default !important;overflow:hidden;position:relative}.btn-is-slider:hover{transform:none !important}.btn-is-slider .btn-slider-handle{position:absolute;top:4px;height:calc(100% - 8px);width:52px;background:var(--bg-primary, #ffffff);border-radius:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);cursor:grab;z-index:10;transition:left 0.05s linear;color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider .btn-slider-handle:active{cursor:grabbing}.btn-is-slider.btn-primary .btn-slider-handle{color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider.btn-danger .btn-slider-handle{color:var(--ui-danger, var(--color-danger, #ef4444))}.btn-is-slider.btn-success .btn-slider-handle{color:var(--ui-success, var(--color-success, #10b981))}.btn-icon-hover-rotate:hover:not(.btn-disabled) .btn-icon{transform:rotate(15deg);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-follow-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 80px at var(--glow-x, 0) var(--glow-y, 0), rgba(255, 255, 255, 0.15), transparent);opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:1}.btn-follow-glow:hover::before{opacity:1}.btn-spinning .btn-icon{animation:btn-icon-spin 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes btn-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-shatter{position:absolute;background:rgba(0, 0, 0, 0.6);pointer-events:none;z-index:100;animation:btn-shatter-explode 0.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards}@keyframes btn-shatter-explode{0%{transform:translate(0, 0) rotate(0);opacity:1}100%{transform:translate(var(--vx), var(--vy)) rotate(var(--vr));opacity:0}}.btn-spinner.is-ring{width:24px;height:24px}.btn-spinner.is-ring .progress-ring{transform:rotate(-90deg);width:100%;height:100%}.btn-spinner.is-ring .progress-ring circle{stroke-linecap:round}.btn-spinner.is-ring .progress-ring .ring-bg{stroke:rgba(255, 255, 255, 0.1)}.btn-spinner.is-ring .progress-ring .ring-fg{stroke:currentColor;transition:stroke-dasharray 0.3s ease}.btn-primary .ring-bg{stroke:rgba(0, 0, 0, 0.1)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-surface), 0 0 0 4px var(--ui-primary, var(--color-success, #3dcd58)) !important;z-index:100}.btn:active:not(.btn-disabled),.btn-active:not(.btn-disabled){transform:translateY(1px) scale(0.96);box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) !important;filter:brightness(0.95)}.btn-raised:active:not(.btn-disabled){box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) !important}@media (max-width: 640px){.btn-hide-mobile{padding:0 !important;width:var(--ui-button-height) !important;min-width:var(--ui-button-height) !important}.btn-hide-mobile .btn-label,.btn-hide-mobile .btn-label-group,.btn-hide-mobile .btn-dropdown-icon{display:none !important}.btn-hide-mobile .btn-icon{margin:0 !important}}.btn-progress-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255, 255, 255, 0.2);border-radius:inherit;pointer-events:none;transition:width 0.4s ease;z-index:0}.btn-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.btn-counter-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;height:18px;min-width:18px;padding:0 6px;border-radius:999px;background:var(--btn-counter-bg, rgba(0, 0, 0, 0.08));color:var(--btn-counter-color, inherit);margin-inline-start:8px;line-height:1;flex-shrink:0;box-sizing:border-box;text-shadow:none}.btn-primary .btn-counter-badge,.btn-success .btn-counter-badge,.btn-danger .btn-counter-badge,.btn-warning .btn-counter-badge,.btn-info .btn-counter-badge,.btn-dark .btn-counter-badge{background:var(--btn-counter-bg, rgba(255, 255, 255, 0.25));color:var(--btn-counter-color, #ffffff)}.btn-secondary .btn-counter-badge{background:var(--btn-counter-bg, rgba(0, 0, 0, 0.12));color:var(--btn-counter-color, inherit)}.btn-outline .btn-counter-badge,.btn-ghost .btn-counter-badge{background:var(--btn-counter-bg, rgba(0, 0, 0, 0.08));color:var(--btn-counter-color, var(--btn-label-color, var(--label-color, var(--text-secondary, #374151))))}.btn-soft .btn-counter-badge{background:var(--btn-counter-bg, rgba(0, 0, 0, 0.06));color:var(--btn-counter-color, inherit)}.btn-soft.btn-primary .btn-counter-badge{background:var(--btn-counter-bg, rgba(59, 130, 246, 0.15));color:var(--btn-counter-color, var(--color-primary, #3b82f6))}.btn-soft.btn-success .btn-counter-badge{background:var(--btn-counter-bg, rgba(16, 185, 129, 0.15));color:var(--btn-counter-color, var(--color-success, #10b981))}.btn-soft.btn-danger .btn-counter-badge{background:var(--btn-counter-bg, rgba(239, 68, 68, 0.15));color:var(--btn-counter-color, var(--color-danger, #ef4444))}.btn-soft.btn-warning .btn-counter-badge{background:var(--btn-counter-bg, rgba(245, 158, 11, 0.15));color:var(--btn-counter-color, var(--color-warning, #f59e0b))}.btn-soft.btn-info .btn-counter-badge{background:var(--btn-counter-bg, rgba(6, 182, 212, 0.15));color:var(--btn-counter-color, var(--color-info, #06b6d4))}.btn-gradient .btn-counter-badge,.btn-gradient-blue .btn-counter-badge,.btn-gradient-purple .btn-counter-badge,.btn-gradient-orange .btn-counter-badge,.btn-gradient-ocean .btn-counter-badge,.btn-gradient-sunset .btn-counter-badge,.btn-gradient-candy .btn-counter-badge,.btn-gradient-gold .btn-counter-badge,.btn-gradient-midnight .btn-counter-badge,.btn-gradient-forest .btn-counter-badge,.btn-gradient-blaze .btn-counter-badge{background:var(--btn-counter-bg, rgba(255, 255, 255, 0.25));color:var(--btn-counter-color, #ffffff)}.btn-counter-badge.counter-primary{background-color:var(--color-primary, #3b82f6) !important;color:#ffffff !important}.btn-counter-badge.counter-success{background-color:var(--color-success, #10b981) !important;color:#ffffff !important}.btn-counter-badge.counter-danger{background-color:var(--color-danger, #ef4444) !important;color:#ffffff !important}.btn-counter-badge.counter-warning{background-color:var(--color-warning, #f59e0b) !important;color:#ffffff !important}.btn-counter-badge.counter-info{background-color:var(--color-info, #06b6d4) !important;color:#ffffff !important}.btn-counter-badge.counter-secondary{background-color:var(--color-secondary, #6b7280) !important;color:#ffffff !important}'}},[849,"ui-button",{imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],type:[1],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],avatarStatus:[1,"avatar-status"],value:[1],label:[1],subtitle:[1],description:[1],descriptionPosition:[1,"description-position"],icon:[1],iconLibrary:[1,"icon-library"],iconOnly:[516,"icon-only"],iconPosition:[513,"icon-position"],align:[513],justify:[513],iconSize:[8,"icon-size"],iconColor:[1,"icon-color"],variant:[1],color:[1],size:[1],disabled:[4],loading:[4],loadingPosition:[1,"loading-position"],fullWidth:[4,"full-width"],width:[1],minWidth:[1,"min-width"],shape:[513],rounded:[4],pill:[516],circle:[516],href:[1],target:[1],rel:[1],grow:[4],badge:[8],counter:[8],counterColor:[1,"counter-color"],counterCustomColor:[1,"counter-custom-color"],counterCustomTextColor:[1,"counter-custom-text-color"],badgeColor:[1,"badge-color"],badgeCustomColor:[1,"badge-custom-color"],badgeCustomTextColor:[1,"badge-custom-text-color"],badgePosition:[1,"badge-position"],rtl:[4],selected:[1540],elevation:[2],reveal:[1],revealDelay:[2,"reveal-delay"],noRipple:[4,"no-ripple"],ariaLabel:[1,"aria-label"],copyValue:[1,"copy-value"],progress:[2],copied:[32],setFocus:[64]}]);function c(){"undefined"!=typeof customElements&&["ui-button","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-button":customElements.get(e(t))||customElements.define(e(t),l);break;case"ui-badge":customElements.get(e(t))||p();break;case"ui-button":customElements.get(e(t))||c();break;case"ui-icon":customElements.get(e(t))||b();break;case"ui-loader":customElements.get(e(t))||d()}}))}const g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.badgeClick=o(this,"badgeClick",7),this.badgeClose=o(this,"badgeClose",7)}value;max=99;color="danger";size="md";dot=!1;position="top-right";variant="standard";showZero=!1;animation="none";offsetX=0;offsetY=0;icon;iconPosition="left";iconLibrary="default";gradient;customColor;customTextColor;interactive=!1;closeable=!1;glow=!1;shape="default";inline=!1;rtl=!1;isVisible=!0;badgeClick;badgeClose;handleClick=t=>{this.interactive&&(t.stopPropagation(),this.badgeClick.emit())};handleClose=t=>{t.stopPropagation(),t.preventDefault(),this.isVisible=!1,this.badgeClose.emit()};getDisplayValue(){if(this.dot)return"";if(null==this.value)return"";const t="number"==typeof this.value?this.value:parseInt(this.value);return isNaN(t)?this.value.toString():0!==t||this.showZero?t>(this.max??99)?`${this.max??99}+`:t.toString():""}render(){if(!this.isVisible)return null;const t=this.getDisplayValue(),r=this.dot||""!==t||this.icon,o=t.toString(),e=["badge",`badge-${this.color}`,`badge-${this.size}`,`badge-${this.position}`,`badge-${this.variant}`,this.dot?"badge-dot":"",1!==o.length||this.icon||this.closeable?"badge-pill":"badge-single","none"!==this.animation?`badge-${this.animation}`:"",this.interactive?"badge-interactive":"",this.glow?"badge-glow":"",this.gradient?`badge-gradient-${this.gradient}`:"","default"!==this.shape?`badge-shape-${this.shape}`:"",this.inline?"badge-inline":"",this.closeable?"badge-closable":""].filter(Boolean).join(" "),i={};return this.offsetX&&(i["--badge-offset-x"]=`${this.offsetX}px`),this.offsetY&&(i["--badge-offset-y"]=`${this.offsetY}px`),this.customColor&&(i["background-color"]=this.customColor),this.customTextColor&&(i.color=this.customTextColor),n(a,{dir:this.rtl?"rtl":void 0},n("div",{class:"badge-wrapper"},n("slot",null),r&&n("span",{class:e,style:i,onClick:this.handleClick},this.icon&&"left"===this.iconPosition&&!this.dot&&n("span",{class:"badge-icon"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),n("slot",{name:"badge-content"},!this.dot&&t),this.icon&&"right"===this.iconPosition&&!this.dot&&n("span",{class:"badge-icon"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),this.closeable&&n("ui-button",{variant:"ghost",class:"badge-close",onClick:this.handleClose,ariaLabel:"Close badge",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))))}static get style(){return'.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}.badge-wrapper{position:relative;display:inline-block}.badge{position:absolute;display:flex;align-items:center;justify-content:center;width:fit-content;border-radius:9999px;font-weight:600;border:var(--badge-border, none)}.badge.badge-single:not(.badge-shape-square){border-radius:50%;padding:0 !important;min-width:var(--badge-height);aspect-ratio:1/1}.badge.badge-pill{white-space:nowrap;border-radius:9999px}.badge{font-family:inherit;line-height:1;z-index:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, opacity 0.2s ease;pointer-events:none;}.badge-sm{--badge-height:16px;min-width:14px;height:16px;padding:0 3px;font-size:10px}.badge-md{--badge-height:20px;min-width:18px;height:20px;padding:0 4px;font-size:11px}.badge-lg{--badge-height:24px;min-width:22px;height:24px;padding:0 5px;font-size:13px}.badge-dot{min-width:8px !important;width:8px;height:8px;padding:0 !important;border-radius:50%}.badge-dot.badge-sm{width:6px;height:6px}.badge-dot.badge-lg{width:10px;height:10px}.badge-top-right{top:0;inset-inline-end:0;transform:translate(40%, -40%)}[dir=rtl] .badge-top-right{transform:translate(-40%, -40%)}.badge-top-left{top:0;inset-inline-start:0;transform:translate(-40%, -40%)}[dir=rtl] .badge-top-left{transform:translate(40%, -40%)}.badge-bottom-right{bottom:0;inset-inline-end:0;transform:translate(40%, 40%)}[dir=rtl] .badge-bottom-right{transform:translate(-40%, 40%)}.badge-bottom-left{bottom:0;inset-inline-start:0;transform:translate(-40%, 40%)}[dir=rtl] .badge-bottom-left{transform:translate(40%, 40%)}.badge-inline{position:static !important;transform:none !important;vertical-align:middle;flex-shrink:0}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge-standard.badge-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.badge-standard.badge-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.badge-standard.badge-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.badge-standard.badge-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.badge-outlined{background-color:var(--bg-primary, var(--text-standard, #ffffff))}.badge-outlined.badge-primary{color:var(--color-primary, #10b981);border:2px solid var(--color-primary, #10b981)}.badge-outlined.badge-secondary{color:var(--text-muted, #6b7280);border:2px solid var(--color-primary, #6b7280)}.badge-outlined.badge-success{color:var(--color-success, #10b981);border:2px solid var(--color-success, #10b981)}.badge-outlined.badge-danger{color:var(--color-danger, #ef4444);border:2px solid var(--color-danger, #ef4444)}.badge-outlined.badge-warning{color:var(--color-warning, #f59e0b);border:2px solid var(--color-warning, #f59e0b)}.badge-outlined.badge-info{color:var(--color-info, #06b6d4);border:2px solid var(--color-info, #06b6d4)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0.9em;margin:0 2px}.badge-interactive{pointer-events:auto;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.badge-interactive:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.badge-interactive:active{transform:scale(0.95)}.badge.badge-closable{pointer-events:auto !important;border-radius:6px !important;padding-left:10px !important;padding-right:10px !important}.badge-close{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 4px;margin-left:4px;font-size:0.9em;opacity:0.8;transition:opacity 0.2s ease;line-height:1;pointer-events:auto;position:relative;z-index:2}.badge-close:hover{opacity:1}.badge-bordered{background-color:var(--bg-primary, var(--text-standard, #ffffff));border:2px solid currentColor}.badge-bordered.badge-primary{color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981)}.badge-bordered.badge-secondary{color:var(--text-muted, #6b7280);border-color:var(--color-primary, #6b7280)}.badge-bordered.badge-success{color:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.badge-bordered.badge-danger{color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.badge-bordered.badge-warning{color:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.badge-bordered.badge-info{color:var(--color-info, #06b6d4);border-color:var(--color-info, #06b6d4)}.badge-soft.badge-primary{background-color:var(--bg-primary, #eff6ff);color:var(--color-primary, #10b981)}.badge-soft.badge-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280)}.badge-soft.badge-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-success, #10b981)}.badge-soft.badge-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.badge-soft.badge-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-warning, #f59e0b)}.badge-soft.badge-info{background-color:var(--bg-primary, #cffafe);color:var(--color-info, #06b6d4)}.badge-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-purple-pink{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-teal-blue{background:linear-gradient(135deg, var(--color-info, #06b6d4) 0%, var(--color-primary, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-yellow-orange{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning, #f59e0b) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-red-pink{background:linear-gradient(135deg, var(--color-danger, #ef4444) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-indigo-purple{background:linear-gradient(135deg, var(--color-primary, #6366f1) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-glow{box-shadow:0 0 10px currentColor, 0 0 20px currentColor;animation:badge-glow-pulse 2s ease-in-out infinite}@keyframes badge-glow-pulse{0%,100%{box-shadow:0 0 10px currentColor, 0 0 20px currentColor}50%{box-shadow:0 0 15px currentColor, 0 0 30px currentColor}}.badge-bounce{animation:badge-bounce 1s ease-in-out infinite}@keyframes badge-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-shake{animation:badge-shake 0.5s ease-in-out infinite}@keyframes badge-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.badge-pulse{animation:badge-pulse-scale 1.5s ease-in-out infinite}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse-ring 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badge-pulse-ring{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}@media (prefers-reduced-motion: reduce){.badge-bounce,.badge-shake,.badge-pulse,.badge-glow,.badge-interactive{animation:none}.badge-pulse::after{animation:none}}.badge-shape-circle{border-radius:50%;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-circle.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-circle.badge-md{--badge-size:20px;font-size:11px}.badge-shape-circle.badge-lg{--badge-size:24px;font-size:13px}.badge-shape-square{border-radius:4px;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-square.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-square.badge-md{--badge-size:20px;font-size:11px}.badge-shape-square.badge-lg{--badge-size:24px;font-size:13px}'}},[769,"ui-badge",{value:[8],max:[2],color:[1],size:[1],dot:[4],position:[1],variant:[1],showZero:[4,"show-zero"],animation:[1],offsetX:[2,"offset-x"],offsetY:[2,"offset-y"],icon:[1],iconPosition:[1,"icon-position"],iconLibrary:[1,"icon-library"],gradient:[1],customColor:[1,"custom-color"],customTextColor:[1,"custom-text-color"],interactive:[4],closeable:[4],glow:[4],shape:[1],inline:[4],rtl:[4],isVisible:[32]}]);function p(){"undefined"!=typeof customElements&&["ui-badge","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-badge":customElements.get(e(t))||customElements.define(e(t),g);break;case"ui-badge":customElements.get(e(t))||p();break;case"ui-button":customElements.get(e(t))||c();break;case"ui-icon":customElements.get(e(t))||b();break;case"ui-loader":customElements.get(e(t))||d()}}))}export{g as B,p as a,l as b,c as d}

package/dist/components/button-toggle.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as o,transformTag as a}from"@stencil/core/internal/client";import{d as n,a as s}from"./badge.js";import{d as r}from"./icon.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonToggleChange=e(this,"buttonToggleChange",7)}get el(){return this}value="";label;icon;iconLeft;iconRight;iconPosition="left";iconOnly=!1;name="";selected=!1;disabled=!1;readonly=!1;loading=!1;size="md";color="primary";variant="soft";description;descriptionPosition="below";fullWidth=!1;reveal="none";revealDelay=0;shape="rounded";library="lucide";avatarSrc;avatarAlt;status;buttonToggleChange;handleClick=t=>{t.stopPropagation(),this.disabled||this.readonly||this.loading||this.buttonToggleChange.emit({value:this.value})};render(){const t={};return"none"!==this.reveal&&this.revealDelay>0&&(t["animation-delay"]=`${this.revealDelay}ms`),o("ui-button",{key:"97cc24c55a704ecd85f39d443f4cc098b3194138",part:"button",label:this.label,description:this.description,descriptionPosition:this.descriptionPosition,shape:this.shape,variant:this.variant,size:this.size,selected:this.selected,style:t,icon:this.icon||this.iconLeft||this.iconRight,iconPosition:this.iconPosition,iconLibrary:this.library,iconOnly:this.iconOnly,avatarSrc:this.avatarSrc,avatarAlt:this.avatarAlt,avatarStatus:this.status,disabled:this.disabled||this.loading,"aria-pressed":this.selected?"true":"false","aria-label":this.label,role:"radio",onClick:this.handleClick,tabIndex:this.disabled?-1:0,class:{"button-toggle-item":!0,"full-width":this.fullWidth}},o("slot",{key:"2d5cdcb204273dbd82191ff0da555eec5d79ed6d"}))}static get style(){return".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:contents}.button-toggle-item{width:100%}.button-toggle-item.full-width{width:100%}.button-toggle-item{}.button-list-vertical .button-toggle-item::part(button){justify-content:flex-start;text-align:left}.toggle-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toggle-spin 0.6s linear infinite}@keyframes toggle-spin{to{transform:rotate(360deg)}}.reveal-fade-in{animation:toggle-fade-in 0.4s ease both}.reveal-slide-up{animation:toggle-slide-up 0.4s ease both}.reveal-zoom{animation:toggle-zoom 0.35s ease both}@keyframes toggle-fade-in{from{opacity:0}to{opacity:1}}@keyframes toggle-slide-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-zoom{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}"}},[769,"ui-button-toggle",{value:[1],label:[1],icon:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],name:[1],selected:[1028],disabled:[4],readonly:[4],loading:[4],size:[1],color:[1],variant:[1],description:[1],descriptionPosition:[1,"description-position"],fullWidth:[4,"full-width"],reveal:[1],revealDelay:[2,"reveal-delay"],shape:[1],library:[1],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],status:[1]}]);function c(){"undefined"!=typeof customElements&&["ui-button-toggle","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-button-toggle":customElements.get(a(t))||customElements.define(a(t),l);break;case"ui-badge":customElements.get(a(t))||s();break;case"ui-button":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||r()}}))}export{l as B,c as d}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as o,transformTag as a}from"@stencil/core/internal/client";import{d as n,a as s}from"./badge.js";import{d as r}from"./icon.js";import{d as l}from"./loader.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonToggleChange=e(this,"buttonToggleChange",7)}get el(){return this}value="";label;icon;iconLeft;iconRight;iconPosition="left";iconOnly=!1;name="";selected=!1;disabled=!1;readonly=!1;loading=!1;size="md";color="primary";variant="soft";description;descriptionPosition="below";fullWidth=!1;reveal="none";revealDelay=0;shape="rounded";library="lucide";avatarSrc;avatarAlt;status;buttonToggleChange;handleClick=t=>{t.stopPropagation(),this.disabled||this.readonly||this.loading||this.buttonToggleChange.emit({value:this.value})};render(){const t={};return"none"!==this.reveal&&this.revealDelay>0&&(t["animation-delay"]=`${this.revealDelay}ms`),o("ui-button",{key:"97cc24c55a704ecd85f39d443f4cc098b3194138",part:"button",label:this.label,description:this.description,descriptionPosition:this.descriptionPosition,shape:this.shape,variant:this.variant,size:this.size,selected:this.selected,style:t,icon:this.icon||this.iconLeft||this.iconRight,iconPosition:this.iconPosition,iconLibrary:this.library,iconOnly:this.iconOnly,avatarSrc:this.avatarSrc,avatarAlt:this.avatarAlt,avatarStatus:this.status,disabled:this.disabled||this.loading,"aria-pressed":this.selected?"true":"false","aria-label":this.label,role:"radio",onClick:this.handleClick,tabIndex:this.disabled?-1:0,class:{"button-toggle-item":!0,"full-width":this.fullWidth}},o("slot",{key:"2d5cdcb204273dbd82191ff0da555eec5d79ed6d"}))}static get style(){return".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:contents}.button-toggle-item{width:100%}.button-toggle-item.full-width{width:100%}.button-toggle-item{}.button-list-vertical .button-toggle-item::part(button){justify-content:flex-start;text-align:left}.toggle-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toggle-spin 0.6s linear infinite}@keyframes toggle-spin{to{transform:rotate(360deg)}}.reveal-fade-in{animation:toggle-fade-in 0.4s ease both}.reveal-slide-up{animation:toggle-slide-up 0.4s ease both}.reveal-zoom{animation:toggle-zoom 0.35s ease both}@keyframes toggle-fade-in{from{opacity:0}to{opacity:1}}@keyframes toggle-slide-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-zoom{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}"}},[769,"ui-button-toggle",{value:[1],label:[1],icon:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],name:[1],selected:[1028],disabled:[4],readonly:[4],loading:[4],size:[1],color:[1],variant:[1],description:[1],descriptionPosition:[1,"description-position"],fullWidth:[4,"full-width"],reveal:[1],revealDelay:[2,"reveal-delay"],shape:[1],library:[1],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],status:[1]}]);function d(){"undefined"!=typeof customElements&&["ui-button-toggle","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-button-toggle":customElements.get(a(t))||customElements.define(a(t),c);break;case"ui-badge":customElements.get(a(t))||s();break;case"ui-button":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||r();break;case"ui-loader":customElements.get(a(t))||l()}}))}export{c as B,d}

package/dist/components/category-section2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as i}from"./library-card2.js";import{d as n,a as c}from"./badge.js";import{d}from"./icon.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}categoryName;categoryIcon="📦";components=[];expanded=!0;mode="demo";toggleExpanded=()=>{this.expanded=!this.expanded};render(){return a(r,{key:"e3a09ce08fdb7d41a84a0513c9bd9307d7d0fb2f"},a("div",{key:"68321cc0d827decbd472217460b97dc7955c818c",class:{category:!0,collapsed:!this.expanded}},a("ui-button",{key:"4b232b38aa4f84d8526206801aa1c562a051da64",class:"category-header",onButtonClick:this.toggleExpanded,variant:"plain",fullWidth:!0,align:"start"},a("span",{key:"c4d4449576357c8a85e131fd6e51d550b61bcb0e",class:"category-icon"},this.categoryIcon),a("h2",{key:"dd646cf30106d5665fd7cf16a33a1646dd576be5",class:"category-title"},this.categoryName),a("span",{key:"e174d5fa4e6eeaf3e6998f583c5a38329e66e176",class:"category-count"},this.components.length),a("svg",{key:"5e926d6ace89797270d978e2c51aeeb362e57e33",class:{chevron:!0,rotated:!this.expanded},width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("polyline",{key:"f02857e200d2f5562c19a1fecc3a4584fd52271e",points:"6,9 12,15 18,9"}))),a("div",{key:"3e70d09a10eda7220b63253dca6638220326ea0a",class:"category-content"},a("div",{key:"a51ebf47c0fafe095ca8616ee3f661ee4124c805",class:"cards-grid"},this.components.map((e=>a("library-card",{key:e.id,"component-id":e.id,"card-title":e.name,description:e.description,icon:e.icon,badge:e.badge,docs:e.docs,mode:this.mode})))))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;margin-bottom:32px}.category{background:linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:24px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.category:hover{border-color:rgba(99, 102, 241, 0.3)}.category-header{display:flex;align-items:center;gap:16px;padding:24px 28px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;color:inherit;font-family:inherit;transition:background 0.2s ease}.category-header:hover{background:rgba(255, 255, 255, 0.03)}.category-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.15));border-radius:14px;flex-shrink:0}.category-title{margin:0;font-size:1.4rem;font-weight:700;color:#f1f5f9;flex:1;letter-spacing:-0.02em}.category-count{font-size:0.85rem;font-weight:600;padding:6px 14px;background:rgba(99, 102, 241, 0.15);color:#a5b4fc;border-radius:20px}.chevron{color:#64748b;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.rotated{transform:rotate(-90deg)}.category-content{padding:0 24px 24px;max-height:2000px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.category.collapsed .category-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:16px}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}.category-header{padding:16px 20px}.category-content{padding:0 16px 16px}.category-title{font-size:1.2rem}}:host-context(.light) .category{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));border-color:rgba(0, 0, 0, 0.08)}:host-context(.light) .category-title{color:#1e293b}:host-context(.light) .chevron{color:#94a3b8}"}},[513,"category-section",{categoryName:[1,"category-name"],categoryIcon:[1,"category-icon"],components:[16],expanded:[1028],mode:[1]}]);function g(){"undefined"!=typeof customElements&&["category-section","library-card","ui-badge","ui-button","ui-icon"].forEach((e=>{switch(e){case"category-section":customElements.get(o(e))||customElements.define(o(e),s);break;case"library-card":customElements.get(o(e))||i();break;case"ui-badge":customElements.get(o(e))||c();break;case"ui-button":customElements.get(o(e))||n();break;case"ui-icon":customElements.get(o(e))||d()}}))}export{s as C,g as d}
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as i}from"./library-card2.js";import{d as c,a as n}from"./badge.js";import{d}from"./icon.js";import{d as s}from"./loader.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}categoryName;categoryIcon="📦";components=[];expanded=!0;mode="demo";toggleExpanded=()=>{this.expanded=!this.expanded};render(){return a(r,{key:"cbf8ccd3007f98bb7e60a16df0bc5e2297ca6169"},a("div",{key:"26e8b469d968c65d6d3b27c9beebd41877e92ad8",class:{category:!0,collapsed:!this.expanded}},a("ui-button",{key:"7310a57de6db671d7cfabec3627fdb1bc350723c",class:"category-header",onButtonClick:this.toggleExpanded,variant:"plain",fullWidth:!0,align:"start"},a("span",{key:"5505829b31f4d0bd69c063159b056a8ba3403c2f",class:"category-icon"},this.categoryIcon),a("h2",{key:"bfead7dba3a483a23a2971747b31ff0466cb11af",class:"category-title"},this.categoryName),a("span",{key:"bb3017b79b6abf090af4589c79ee03738ecfc10f",class:"category-count"},this.components.length),a("svg",{key:"bb7785342b89e9e571707abc2b0c0637037eb0b2",class:{chevron:!0,rotated:!this.expanded},width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("polyline",{key:"625fc1dac9dffc486edf86dc3d5862e7e15e0fb1",points:"6,9 12,15 18,9"}))),a("div",{key:"8a4a7c7f42ac74396853b44e57fc7aaa38ddaf7d",class:"category-content"},a("div",{key:"924bef66650d575f4cbfaf69d06b9e1ed76bcf08",class:"cards-grid"},this.components.map((e=>a("library-card",{key:e.id,"component-id":e.id,"card-title":e.name,description:e.description,icon:e.icon,badge:e.badge,docs:e.docs,mode:this.mode})))))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;margin-bottom:32px}.category{background:linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:24px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.category:hover{border-color:rgba(99, 102, 241, 0.3)}.category-header{display:flex;align-items:center;gap:16px;padding:24px 28px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;color:inherit;font-family:inherit;transition:background 0.2s ease}.category-header:hover{background:rgba(255, 255, 255, 0.03)}.category-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.15));border-radius:14px;flex-shrink:0}.category-title{margin:0;font-size:1.4rem;font-weight:700;color:#f1f5f9;flex:1;letter-spacing:-0.02em}.category-count{font-size:0.85rem;font-weight:600;padding:6px 14px;background:rgba(99, 102, 241, 0.15);color:#a5b4fc;border-radius:20px}.chevron{color:#64748b;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.rotated{transform:rotate(-90deg)}.category-content{padding:0 24px 24px;max-height:2000px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.category.collapsed .category-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:16px}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}.category-header{padding:16px 20px}.category-content{padding:0 16px 16px}.category-title{font-size:1.2rem}}:host-context(.light) .category{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));border-color:rgba(0, 0, 0, 0.08)}:host-context(.light) .category-title{color:#1e293b}:host-context(.light) .chevron{color:#94a3b8}"}},[513,"category-section",{categoryName:[1,"category-name"],categoryIcon:[1,"category-icon"],components:[16],expanded:[1028],mode:[1]}]);function p(){"undefined"!=typeof customElements&&["category-section","library-card","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"category-section":customElements.get(o(e))||customElements.define(o(e),g);break;case"library-card":customElements.get(o(e))||i();break;case"ui-badge":customElements.get(o(e))||n();break;case"ui-button":customElements.get(o(e))||c();break;case"ui-icon":customElements.get(o(e))||d();break;case"ui-loader":customElements.get(o(e))||s()}}))}export{g as C,p as d}

package/dist/components/checkbox.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as c,createEvent as o,h as t,transformTag as r}from"@stencil/core/internal/client";import{n as i,d as a}from"./icon.js";const n=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.analyticsEvent=o(this,"analyticsEvent",7),this.checkboxChange=o(this,"checkboxChange",7),this.checkboxFocus=o(this,"checkboxFocus",7),this.checkboxBlur=o(this,"checkboxBlur",7)}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return this}internals;inputElement;async setFocus(){this.inputElement?.focus()}checked=!1;indeterminate=!1;disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";value="";name="";size="md";color="success";variant="default";skeleton=!1;labelPosition="right";customCheckIcon="";customIndeterminateIcon="";customImage="";customIconLibrary="lucide";checkboxTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;labelClickable=!0;rtl=!1;description="";descriptionPosition="below";confetti=!1;glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isButton=!1;isFocused=!1;isHovered=!1;particles=[];checkboxChange;checkboxFocus;checkboxBlur;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.updateIndeterminateState()}formResetCallback(){this.checked=!1,this.indeterminate=!1,this.updateFormValue()}updateIndeterminateState(){this.inputElement&&(this.inputElement.indeterminate=this.indeterminate)}handleChange=e=>{this.disabled||this.readonly?e.preventDefault():(this.checked=e.target.checked,this.indeterminate=!1,this.haptic&&this.triggerHaptic(this.hapticIntensity),this.confetti&&this.checked&&this.triggerConfetti(),this.updateFormValue(),this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}),this.analyticsEvent.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};updateFormValue(){this.internals.setFormValue(this.checked?this.value||"on":null)}triggerHaptic(e="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===e?[50,20,50]:"md"===e?[30]:[10])}triggerConfetti(){const e=Array.from({length:15}).map(((e,c)=>({id:Date.now()+c,x:50,y:50,vx:8*(Math.random()-.5),vy:8*(Math.random()-.5),r:360*Math.random(),color:["#3DCD58","#4ade80","#ffffff"][Math.floor(3*Math.random())],size:6*Math.random()+4})));this.particles=[...e],setTimeout((()=>this.particles=[]),800)}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.checkboxFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.checkboxBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=e=>{this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.checked=!this.checked,this.indeterminate=!1,this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};renderCheckmark(){return this.checked||this.indeterminate?this.customImage?t("img",{src:this.customImage,class:"custom-image-mark"}):this.indeterminate&&this.customIndeterminateIcon?t("ui-icon",{name:this.customIndeterminateIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):!this.indeterminate&&this.customCheckIcon?t("ui-icon",{name:this.customCheckIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):t("svg",{class:"checkmark-svg",viewBox:"0 0 24 24"},t("path",this.indeterminate?{class:"indeterminate-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round",d:"M5 12h14"}:{class:"checkmark-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"})):null}renderLabel(){return this.label?t("div",{class:`label-section is-${this.descriptionPosition}`},t("span",{class:{"checkbox-label-text":!0,"non-clickable":!this.labelClickable},onClick:e=>{this.labelClickable||e.preventDefault()}},this.label,this.required&&t("span",{class:"required-indicator"},"*")),this.description&&t("span",{class:"checkbox-description"},this.description)):null}renderHelperText(){return this.invalid&&this.errorMessage?t("div",{class:"helper-text error"},t("ui-icon",{name:"exclamation-circle",library:"fontawesome",size:"14px"}),this.errorMessage):this.helperText?t("div",{class:"helper-text"},this.helperText):null}render(){const e=i(this.size,"md"),c={"checkbox-container":!0,[`checkbox-${e}`]:!0,[`checkbox-${this.color}`]:!0,[`checkbox-${this.variant}`]:!0,"checkbox-disabled":this.disabled,"checkbox-readonly":this.readonly,"checkbox-invalid":this.invalid,"checkbox-focused":this.isFocused,"checkbox-hovered":this.isHovered,[`checkbox-label-${this.labelPosition}`]:!0,"checkbox-animate":this.enableAnimation,"checkbox-skeleton":this.skeleton,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-rtl":this.rtl,"checkbox-glow":this.glow,"checkbox-is-button":this.isButton,[`checkbox-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},o={"checkbox-input-wrapper":!0,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-ripple":this.rippleEffect&&!this.disabled};return t("div",{key:"98ae46b3ba03456e81610b5c1558d2f62b2c697e",class:c,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},t("label",{key:"8d7a330bb7f92b454076bef8e22cee9daa8f9fb4",class:"checkbox-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),t("div",{key:"fd9728537e2c16a564f9b363012802ba8fa1235e",class:o},t("input",{key:"1074f40300a98aaef23eb2c03466cc972b1b3090",ref:e=>this.inputElement=e,type:"checkbox",class:"checkbox-input",checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,value:this.value,name:this.name,tabindex:this.checkboxTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.indeterminate?"mixed":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown}),t("div",{key:"c769aaf4fe33649562de2848871114f15c88b742",class:"checkbox-box"},t("div",{key:"7de0b8700ecaad754fe7bc0e44da00852c4bb014",class:"glow-layer"}),this.renderCheckmark(),this.particles.map((e=>t("span",{class:"btn-confetti",key:e.id,style:{left:`${e.x}%`,top:`${e.y}%`,"--vx":`${e.vx}px`,"--vy":`${e.vy}px`,"--vr":`${e.r}deg`,backgroundColor:e.color,width:`${e.size}px`,height:`${e.size}px`}})))),this.badge&&t("span",{key:"99ad8db8cebfa106f5865c0a96470cb481ef9e91",class:"checkbox-badge"},this.badge),this.tooltip&&t("div",{key:"a2c46d9e27e9d404d543c31a1449b0ae945965c2",class:`checkbox-tooltip checkbox-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel()),this.renderHelperText())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{indeterminate:[{updateIndeterminateState:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.checkbox-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.btn-confetti{position:absolute;border-radius:50%;pointer-events:none;z-index:100;animation:confetti-drift 0.8s ease-out forwards}@keyframes confetti-drift{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(var(--vx), var(--vy)) scale(0) rotate(var(--vr));opacity:0}}[class*=checkbox-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.checkbox-reveal-fade-in{animation:checkbox-fade-in 0.6s ease-out forwards}.checkbox-reveal-slide-up{animation:checkbox-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.checkbox-reveal-zoom{animation:checkbox-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes checkbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes checkbox-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkbox-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.checkbox-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.checkbox-input-wrapper:hover .checkbox-tooltip{opacity:1}.checkbox-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.checkbox-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:inline-block;--ui-checkbox-border:var(--border-strong, #bfc8d8);--ui-checkbox-border-hover:var(--color-primary, #94a3b8);--ui-checkbox-bg:var(--bg-primary, #ffffff);--ui-checkbox-checked-bg:var(--color-success, #3dcd58);--text-primary:var(--label-color, var(--text-primary, #1e293b));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #64748b));--error-color-light:var(--bg-secondary, #fef2f2)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-checkbox-border:var(--border-strong, #334155);--ui-checkbox-border-hover:var(--color-primary, #475569);--ui-checkbox-bg:var(--bg-primary, #1e293b);--ui-checkbox-checked-bg:var(--color-primary, #4ade80);--text-primary:var(--label-color, var(--text-primary, #f1f5f9));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #cbd5e1))}.checkbox-container{display:inline-flex;flex-direction:column;gap:4px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;vertical-align:middle;box-sizing:border-box;color:var(--text-primary)}.checkbox-container.checkbox-rtl{direction:rtl}.checkbox-container *{box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease}.checkbox-label-top .checkbox-label{flex-direction:column;align-items:flex-start;gap:8px}.checkbox-label-top .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-bottom .checkbox-label{flex-direction:column-reverse;align-items:flex-start;gap:8px}.checkbox-label-bottom .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-left .checkbox-label{flex-direction:row-reverse;justify-content:flex-end}.checkbox-container.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:0.6}.checkbox-container.checkbox-readonly .checkbox-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .checkbox-description{margin-top:0}.checkbox-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--text-secondary)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:inherit}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-checkbox-border);background:var(--ui-checkbox-bg);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.checkbox-box .glow-layer{position:absolute;inset:-4px;background:var(--ui-checkbox-color, var(--color-primary));opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.checkbox-glow.checkbox-checked .checkbox-box .glow-layer{opacity:0.4}.checkbox-xxxs .checkbox-box{width:12px;height:12px;border-radius:3px}.checkbox-xxxs .check-icon{font-size:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.checkbox-xxxs .checkbox-label-text{font-size:0.75rem;line-height:1.25}.checkbox-xxs .checkbox-box{width:14px;height:14px;border-radius:4px}.checkbox-xxs .check-icon{font-size:9px;width:9px;height:9px;display:flex;align-items:center;justify-content:center}.checkbox-xxs .checkbox-label-text{font-size:0.8125rem;line-height:1.25}.checkbox-xs .checkbox-box{width:16px;height:16px;border-radius:4px}.checkbox-xs .check-icon{font-size:10px;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.checkbox-xs .checkbox-label-text{font-size:0.875rem;line-height:1.5}.checkbox-sm .checkbox-box{width:18px;height:18px;border-radius:5px}.checkbox-sm .check-icon{font-size:11px;width:11px;height:11px;display:flex;align-items:center;justify-content:center}.checkbox-sm .checkbox-label-text{font-size:0.9375rem;line-height:1.5}.checkbox-md .checkbox-box{width:20px;height:20px;border-radius:6px}.checkbox-md .check-icon{font-size:12px;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.checkbox-md .checkbox-label-text{font-size:1rem;line-height:1.5}.checkbox-lg .checkbox-box{width:24px;height:24px;border-radius:8px}.checkbox-lg .check-icon{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.checkbox-lg .checkbox-label-text{font-size:1.125rem;line-height:1.5}.checkbox-xl .checkbox-box{width:28px;height:28px;border-radius:10px}.checkbox-xl .check-icon{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox-xl .checkbox-label-text{font-size:1.25rem;line-height:1.5}.checkbox-xxl .checkbox-box{width:32px;height:32px;border-radius:12px}.checkbox-xxl .check-icon{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox-xxl .checkbox-label-text{font-size:1.375rem;line-height:1.5}.checkbox-xxxl .checkbox-box{width:40px;height:40px;border-radius:14px}.checkbox-xxxl .check-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.checkbox-xxxl .checkbox-label-text{font-size:1.5rem;line-height:1.5}.checkbox-rounded .checkbox-box{border-radius:50%}.checkbox-square .checkbox-box{border-radius:0}.checkbox-glass .checkbox-box{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.checkbox-glass.checkbox-checked .checkbox-box{background:currentColor !important;backdrop-filter:none}.checkbox-raised .checkbox-box{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.checkbox-button,.checkbox-chip{width:auto}.checkbox-button .checkbox-label,.checkbox-chip .checkbox-label{padding:8px 16px;border:2px solid var(--border-color, var(--border-default, #e5e7eb));border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--surface-color, var(--bg-primary, #ffffff));line-height:1.5;box-sizing:border-box;min-height:40px}.checkbox-button .checkbox-box,.checkbox-chip .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-button.checkbox-primary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-primary.checkbox-checked .checkbox-label{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1);border-color:var(--color-success, #3dcd58)}.checkbox-button.checkbox-secondary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-secondary.checkbox-checked .checkbox-label{background:rgba(107, 114, 128, 0.1);border-color:var(--color-primary, #6b7280)}.checkbox-button.checkbox-success.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-success.checkbox-checked .checkbox-label{background:rgba(22, 163, 74, 0.1);border-color:var(--color-success, #16a34a)}.checkbox-button.checkbox-danger.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-danger.checkbox-checked .checkbox-label{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1);border-color:var(--color-danger-hover, #dc2626)}.checkbox-button.checkbox-warning.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-warning.checkbox-checked .checkbox-label{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);border-color:var(--color-warning, #f59e0b)}.checkbox-button.checkbox-info.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-info.checkbox-checked .checkbox-label{background:rgba(8, 145, 178, 0.1);border-color:var(--color-info-hover, #0891b2)}.checkbox-button.checkbox-hovered:not(.checkbox-disabled) .checkbox-label,.checkbox-chip.checkbox-hovered:not(.checkbox-disabled) .checkbox-label{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.checkbox-chip .checkbox-label{border-radius:20px;padding:4px 12px;min-height:32px}.checkbox-animate .checkbox-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;transform:scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:inherit;z-index:0}.checkbox-animate .checkbox-checked .checkbox-box::after,.checkbox-animate .checkbox-indeterminate .checkbox-box::after{transform:scale(1)}.checkbox-animate .checkbox-checked .check-icon,.checkbox-animate .checkbox-indeterminate .check-icon{z-index:1;animation:checkmark-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.checkbox-primary{--ui-checkbox-color:var(--color-primary, #3b82f6)}.checkbox-secondary{--ui-checkbox-color:var(--text-muted, #6b7280)}.checkbox-success{--ui-checkbox-color:var(--color-success, #16a34a)}.checkbox-danger{--ui-checkbox-color:var(--color-danger-hover, #dc2626)}.checkbox-warning{--ui-checkbox-color:var(--color-warning, #f59e0b)}.checkbox-info{--ui-checkbox-color:var(--color-info-hover, #0891b2)}.checkbox-checked .checkbox-box,.checkbox-indeterminate .checkbox-box{background:var(--ui-checkbox-color, var(--color-primary));border-color:var(--ui-checkbox-color, var(--color-primary))}.checkbox-box{background:var(--ui-checkbox-bg);border-color:var(--ui-checkbox-border)}.checkmark-svg{width:100%;height:100%;display:block;padding:10%;color:var(--text-standard, #ffffff);z-index:2}.custom-image-mark{width:100%;height:100%;object-fit:contain;border-radius:inherit;z-index:2}.custom-icon-mark{z-index:2;color:var(--text-standard, #ffffff)}.checkmark-path{stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.checkbox-checked .checkmark-path{stroke-dashoffset:0}.indeterminate-path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset 0.3s ease}.checkbox-indeterminate .indeterminate-path{stroke-dashoffset:0}.checkbox-checked .check-icon,.checkbox-indeterminate .check-icon{transform:scale(1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.2);border-color:var(--ui-checkbox-checked-bg)}.checkbox-hovered:not(.checkbox-disabled):not(.checkbox-readonly) .checkbox-box{border-color:var(--ui-checkbox-border-hover)}.checkbox-ripple .checkbox-box::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.checkbox-ripple .checkbox-input:active~.checkbox-box::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.checkbox-skeleton{pointer-events:none}.checkbox-skeleton .checkbox-box{background:var(--bg-primary, #e5e7eb) !important;border-color:var(--border-default, #e5e7eb) !important;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%) !important;background-size:200% 100% !important}.checkbox-skeleton .checkbox-label-text{width:100px;height:1rem;background:var(--bg-primary, #e5e7eb);border-radius:4px;color:transparent;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.checkbox-label-text{color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:inline-block;line-height:1.5}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.helper-text{font-size:0.875rem;color:var(--text-secondary);margin-inline-start:32px;display:flex;align-items:center;gap:4px}.checkbox-label-left .helper-text{margin-inline-start:0;margin-inline-end:32px}.checkbox-label-top .helper-text,.checkbox-label-bottom .helper-text{margin-inline-start:0;justify-content:center}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.checkbox-invalid .checkbox-box{border-color:var(--color-danger-hover, #dc2626)}.checkbox-invalid:not(.checkbox-checked):not(.checkbox-indeterminate) .checkbox-box{background:var(--error-color-light, #fef2f2)}.checkbox-is-button{width:100%;height:100%}.checkbox-is-button .checkbox-label{padding:8px 16px;justify-content:center;background:var(--ui-checkbox-bg);transition:all 0.2s ease;width:100%;height:100%;border-radius:0;border:1px solid var(--ui-checkbox-border)}.checkbox-is-button .checkbox-label:hover:not(.checkbox-disabled){background:rgba(0, 0, 0, 0.02)}.checkbox-is-button .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-is-button.checkbox-checked .checkbox-label{background:var(--ui-checkbox-checked-bg);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--ui-checkbox-checked-bg)}.checkbox-is-button.checkbox-secondary.checkbox-checked .checkbox-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.checkbox-is-button.checkbox-success.checkbox-checked .checkbox-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.checkbox-is-button.checkbox-danger.checkbox-checked .checkbox-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.checkbox-is-button.checkbox-warning.checkbox-checked .checkbox-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.checkbox-is-button.checkbox-info.checkbox-checked .checkbox-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.checkbox-is-button+.checkbox-is-button .checkbox-label{margin-inline-start:-1px}'}},[593,"ui-checkbox",{customClass:[1,"custom-class"],badge:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],checked:[1028],indeterminate:[1028],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],value:[1],name:[1],size:[1],color:[1],variant:[1],skeleton:[4],labelPosition:[1,"label-position"],customCheckIcon:[1,"custom-check-icon"],customIndeterminateIcon:[1,"custom-indeterminate-icon"],customImage:[1,"custom-image"],customIconLibrary:[1,"custom-icon-library"],checkboxTabIndex:[2,"checkbox-tab-index"],ariaLabel:[1,"aria-label"],ariaDescribedBy:[1,"aria-described-by"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],labelClickable:[4,"label-clickable"],rtl:[4],description:[1],descriptionPosition:[1,"description-position"],confetti:[4],glow:[4],haptic:[4],hapticIntensity:[1,"haptic-intensity"],reveal:[1],revealDelay:[2,"reveal-delay"],isButton:[4,"is-button"],isFocused:[32],isHovered:[32],particles:[32],setFocus:[64]},void 0,{indeterminate:[{updateIndeterminateState:0}]}]);function h(){"undefined"!=typeof customElements&&["ui-checkbox","ui-icon"].forEach((e=>{switch(e){case"ui-checkbox":customElements.get(r(e))||customElements.define(r(e),n);break;case"ui-icon":customElements.get(r(e))||a()}}))}export{n as C,h as d}
+import{proxyCustomElement as e,HTMLElement as c,createEvent as o,h as t,transformTag as i}from"@stencil/core/internal/client";import{n as r,d as a}from"./icon.js";import{d as n}from"./loader.js";const h=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.analyticsEvent=o(this,"analyticsEvent",7),this.checkboxChange=o(this,"checkboxChange",7),this.checkboxFocus=o(this,"checkboxFocus",7),this.checkboxBlur=o(this,"checkboxBlur",7)}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return this}internals;inputElement;async setFocus(){this.inputElement?.focus()}checked=!1;indeterminate=!1;disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";value="";name="";size="md";color="primary";variant="default";skeleton=!1;labelPosition="right";customCheckIcon="";customIndeterminateIcon="";customImage="";customIconLibrary="lucide";checkboxTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;labelClickable=!0;rtl=!1;description="";descriptionPosition="below";confetti=!1;glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isButton=!1;isFocused=!1;isHovered=!1;particles=[];checkboxChange;checkboxFocus;checkboxBlur;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.updateIndeterminateState()}formResetCallback(){this.checked=!1,this.indeterminate=!1,this.updateFormValue()}updateIndeterminateState(){this.inputElement&&(this.inputElement.indeterminate=this.indeterminate)}handleChange=e=>{this.disabled||this.readonly?e.preventDefault():(this.checked=e.target.checked,this.indeterminate=!1,this.haptic&&this.triggerHaptic(this.hapticIntensity),this.confetti&&this.checked&&this.triggerConfetti(),this.updateFormValue(),this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}),this.analyticsEvent.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};updateFormValue(){this.internals.setFormValue(this.checked?this.value||"on":null)}triggerHaptic(e="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===e?[50,20,50]:"md"===e?[30]:[10])}triggerConfetti(){const e=Array.from({length:15}).map(((e,c)=>({id:Date.now()+c,x:50,y:50,vx:8*(Math.random()-.5),vy:8*(Math.random()-.5),r:360*Math.random(),color:["#3DCD58","#4ade80","#ffffff"][Math.floor(3*Math.random())],size:6*Math.random()+4})));this.particles=[...e],setTimeout((()=>this.particles=[]),800)}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.checkboxFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.checkboxBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=e=>{this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.checked=!this.checked,this.indeterminate=!1,this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};renderCheckmark(){return this.checked||this.indeterminate?this.customImage?t("img",{src:this.customImage,class:"custom-image-mark"}):this.indeterminate&&this.customIndeterminateIcon?t("ui-icon",{name:this.customIndeterminateIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):!this.indeterminate&&this.customCheckIcon?t("ui-icon",{name:this.customCheckIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):t("svg",{class:"checkmark-svg",viewBox:"0 0 24 24"},t("path",this.indeterminate?{class:"indeterminate-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round",d:"M5 12h14"}:{class:"checkmark-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"})):null}renderLabel(){return this.label?t("div",{class:`label-section is-${this.descriptionPosition}`},t("span",{class:{"checkbox-label-text":!0,"non-clickable":!this.labelClickable},onClick:e=>{this.labelClickable||e.preventDefault()}},this.label,this.required&&t("span",{class:"required-indicator"},"*")),this.description&&t("span",{class:"checkbox-description"},this.description)):null}renderHelperText(){return this.invalid&&this.errorMessage?t("div",{class:"helper-text error"},t("ui-icon",{name:"exclamation-circle",library:"fontawesome",size:"14px"}),this.errorMessage):this.helperText?t("div",{class:"helper-text"},this.helperText):null}render(){const e=r(this.size,"md"),c={"checkbox-container":!0,[`checkbox-${e}`]:!0,[`checkbox-${this.color}`]:!0,[`checkbox-${this.variant}`]:!0,"checkbox-disabled":this.disabled,"checkbox-readonly":this.readonly,"checkbox-invalid":this.invalid,"checkbox-focused":this.isFocused,"checkbox-hovered":this.isHovered,[`checkbox-label-${this.labelPosition}`]:!0,"checkbox-animate":this.enableAnimation,"checkbox-skeleton":this.skeleton,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-rtl":this.rtl,"checkbox-glow":this.glow,"checkbox-is-button":this.isButton,[`checkbox-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},o={"checkbox-input-wrapper":!0,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-ripple":this.rippleEffect&&!this.disabled};return t("div",{key:"98ae46b3ba03456e81610b5c1558d2f62b2c697e",class:c,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},t("label",{key:"8d7a330bb7f92b454076bef8e22cee9daa8f9fb4",class:"checkbox-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),t("div",{key:"fd9728537e2c16a564f9b363012802ba8fa1235e",class:o},t("input",{key:"1074f40300a98aaef23eb2c03466cc972b1b3090",ref:e=>this.inputElement=e,type:"checkbox",class:"checkbox-input",checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,value:this.value,name:this.name,tabindex:this.checkboxTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.indeterminate?"mixed":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown}),t("div",{key:"c769aaf4fe33649562de2848871114f15c88b742",class:"checkbox-box"},t("div",{key:"7de0b8700ecaad754fe7bc0e44da00852c4bb014",class:"glow-layer"}),this.renderCheckmark(),this.particles.map((e=>t("span",{class:"btn-confetti",key:e.id,style:{left:`${e.x}%`,top:`${e.y}%`,"--vx":`${e.vx}px`,"--vy":`${e.vy}px`,"--vr":`${e.r}deg`,backgroundColor:e.color,width:`${e.size}px`,height:`${e.size}px`}})))),this.badge&&t("span",{key:"99ad8db8cebfa106f5865c0a96470cb481ef9e91",class:"checkbox-badge"},this.badge),this.tooltip&&t("div",{key:"a2c46d9e27e9d404d543c31a1449b0ae945965c2",class:`checkbox-tooltip checkbox-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel()),this.renderHelperText())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{indeterminate:[{updateIndeterminateState:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.checkbox-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.btn-confetti{position:absolute;border-radius:50%;pointer-events:none;z-index:100;animation:confetti-drift 0.8s ease-out forwards}@keyframes confetti-drift{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(var(--vx), var(--vy)) scale(0) rotate(var(--vr));opacity:0}}[class*=checkbox-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.checkbox-reveal-fade-in{animation:checkbox-fade-in 0.6s ease-out forwards}.checkbox-reveal-slide-up{animation:checkbox-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.checkbox-reveal-zoom{animation:checkbox-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes checkbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes checkbox-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkbox-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.checkbox-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.checkbox-input-wrapper:hover .checkbox-tooltip{opacity:1}.checkbox-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.checkbox-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:inline-block;--ui-checkbox-border:var(--border-strong, #bfc8d8);--ui-checkbox-border-hover:var(--color-primary, #94a3b8);--ui-checkbox-bg:var(--bg-primary, #ffffff);--ui-checkbox-checked-bg:var(--color-primary, #3b82f6);--text-primary:var(--label-color, inherit);--text-secondary:var(--label-subtitle-color, inherit);--error-color-light:var(--bg-secondary, #fef2f2)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-checkbox-border:var(--border-strong, #334155);--ui-checkbox-border-hover:var(--color-primary, #475569);--ui-checkbox-bg:var(--bg-primary, #1e293b);--ui-checkbox-checked-bg:var(--color-primary, #4ade80)}.checkbox-container{display:inline-flex;flex-direction:column;gap:4px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;vertical-align:middle;box-sizing:border-box;color:inherit}.checkbox-container.checkbox-rtl{direction:rtl}.checkbox-container *{box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease}.checkbox-label-top .checkbox-label{flex-direction:column;align-items:flex-start;gap:8px}.checkbox-label-top .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-bottom .checkbox-label{flex-direction:column-reverse;align-items:flex-start;gap:8px}.checkbox-label-bottom .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-left .checkbox-label{flex-direction:row-reverse;justify-content:flex-end}.checkbox-container.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:0.6}.checkbox-container.checkbox-readonly .checkbox-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .checkbox-description{margin-top:0}.checkbox-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--text-secondary)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:inherit}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-checkbox-border);background:var(--ui-checkbox-bg);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.checkbox-box .glow-layer{position:absolute;inset:-4px;background:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)));opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.checkbox-glow.checkbox-checked .checkbox-box .glow-layer{opacity:0.4}.checkbox-xxxs .checkbox-box{width:12px;height:12px;border-radius:3px}.checkbox-xxxs .check-icon{font-size:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.checkbox-xxxs .checkbox-label-text{font-size:0.75rem;line-height:1.25}.checkbox-xxs .checkbox-box{width:14px;height:14px;border-radius:4px}.checkbox-xxs .check-icon{font-size:9px;width:9px;height:9px;display:flex;align-items:center;justify-content:center}.checkbox-xxs .checkbox-label-text{font-size:0.8125rem;line-height:1.25}.checkbox-xs .checkbox-box{width:16px;height:16px;border-radius:4px}.checkbox-xs .check-icon{font-size:10px;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.checkbox-xs .checkbox-label-text{font-size:0.875rem;line-height:1.5}.checkbox-sm .checkbox-box{width:18px;height:18px;border-radius:5px}.checkbox-sm .check-icon{font-size:11px;width:11px;height:11px;display:flex;align-items:center;justify-content:center}.checkbox-sm .checkbox-label-text{font-size:0.9375rem;line-height:1.5}.checkbox-md .checkbox-box{width:20px;height:20px;border-radius:6px}.checkbox-md .check-icon{font-size:12px;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.checkbox-md .checkbox-label-text{font-size:1rem;line-height:1.5}.checkbox-lg .checkbox-box{width:24px;height:24px;border-radius:8px}.checkbox-lg .check-icon{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.checkbox-lg .checkbox-label-text{font-size:1.125rem;line-height:1.5}.checkbox-xl .checkbox-box{width:28px;height:28px;border-radius:10px}.checkbox-xl .check-icon{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox-xl .checkbox-label-text{font-size:1.25rem;line-height:1.5}.checkbox-xxl .checkbox-box{width:32px;height:32px;border-radius:12px}.checkbox-xxl .check-icon{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox-xxl .checkbox-label-text{font-size:1.375rem;line-height:1.5}.checkbox-xxxl .checkbox-box{width:40px;height:40px;border-radius:14px}.checkbox-xxxl .check-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.checkbox-xxxl .checkbox-label-text{font-size:1.5rem;line-height:1.5}.checkbox-rounded .checkbox-box{border-radius:50%}.checkbox-square .checkbox-box{border-radius:0}.checkbox-glass .checkbox-box{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.checkbox-glass.checkbox-checked .checkbox-box{background:currentColor !important;backdrop-filter:none}.checkbox-raised .checkbox-box{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.checkbox-button,.checkbox-chip{width:auto}.checkbox-button .checkbox-label,.checkbox-chip .checkbox-label{padding:8px 16px;border:2px solid var(--border-color, var(--border-default, #e5e7eb));border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--surface-color, var(--bg-primary, #ffffff));line-height:1.5;box-sizing:border-box;min-height:40px}.checkbox-button .checkbox-box,.checkbox-chip .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-button.checkbox-primary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-primary.checkbox-checked .checkbox-label{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1);border-color:var(--color-success, #3dcd58)}.checkbox-button.checkbox-secondary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-secondary.checkbox-checked .checkbox-label{background:rgba(107, 114, 128, 0.1);border-color:var(--color-primary, #6b7280)}.checkbox-button.checkbox-success.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-success.checkbox-checked .checkbox-label{background:rgba(22, 163, 74, 0.1);border-color:var(--color-success, #16a34a)}.checkbox-button.checkbox-danger.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-danger.checkbox-checked .checkbox-label{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1);border-color:var(--color-danger-hover, #dc2626)}.checkbox-button.checkbox-warning.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-warning.checkbox-checked .checkbox-label{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);border-color:var(--color-warning, #f59e0b)}.checkbox-button.checkbox-info.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-info.checkbox-checked .checkbox-label{background:rgba(8, 145, 178, 0.1);border-color:var(--color-info-hover, #0891b2)}.checkbox-button.checkbox-hovered:not(.checkbox-disabled) .checkbox-label,.checkbox-chip.checkbox-hovered:not(.checkbox-disabled) .checkbox-label{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.checkbox-chip .checkbox-label{border-radius:20px;padding:4px 12px;min-height:32px}.checkbox-animate .checkbox-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)));transform:scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:inherit;z-index:0}.checkbox-animate .checkbox-checked .checkbox-box::after,.checkbox-animate .checkbox-indeterminate .checkbox-box::after{transform:scale(1)}.checkbox-animate .checkbox-checked .check-icon,.checkbox-animate .checkbox-indeterminate .check-icon{z-index:1;animation:checkmark-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.checkbox-primary{--ui-checkbox-color:var(--color-primary, #3b82f6)}.checkbox-secondary{--ui-checkbox-color:var(--text-muted, #6b7280)}.checkbox-success{--ui-checkbox-color:var(--color-success, #16a34a)}.checkbox-danger{--ui-checkbox-color:var(--color-danger-hover, #dc2626)}.checkbox-warning{--ui-checkbox-color:var(--color-warning, #f59e0b)}.checkbox-info{--ui-checkbox-color:var(--color-info-hover, #0891b2)}.checkbox-checked .checkbox-box,.checkbox-indeterminate .checkbox-box{background:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)));border-color:var(--ui-checkbox-color, var(--ui-checkbox-checked-bg, var(--color-primary, #3b82f6)))}.checkbox-box{background:var(--ui-checkbox-bg);border-color:var(--ui-checkbox-border)}.checkmark-svg{width:100%;height:100%;display:block;padding:10%;color:var(--text-standard, #ffffff);z-index:2}.custom-image-mark{width:100%;height:100%;object-fit:contain;border-radius:inherit;z-index:2}.custom-icon-mark{z-index:2;color:var(--text-standard, #ffffff)}.checkmark-path{stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.checkbox-checked .checkmark-path{stroke-dashoffset:0}.indeterminate-path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset 0.3s ease}.checkbox-indeterminate .indeterminate-path{stroke-dashoffset:0}.checkbox-checked .check-icon,.checkbox-indeterminate .check-icon{transform:scale(1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.2);border-color:var(--ui-checkbox-checked-bg)}.checkbox-hovered:not(.checkbox-disabled):not(.checkbox-readonly) .checkbox-box{border-color:var(--ui-checkbox-border-hover)}.checkbox-ripple .checkbox-box::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.checkbox-ripple .checkbox-input:active~.checkbox-box::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.checkbox-skeleton{pointer-events:none}.checkbox-skeleton .checkbox-box{background:var(--bg-primary, #e5e7eb) !important;border-color:var(--border-default, #e5e7eb) !important;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%) !important;background-size:200% 100% !important}.checkbox-skeleton .checkbox-label-text{width:100px;height:1rem;background:var(--bg-primary, #e5e7eb);border-radius:4px;color:transparent;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.checkbox-label-text{color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:inline-block;line-height:1.5}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.helper-text{font-size:0.875rem;color:var(--text-secondary);margin-inline-start:32px;display:flex;align-items:center;gap:4px}.checkbox-label-left .helper-text{margin-inline-start:0;margin-inline-end:32px}.checkbox-label-top .helper-text,.checkbox-label-bottom .helper-text{margin-inline-start:0;justify-content:center}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.checkbox-invalid .checkbox-box{border-color:var(--color-danger-hover, #dc2626)}.checkbox-invalid:not(.checkbox-checked):not(.checkbox-indeterminate) .checkbox-box{background:var(--error-color-light, #fef2f2)}.checkbox-is-button{width:100%;height:100%}.checkbox-is-button .checkbox-label{padding:8px 16px;justify-content:center;background:var(--ui-checkbox-bg);transition:all 0.2s ease;width:100%;height:100%;border-radius:0;border:1px solid var(--ui-checkbox-border)}.checkbox-is-button .checkbox-label:hover:not(.checkbox-disabled){background:rgba(0, 0, 0, 0.02)}.checkbox-is-button .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-is-button.checkbox-checked .checkbox-label{background:var(--ui-checkbox-checked-bg);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--ui-checkbox-checked-bg)}.checkbox-is-button.checkbox-secondary.checkbox-checked .checkbox-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.checkbox-is-button.checkbox-success.checkbox-checked .checkbox-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.checkbox-is-button.checkbox-danger.checkbox-checked .checkbox-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.checkbox-is-button.checkbox-warning.checkbox-checked .checkbox-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.checkbox-is-button.checkbox-info.checkbox-checked .checkbox-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.checkbox-is-button+.checkbox-is-button .checkbox-label{margin-inline-start:-1px}'}},[593,"ui-checkbox",{customClass:[1,"custom-class"],badge:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],checked:[1028],indeterminate:[1028],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],value:[1],name:[1],size:[1],color:[1],variant:[1],skeleton:[4],labelPosition:[1,"label-position"],customCheckIcon:[1,"custom-check-icon"],customIndeterminateIcon:[1,"custom-indeterminate-icon"],customImage:[1,"custom-image"],customIconLibrary:[1,"custom-icon-library"],checkboxTabIndex:[2,"checkbox-tab-index"],ariaLabel:[1,"aria-label"],ariaDescribedBy:[1,"aria-described-by"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],labelClickable:[4,"label-clickable"],rtl:[4],description:[1],descriptionPosition:[1,"description-position"],confetti:[4],glow:[4],haptic:[4],hapticIntensity:[1,"haptic-intensity"],reveal:[1],revealDelay:[2,"reveal-delay"],isButton:[4,"is-button"],isFocused:[32],isHovered:[32],particles:[32],setFocus:[64]},void 0,{indeterminate:[{updateIndeterminateState:0}]}]);function s(){"undefined"!=typeof customElements&&["ui-checkbox","ui-icon","ui-loader"].forEach((e=>{switch(e){case"ui-checkbox":customElements.get(i(e))||customElements.define(i(e),h);break;case"ui-icon":customElements.get(i(e))||a();break;case"ui-loader":customElements.get(i(e))||n()}}))}export{h as C,s as d}