atomicuilibrary 0.0.1 → 0.1.3

package/dist/exploration-project-tailwind/p-5508874f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as e,h as a,H as s}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.uiFabClick=i(this,"uiFabClick"),this.uiFabOpen=i(this,"uiFabOpen"),this.uiFabClose=i(this,"uiFabClose"),this.uiFabToggle=i(this,"uiFabToggle"),this.uiFabActionClick=i(this,"uiFabActionClick")}get el(){return e(this)}isExpanded=!1;defaultOpen=!1;position="bottom-right";direction="top";variant="primary";size="md";type="standard";icon;label;disabled=!1;loading=!1;toggle=!1;isDraggable=!1;hideOnScroll=!1;showOnScrollUp=!1;offsetX=24;offsetY=24;zIndex=1e3;expandOnHover=!1;expandOnClick=!0;closeOnAction=!0;backdrop=!1;backdropClose=!0;persistent=!1;animation="scale";panel=!1;panelTitle;panelWidth="320px";panelHeight;panelMaxHeight="480px";isDragging=!1;isHidden=!1;currentX=0;currentY=0;uiFabClick;uiFabOpen;uiFabClose;uiFabToggle;uiFabActionClick;dragStartX=0;dragStartY=0;lastScrollY=0;internalOpen=!1;componentWillLoad(){this.internalOpen=this.defaultOpen||this.isExpanded,this.currentX=this.offsetX,this.currentY=this.offsetY}componentDidLoad(){(this.hideOnScroll||this.showOnScrollUp)&&(this.lastScrollY=window.scrollY)}openChanged(t){this.internalOpen=t,t?(this.uiFabOpen.emit(),this.calculateRadial()):this.uiFabClose.emit()}async openFab(){this.isExpanded=!0}async closeFab(){this.isExpanded=!1}async toggleFab(){this.isExpanded=!this.internalOpen,this.uiFabToggle.emit({isExpanded:this.internalOpen})}async show(){this.isHidden=!1}async hide(){this.isHidden=!0}handleScroll(){if(!this.hideOnScroll&&!this.showOnScrollUp)return;const t=window.scrollY,i=t>this.lastScrollY;this.showOnScrollUp&&!i&&t>100?this.isHidden=!1:this.hideOnScroll&&i&&t>100&&(this.isHidden=!0,this.internalOpen&&this.closeFab()),this.lastScrollY=t}handleKeyDown(t){this.disabled||this.loading||("Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleClick(new MouseEvent("click"))):"Escape"===t.key&&this.internalOpen&&(this.closeFab(),this.focusTrigger()))}focusTrigger(){const t=this.el.shadowRoot?.querySelector(".fab-trigger");t&&t.focus()}handleClick=t=>{this.disabled||this.loading||("speed-dial"===this.type||this.toggle||this.panel?this.expandOnClick&&this.toggleFab():this.uiFabClick.emit(t))};handleBackdropClick=()=>{this.backdropClose&&this.internalOpen&&!this.persistent&&this.closeFab()};handleMouseEnter=()=>{!this.expandOnHover||this.disabled||this.loading||this.openFab()};handleMouseLeave=()=>{this.expandOnHover&&!this.persistent&&this.closeFab()};handlePointerDown=t=>{this.isDraggable&&!this.disabled&&(this.isDragging=!0,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.el.setPointerCapture(t.pointerId))};handlePointerMove=t=>{if(!this.isDragging||!this.isDraggable)return;const i=t.clientX-this.dragStartX,e=t.clientY-this.dragStartY;this.position.includes("right")?this.currentX-=i:this.position.includes("left")&&(this.currentX+=i),this.position.includes("bottom")?this.currentY-=e:this.position.includes("top")&&(this.currentY+=e),this.dragStartX=t.clientX,this.dragStartY=t.clientY};handlePointerUp=t=>{this.isDragging&&(this.isDragging=!1,this.el.releasePointerCapture(t.pointerId))};onActionClick(){this.closeOnAction&&this.internalOpen&&!this.persistent&&this.closeFab()}calculateRadial(){if("radial"!==this.direction)return;const t=Array.from(this.el.querySelectorAll("ui-fab-item"));if(!t.length)return;const i=80+Math.max(0,15*(t.length-4)),e=Math.max(0,10*(t.length-3)),a=Math.min(120,90+e),s=1===t.length?0:a/(t.length-1);t.forEach(((e,a)=>{const o=s*a*(Math.PI/180);let n=Math.abs(Math.sin(o)*i),r=Math.abs(Math.cos(o)*i);if(this.position.includes("right")&&(n=-n),this.position.includes("bottom")&&(r=-r),this.position.includes("-center")){const e=Math.min(220,180+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);n=Math.sin(s)*i,r=this.position.includes("bottom")?-Math.cos(s)*i:Math.cos(s)*i}if(this.position.includes("center-")){const e=Math.min(180,120+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);r=Math.sin(s)*i,n=this.position.includes("right")?-Math.cos(s)*i:Math.cos(s)*i}e.style.setProperty("--radial-x",`${n}px`),e.style.setProperty("--radial-y",`${r}px`)}))}render(){const t=!!("extended"===this.type||this.label&&"speed-dial"!==this.type),i="speed-dial"===this.type,e={"fab-container":!0,[`pos-${this.position}`]:!0,[`dir-${this.direction}`]:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`anim-${this.animation}`]:!0,"is-open":this.internalOpen,"is-hidden":this.isHidden,"is-extended":t,"is-speed-dial":i,"is-dragging":this.isDragging,"is-disabled":this.disabled,"is-loading":this.loading},o={"--fab-offset-x":`${this.currentX}px`,"--fab-offset-y":`${this.currentY}px`,"z-index":this.zIndex.toString()};return a(s,{key:"3134d7c95b289f7ba1fbe491e2381a39ab33cd90",class:e,style:o},this.backdrop&&this.internalOpen&&a("div",{key:"65ab05d3229cdd3c50436461400a93dfbdc79f89",class:"fab-backdrop",onClick:this.handleBackdropClick}),a("div",{key:"095790fe29d7b5110679b9e83af15e16654b5f9c",class:"fab-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i&&a("div",{key:"cd098ce374a0f59635d9e36f94cc8873225a35c7",class:"fab-actions","aria-hidden":this.internalOpen?"false":"true"},a("slot",{key:"22573c4f39319b8c438265035c7062eabd31a0dd",name:"actions"})),this.panel&&a("div",{key:"eba8176fc2531f4984f1a15db4439d739d72c364",class:{"fab-panel":!0,"has-header":!!this.panelTitle},role:"dialog","aria-hidden":this.internalOpen?"false":"true",style:{width:this.panelWidth,height:this.panelHeight,maxHeight:this.panelMaxHeight}},this.panelTitle&&a("div",{key:"32f400ac44e2559bc42857c5f953c8339749747b",class:"fab-panel-header"},a("span",{key:"a8ab67880b596cf3ac7ee9608ed69533da83a164",class:"fab-panel-title"},this.panelTitle),a("ui-button",{key:"8258cd221bf4f1ce486f2e789ffa160609385c1f",variant:"ghost",class:"fab-panel-close",onClick:()=>this.closeFab(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"b934937a301cfa9f759644679a5b42b88bdfb956",class:"fab-panel-body"},a("slot",{key:"d0583bd15b3a49b9d0d78698464811cd7d3ddccf",name:"panel"})),a("div",{key:"628ff324c833159612e523ca14c8b34ee591d23f",class:"fab-panel-footer"},a("slot",{key:"4d738a08683eae8f5ad3d96397b65983c9f00deb",name:"panel-footer"}))),a("ui-button",{key:"40f831f7769b5918779a74100aab35ebe87d46ae",variant:this.variant,shape:"extended"===this.type||this.label&&"speed-dial"!==this.type?"rounded":"circle",class:"fab-trigger",disabled:this.disabled||this.loading,loading:this.loading,ariaLabel:this.label||"Floating Action Button",onClick:this.handleClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,label:t&&this.label?this.label:void 0,icon:this.icon,iconOnly:!t,size:"mini"===this.size?"sm":"lg"===this.size?"lg":"md"},i&&this.toggle&&this.internalOpen&&a("ui-icon",{key:"46fdd3e22ff4ae11f0fa3b27166db77bb0ca4a38",slot:"icon",class:"fab-icon close-icon",name:"x",size:"mini"===this.size?"18":"24"}),!this.icon&&!t&&a("slot",{key:"045dd7944e14501a0a703754ee21bc1f2d77fdff",name:"trigger"}))))}static get watchers(){return{isExpanded:[{openChanged:0}]}}};o.style=".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{--ui-fab-bg:var(--ui-primary, var(--color-success, #3dcd58));--ui-fab-color:var(--text-standard, #ffffff);--ui-fab-hover-bg:var(--ui-primary-hover, #2ebd4a);--ui-fab-size:56px;--ui-fab-radius:50%;--ui-fab-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ui-fab-zindex:1000;--ui-fab-gap:16px;--ui-fab-action-size:40px;--ui-fab-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:fixed;z-index:var(--ui-fab-zindex);display:flex;transition:transform 0.3s ease, opacity 0.3s ease;pointer-events:none;}:host(.is-hidden){opacity:0;transform:scale(0.8);pointer-events:none}:host(.pos-bottom-right){inset-block-end:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-bottom-left){inset-block-end:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-top-right){inset-block-start:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-top-left){inset-block-start:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-bottom-center){inset-block-end:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-top-center){inset-block-start:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-center-right){inset-block-start:50%;inset-inline-end:var(--fab-offset-x);transform:translateY(-50%)}:host(.pos-center-left){inset-block-start:50%;inset-inline-start:var(--fab-offset-x);transform:translateY(-50%)}:host(.size-mini){--ui-fab-size:40px}:host(.size-sm){--ui-fab-size:48px}:host(.size-md){--ui-fab-size:56px}:host(.size-lg){--ui-fab-size:64px}:host(.is-extended){--ui-fab-radius:28px}:host(.is-extended) .fab-trigger{width:auto;padding-inline:20px}:host(.variant-secondary){--ui-fab-bg:var(--color-primary, #6b7280);--ui-fab-hover-bg:var(--color-primary, #4b5563)}:host(.variant-tertiary){--ui-fab-bg:var(--bg-primary, #1f2937);--ui-fab-hover-bg:var(--bg-secondary, #111827)}:host(.variant-surface){--ui-fab-bg:var(--bg-primary, var(--text-standard, #ffffff));--ui-fab-color:var(--bg-secondary, var(--text-primary, #111827));--ui-fab-hover-bg:var(--bg-primary, #f9fafb)}:host(.variant-success){--ui-fab-bg:var(--color-success, #10b981);--ui-fab-hover-bg:var(--color-success-hover, #059669)}:host(.variant-danger){--ui-fab-bg:var(--color-danger, #ef4444);--ui-fab-hover-bg:var(--color-danger-hover, #dc2626)}:host(.variant-warning){--ui-fab-bg:var(--color-warning, #f59e0b);--ui-fab-hover-bg:var(--color-warning-hover, #d97706)}:host(.variant-info){--ui-fab-bg:var(--color-primary, #10b981);--ui-fab-hover-bg:var(--color-primary-hover, #2563eb)}.fab-wrapper{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative}:host(.dir-up) .fab-wrapper{flex-direction:column-reverse}:host(.dir-down) .fab-wrapper{flex-direction:column}:host(.dir-left) .fab-wrapper{flex-direction:row-reverse}:host(.dir-right) .fab-wrapper{flex-direction:row}:host(.dir-radial) .fab-wrapper{flex-direction:column;}.fab-trigger{width:var(--ui-fab-size);height:var(--ui-fab-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--ui-fab-transition);outline:none;z-index:2;font-family:inherit}.fab-trigger:hover{transform:translateY(-2px)}.fab-trigger:active{transform:translateY(0) scale(0.95)}:host(.is-disabled) .fab-trigger{opacity:0.6;cursor:not-allowed;pointer-events:none}.fab-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;height:100%}.fab-icon{transition:transform 0.3s ease, opacity 0.3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.close-icon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}:host(.is-open) .primary-icon{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}:host(.is-open) .close-icon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.fab-label{font-weight:500;font-size:14px;letter-spacing:0.5px;white-space:nowrap}:host(.is-extended) .fab-icon{position:relative;transform:none;top:0;left:0}:host(.is-extended.is-open) .primary-icon{transform:rotate(90deg)}.fab-actions{display:flex;gap:12px;visibility:hidden;z-index:1;padding:var(--ui-fab-gap);position:relative}:host(.dir-up) .fab-actions{flex-direction:column-reverse;margin-block-end:-16px}:host(.dir-down) .fab-actions{flex-direction:column;margin-block-start:-16px}:host(.dir-left) .fab-actions{flex-direction:row-reverse;margin-inline-end:-16px}:host(.dir-right) .fab-actions{flex-direction:row;margin-inline-start:-16px}:host(.dir-radial) .fab-actions{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}:host(.is-open) .fab-actions{visibility:visible}::slotted(ui-fab-item){opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none}:host(.is-open) ::slotted(ui-fab-item){opacity:1;transform:scale(1);pointer-events:auto}:host(.dir-radial) ::slotted(ui-fab-item){position:absolute;inset-block-start:-20px;inset-inline-start:-20px}:host(.dir-radial.is-open) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.is-open) ::slotted(ui-fab-item:nth-child(1)){transition-delay:40ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(2)){transition-delay:80ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(3)){transition-delay:120ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(4)){transition-delay:160ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(5)){transition-delay:200ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(6)){transition-delay:240ms}:host(.anim-fade) ::slotted(ui-fab-item){transform:scale(1)}:host(.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(20px)}:host(.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(-20px)}:host(.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(20px)}:host(.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(-20px)}:host(.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-rotate) ::slotted(ui-fab-item){transform:rotate(45deg) scale(0.5)}:host(.is-open.anim-rotate) ::slotted(ui-fab-item){transform:rotate(0deg) scale(1)}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.fab-backdrop{position:fixed;inset:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:0;pointer-events:auto}.fab-panel{position:absolute;background:var(--ui-surface, var(--bg-primary, #ffffff));border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;min-width:200px;opacity:0;pointer-events:none;transform:scale(0.95);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px)}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:rgba(0, 0, 0, 0.02)}.fab-panel-title{font-weight:700;font-size:14px;color:var(--text-primary, #1e293b);letter-spacing:-0.01em}.fab-panel-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;border-radius:6px;transition:all 0.2s}.fab-panel-close:hover{background:rgba(0, 0, 0, 0.05);color:var(--color-danger, #ef4444)}.fab-panel-body{flex:1;padding:16px;overflow-y:auto;min-height:0;scrollbar-width:thin}.fab-panel-body::-webkit-scrollbar{width:6px}.fab-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0, 0, 0, 0.015);border-top:1px solid rgba(0, 0, 0, 0.05)}:host(.is-open) .fab-panel{opacity:1;pointer-events:auto;transform:scale(1)}:host(.pos-bottom-right) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-end:0;transform-origin:bottom right}:host(.pos-bottom-left) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:0;transform-origin:bottom left}:host(.pos-bottom-center) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:bottom center}:host(.pos-bottom-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-top-right) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-end:0;transform-origin:top right}:host(.pos-top-left) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:0;transform-origin:top left}:host(.pos-top-center) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:top center}:host(.pos-top-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-center-right) .fab-panel{inset-inline-end:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center right}:host(.pos-center-right.is-open) .fab-panel{transform:translateY(-50%) scale(1)}:host(.pos-center-left) .fab-panel{inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center left}:host(.pos-center-left.is-open) .fab-panel{transform:translateY(-50%) scale(1)}";export{o as ui_fab}

package/dist/exploration-project-tailwind/p-5ce0dbd8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,a,h as e,H as i}from"./p-DUsoYu9r.js";import{s as o}from"./p-D2WzX6vR.js";const n=class{constructor(a){t(this,a),this.cardFlip=r(this,"cardFlip"),this.menuItemClick=r(this,"menuItemClick"),this.expandToggle=r(this,"expandToggle"),this.cardToggle=r(this,"cardToggle"),this.cardClick=r(this,"cardClick"),this.cardSelect=r(this,"cardSelect"),this.cardClose=r(this,"cardClose"),this.menuActionClick=r(this,"menuActionClick")}get element(){return a(this)}cardId="";cardTitle="";variant="default";size="default";layout="vertical";color="default";displayMode="default";shape="default";glass=!1;bordered=!0;border="";borderRadius="8px";importance="standard";pattern="default";headStyle={};bodyStyle={};type="default";width="100%";height="auto";aspectRatio="16/9";hoverable=!1;flippable=!1;flipTrigger="click";flipped=!1;collapsible=!1;collapsed=!1;closable=!1;selectable=!1;selected=!1;clickable=!1;href="";target="";tilt=!1;magnetic=!1;cover="";coverAlt="Card cover";extra="";avatar="";avatarIcon="";ribbon="";ribbonPosition="top-right";ribbonColor="";description="";tag="";buttonText="";actions="";showMenu=!1;menuItems="[]";menuActions="";iconLibrary="default";loading=!1;autoScroll=!1;scrollBehavior="smooth";isFlipped=!1;isMenuOpen=!1;isCollapsed=!1;parsedMenuItems=[];magneticTransform="";tiltTransform="";cardFlip;menuItemClick;expandToggle;cardToggle;cardClick;cardSelect;cardClose;menuActionClick;menuRef;handleMenuPropsChange(){this.parseMenuItems()}handleFlippedChange(t){this.isFlipped=t}handleCollapsedChange(t){this.isCollapsed=t}componentWillLoad(){this.parseMenuItems(),this.isFlipped=this.flipped,this.isCollapsed=this.collapsed}handleClickOutside(t){this.isMenuOpen&&this.menuRef&&!this.menuRef.contains(t.target)&&(this.isMenuOpen=!1)}parseMenuItems(){let t=[];if(this.menuItems&&"[]"!==this.menuItems)try{t=JSON.parse(this.menuItems)}catch(t){console.error("Invalid JSON for menu items:",t)}this.menuActions&&this.menuActions.split(",").map((t=>t.trim())).forEach((r=>{r&&t.push({id:r.toLowerCase().replace(/\s+/g,"-"),label:r})})),this.parsedMenuItems=t}toggleFlip=t=>{t&&t.stopPropagation(),this.flippable&&(this.isFlipped=!this.isFlipped,this.flipped=this.isFlipped,this.cardFlip.emit(this.isFlipped))};toggleCollapse=t=>{t&&t.stopPropagation(),this.collapsible&&(this.isCollapsed=!this.isCollapsed,this.collapsed=this.isCollapsed,this.cardToggle.emit(!this.isCollapsed),this.expandToggle.emit({expanded:!this.isCollapsed}),this.autoScroll&&!this.isCollapsed&&setTimeout((()=>{this.element.scrollIntoView({behavior:this.scrollBehavior,block:"nearest"})}),300))};async scrollToCard(){this.element.scrollIntoView({behavior:this.scrollBehavior,block:"nearest"})}toggleMenu=t=>{t.stopPropagation(),this.isMenuOpen=!this.isMenuOpen};handleMenuItemClick=(t,r)=>{r.stopPropagation();const a=this.parsedMenuItems.find((r=>r.id===t));a?.disabled||(this.menuItemClick.emit({itemId:t,cardId:this.cardId}),this.menuActionClick.emit(t),this.isMenuOpen=!1)};handleCardClick=t=>{const r=t.target;if(!(r.closest("button")||r.closest(".menu-dropdown")||r.closest(".card-actions")||r.closest(".card-action-btn"))){if(!this.flippable||"click"!==this.flipTrigger)return this.selectable?(this.selected=!this.selected,void this.cardSelect.emit(this.selected)):void(this.href?"_blank"===this.target?window.open(this.href,"_blank"):window.location.href=this.href:this.clickable&&this.cardClick.emit());this.toggleFlip(t)}};handleMouseEnter=t=>{this.flippable&&"hover"===this.flipTrigger&&(this.isFlipped=!0,this.flipped=!0,this.cardFlip.emit(!0)),this.handleMouseMove(t)};handleMouseLeave=()=>{this.flippable&&"hover"===this.flipTrigger&&(this.isFlipped=!1,this.flipped=!1,this.cardFlip.emit(!1)),this.tiltTransform="",this.magneticTransform=""};handleMouseMove=t=>{if(!this.magnetic&&!this.tilt||this.loading)return;const r=this.element.getBoundingClientRect(),a=t.clientX-(r.left+r.width/2),e=t.clientY-(r.top+r.height/2);if(this.magnetic){const t=20;this.magneticTransform=`translate(${a/t}px, ${e/t}px)`}this.tilt&&(this.tiltTransform=`perspective(1000px) rotateX(${e/(r.height/2)*-15}deg) rotateY(${a/(r.width/2)*15}deg)`)};handleClose=t=>{t.stopPropagation(),this.cardClose.emit()};renderMenu(){return this.showMenu||this.parsedMenuItems.length>0?e("div",{class:"menu-container",ref:t=>this.menuRef=t},e("ui-button",{variant:"ghost",onClick:this.toggleMenu,ariaLabel:"Card menu",icon:"more-vertical",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.isMenuOpen&&e("div",{class:"menu-dropdown",role:"menu"},this.parsedMenuItems.map((t=>t.separator?e("div",{class:"menu-separator",role:"separator"}):e("ui-button",{variant:"ghost",onClick:r=>this.handleMenuItemClick(t.id,r),disabled:t.disabled,label:t.label,icon:t.icon,iconLibrary:t.iconLibrary||this.iconLibrary,fullWidth:!0,align:"start",size:"sm"}))))):null}renderSkeleton(){return e("div",{class:"skeleton-wrapper"},e("div",{class:"skeleton-header"},e("div",{class:"skeleton-avatar"}),e("div",{class:"skeleton-title-group"},e("div",{class:"skeleton-text skeleton-title"}),e("div",{class:"skeleton-text skeleton-subtitle"}))),e("div",{class:"skeleton-content"},e("div",{class:"skeleton-text full"}),e("div",{class:"skeleton-text full"}),e("div",{class:"skeleton-text half"})))}renderSelectionIndicator(){return this.selectable?e("div",{class:"selection-indicator "+(this.selected?"selected":"")},this.selected&&e("ui-icon",{name:"check",library:"lucide",size:"1.2em",class:"check-icon"})):null}renderHeader(){return this.cardTitle||this.extra||this.avatar||this.avatarIcon||this.closable||this.collapsible||this.showMenu||this.parsedMenuItems.length>0?e("div",{class:"card-header",style:this.headStyle},e("div",{class:"card-header-main"},(this.avatar||this.avatarIcon)&&e("div",{class:"card-avatar"},this.avatar?e("img",{src:this.avatar,alt:"avatar",class:"card-avatar-img"}):e("ui-icon",{name:this.avatarIcon,library:this.iconLibrary,size:"1.2em"})),e("div",{class:"card-title-group"},this.cardTitle&&e("div",{class:"card-title-text"},this.cardTitle),e("slot",{name:"header"}),e("slot",{name:"title"}))),e("div",{class:"card-actions"},this.extra&&e("div",{class:"card-extra",innerHTML:o(this.extra)}),e("slot",{name:"extra"}),e("slot",{name:"actions"}),this.collapsible&&e("ui-button",{variant:"ghost",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse",icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.renderMenu(),this.closable&&e("ui-button",{variant:"ghost",onClick:this.handleClose,ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}renderCover(){return this.cover||this.element.querySelector('[slot="cover"]')?e("div",{class:"card-cover",style:{aspectRatio:this.aspectRatio}},this.cover&&e("img",{src:this.cover,alt:this.coverAlt}),e("slot",{name:"cover"})):null}renderFooter(){const t=this.actions?this.actions.split(",").map((t=>t.trim())):[];return this.buttonText||t.length>0||this.element.querySelector('[slot="footer"]')?e("div",{class:"card-footer"},this.buttonText&&e("ui-button",{variant:"primary",label:this.buttonText}),t.length>0&&e("ul",{class:"card-quick-actions"},t.map((t=>e("li",null,e("span",{innerHTML:o(t)}))))),e("slot",{name:"footer"})):null}renderFrontCard(){return e("div",{class:{"card-face-content":!0,"card-collapsed":this.isCollapsed,"card-hoverable":this.hoverable,"card-selectable":this.selectable,"card-selected":this.selected,"card-clickable":!(!this.href&&!this.clickable||this.flippable),"card-glass":this.glass,[`card-layout-${this.layout}`]:!0,[`card-importance-${this.importance}`]:!0,[`card-pattern-${this.pattern}`]:!0,[`card-type-${this.type}`]:!0},style:{borderRadius:this.borderRadius,border:this.selected?"2px solid var(--ui-card-selected-border, #3bf673)":this.bordered?this.border||void 0:"none"}},this.renderCover(),e("div",{class:"card-details-wrapper"},this.renderHeader(),e("slot",{name:"tabs"}),!this.isCollapsed&&[e("div",{class:"card-content",style:this.bodyStyle},e("slot",null),e("slot",{name:"content"}),this.description&&e("div",{class:"card-description"},this.description),this.tag&&e("div",{class:"card-tag"},this.tag)),this.renderFooter(),e("slot",{name:"grid"})]))}renderBackCard(){return this.flippable?e("div",{class:"card-face-content card-back",style:{borderRadius:this.borderRadius,border:this.bordered?this.border||void 0:"none"}},e("div",{class:"card-back-header"},e("ui-button",{variant:"ghost",onClick:this.toggleFlip,ariaLabel:"Flip card back",icon:"arrow-left",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),e("div",{class:"card-content"},e("slot",{name:"back"},e("div",{class:"card-back-default"},e("h3",null,"Back Side"),e("p",null,'Add content to the "back" slot to customize this side.'))),e("slot",{name:"back-content"}))):null}render(){const t=["ui-card",`variant-${"string"==typeof this.variant?this.variant:"default"}`,`size-${"string"==typeof this.size?this.size:"md"}`,this.isFlipped&&"is-flipped",this.loading&&"is-loading",this.flippable&&"is-flippable"].filter(Boolean).join(" ");return e(i,{key:"ef88aac3904761439d1c4d689cd89c4c47569894",class:t,style:{width:"string"==typeof this.width?this.width:void 0,height:"string"==typeof this.height?this.height:void 0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.ribbon&&e("div",{key:"a9866c010965c9259e2d566ca909965f63e0dbbb",class:`card-ribbon ribbon-${this.ribbonPosition}`,style:this.ribbonColor?{backgroundColor:this.ribbonColor}:{}},e("span",{key:"24ef228a94d1e6ffc61bc7fef52c4f34ca88daf2"},this.ribbon)),this.loading?e("div",{class:"card-loading-container",style:{borderRadius:this.borderRadius}},this.renderSkeleton()):e("div",{class:"card-container",onClick:this.handleCardClick,onMouseMove:this.handleMouseMove,style:{transform:`${this.magneticTransform} ${this.tiltTransform}`,transition:this.magneticTransform||this.tiltTransform?"none":"transform 0.5s cubic-bezier(0.23, 1, 0.32, 1)"}},this.flippable?e("div",{class:"card-flipper"},e("div",{class:"card-face face-front"},this.renderFrontCard(),this.renderSelectionIndicator()),e("div",{class:"card-face face-back"},this.renderBackCard())):[this.renderFrontCard(),this.renderSelectionIndicator()]))}static get watchers(){return{menuItems:[{handleMenuPropsChange:0}],menuActions:[{handleMenuPropsChange:0}],flipped:[{handleFlippedChange:0}],collapsed:[{handleCollapsedChange:0}]}}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;box-sizing:border-box;--ui-card-selected-border:var(--color-primary, #10b981);--ui-card-primary:var(--color-primary, #10b981);--ui-card-success:var(--color-success, #10b981);--ui-card-warning:var(--color-warning, #f59e0b);--ui-card-danger:var(--color-danger, #ef4444);--ui-card-info:var(--color-info, #06b6d4)}:host *{box-sizing:border-box}.ui-card{font-family:var(--ui-font-family, inherit);position:relative;width:100%;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease}.card-container{position:relative;width:100%;height:100%;perspective:1000px}.card-flipper{position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}.is-flipped .card-flipper{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:min-content;min-height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex}.face-back{transform:rotateY(180deg)}.card-face-content{display:flex;flex-direction:column;width:100%;background:var(--ui-card-bg, var(--bg-primary, #ffffff));border-radius:var(--ui-card-radius, 8px);overflow:hidden;transition:all 0.3s ease;border:1px solid var(--ui-card-border-color, var(--border-default, #e5e7eb));box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative}.card-details-wrapper{display:flex;flex-direction:column;flex:1;width:100%}.variant-elevated .card-face-content{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.variant-outlined .card-face-content{box-shadow:none;border:2px solid var(--ui-card-border-color, var(--border-default, #e5e7eb))}.variant-filled .card-face-content{background-color:var(--bg-primary, #f9fafb);border:none}.variant-primary .card-face-content{border-left:4px solid var(--ui-card-primary)}.variant-primary .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent)}.variant-success .card-face-content{border-left:4px solid var(--ui-card-success)}.variant-success .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-success-rgb, 16, 185, 129), 0.1), transparent)}.variant-warning .card-face-content{border-left:4px solid var(--ui-card-warning)}.variant-warning .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-warning-rgb, 245, 158, 11), 0.1), transparent)}.variant-danger .card-face-content{border-left:4px solid var(--ui-card-danger)}.variant-danger .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-danger-rgb, 239, 68, 68), 0.1), transparent)}.variant-info .card-face-content{border-left:4px solid var(--ui-card-info)}.variant-info .card-face-content .card-header{background:linear-gradient(to right, rgba(6, 182, 212, 0.1), transparent)}.card-importance-emphasized .card-face-content{box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);border:none;background:linear-gradient(135deg, var(--bg-secondary, #111827) 0%, var(--color-primary, #374151) 100%);color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-face-content .card-title-text,.card-importance-emphasized .card-face-content .card-content,.card-importance-emphasized .card-face-content .card-extra,.card-importance-emphasized .card-face-content .card-description{color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-face-content .card-header,.card-importance-emphasized .card-face-content .card-footer{border-bottom-color:rgba(255, 255, 255, 0.1);border-top-color:rgba(255, 255, 255, 0.1)}.card-importance-emphasized .card-face-content .card-action-btn{color:rgba(255, 255, 255, 0.7)}.card-importance-emphasized .card-face-content .card-action-btn:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #ffffff)}.card-pattern-shortcut .card-face-content{text-align:center;padding:32px 24px;align-items:center}.card-pattern-shortcut .card-face-content .card-header{border-bottom:none;padding:0;margin-bottom:16px;flex-direction:column}.card-pattern-shortcut .card-face-content .card-header-main{flex-direction:column;gap:12px}.card-pattern-shortcut .card-face-content .card-title-text{font-size:20px;text-align:center}.card-pattern-shortcut .card-face-content .card-avatar{margin:0 auto 8px;width:64px;height:64px}.card-pattern-shortcut .card-face-content .card-avatar i{font-size:32px}.card-pattern-product .card-cover{background:var(--bg-primary, #f7f7f7)}.card-pattern-product .card-content{padding-top:16px}.card-type-inner{background:var(--bg-primary, #fafafa)}.card-type-inner .card-header{background:transparent;padding:12px 16px;min-height:48px}.card-type-inner .card-content{padding:16px}.card-glass .card-face-content{background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.card-selectable{cursor:pointer;border:2px solid transparent !important}.card-selectable:hover{border-color:var(--border-subtle, #e6f7ff) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.card-selected .card-face-content{border-color:var(--ui-card-selected-border) !important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--ui-card-selected-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff);opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10}.selection-indicator.selected{opacity:1;transform:scale(1)}.card-ribbon{position:absolute;z-index:20;padding:4px 16px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.card-ribbon.ribbon-top-right{top:12px;right:-8px;border-radius:4px 0 0 4px}.card-ribbon.ribbon-top-right::after{content:"";position:absolute;right:0;bottom:-8px;border-right:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-ribbon.ribbon-top-left{top:12px;left:-8px;border-radius:0 4px 4px 0}.card-ribbon.ribbon-top-left::after{content:"";position:absolute;left:0;bottom:-8px;border-left:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f3f4f6);min-height:56px;gap:12px;transition:all 0.3s ease}.card-contain-tabs .card-header{border-bottom:none;padding-bottom:0}.card-header-main{display:flex;align-items:center;gap:12px;flex:1}.card-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-avatar i{font-size:18px;color:var(--text-muted, #9ca3af)}.card-avatar-img{width:100%;height:100%;object-fit:cover}.card-title-text{font-weight:700;font-size:16px;color:var(--text-primary, #111827)}.card-actions{display:flex;align-items:center;gap:4px}.card-extra{font-size:13px;color:var(--text-muted, #6b7280)}.card-action-btn{width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;transition:all 0.2s}.card-action-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.card-cover{width:100%;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.card-hoverable:hover .card-cover img{transform:scale(1.05)}.card-content{padding:20px;flex:1;color:var(--text-secondary, #4b5563);line-height:1.6}.card-description{margin-top:12px;color:var(--text-muted, #6b7280);font-size:14px}.card-tag{display:inline-block;margin-top:12px;padding:2px 10px;background:var(--bg-secondary, #f3f4f6);border-radius:99px;font-size:12px;color:var(--text-secondary, #4b5563);font-weight:500}.card-footer{padding:16px 20px;border-top:1px solid var(--border-subtle, #f3f4f6);display:flex;flex-direction:column;gap:12px}.card-primary-btn{width:100%;padding:10px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.card-primary-btn:hover{opacity:0.9}.card-quick-actions{list-style:none;padding:0;margin:16px -20px -16px;display:flex;background:var(--bg-primary, #fafafa);border-top:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li{flex:1;padding:12px 16px;text-align:center;color:var(--text-secondary, #4b5563);font-weight:500;cursor:pointer;transition:all 0.2s;border-right:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li:last-child{border-right:none}.card-quick-actions li:hover{background:var(--bg-secondary, #f3f4f6);color:var(--ui-card-primary)}.card-layout-horizontal{flex-direction:row !important}.card-layout-horizontal .card-cover{width:35% !important;max-width:300px;height:auto !important;flex-shrink:0}.card-layout-horizontal .card-details-wrapper{flex:1}@media (max-width: 768px){.card-layout-horizontal{flex-direction:column !important}.card-layout-horizontal .card-cover{width:100% !important;max-width:none;aspect-ratio:16/9}}::slotted([slot=grid]){display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1px;background:var(--bg-secondary, #f3f4f6);border-top:1px solid var(--border-subtle, #f3f4f6)}::slotted([slot=grid]) ui-card{margin:0;--ui-card-radius:0}.menu-container{position:relative}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #f3f4f6);padding:6px;min-width:160px;z-index:100;margin-top:4px;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:8px 12px;border:none;background:transparent;display:flex;align-items:center;gap:8px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-secondary, #374151)}.menu-item:hover{background:var(--bg-primary, #f9fafb);color:var(--text-primary, #111827)}.menu-item.menu-item-disabled{opacity:0.5;cursor:not-allowed}.menu-separator{height:1px;background:var(--bg-secondary, #f3f4f6);margin:4px -6px}.card-loading-container{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:20px}.skeleton-avatar{background:var(--bg-secondary, #f3f4f6);width:48px;height:48px;border-radius:50%}.skeleton-text{background:var(--bg-secondary, #f3f4f6);height:16px;border-radius:4px;position:relative;overflow:hidden}.skeleton-text::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-hoverable:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.card-clickable{cursor:pointer}:host-context([data-theme=dark]) .card-face-content{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #f3f4f6)}:host-context([data-theme=dark]) .card-title-text{color:var(--text-standard, #f9fafb)}:host-context([data-theme=dark]) .card-header{border-bottom-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .card-footer{border-top-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .menu-dropdown{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .menu-item{color:var(--bg-secondary, #d1d5db)}:host-context([data-theme=dark]) .menu-item:hover{background:var(--color-primary, #374151);color:var(--text-standard, #f9fafb)}:host-context([data-theme=dark]) .skeleton-text,:host-context([data-theme=dark]) .skeleton-avatar{background:var(--color-primary, #374151)}';export{n as ui_card}

package/dist/exploration-project-tailwind/p-61717490.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,a as t,h as r,H as n}from"./p-DUsoYu9r.js";const s=class{constructor(t){i(this,t),this.numberChange=e(this,"numberChange"),this.numberInput=e(this,"numberInput"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get el(){return t(this)}internals;showTypeIcon=!1;prefixIcon="";name;value=0;min=-1/0;max=1/0;step=1;label="";placeholder="0";disabled=!1;readonly=!1;size="md";variant="default";prefixText="";suffixText="";helperText="";errorText="";precision=-1;showStepper=!1;stepperLayout="sides";scrollWheel=!0;fullWidth=!1;rtl=!1;inputValue="0";isFocused=!1;stepperInterval;numberChange;numberInput;componentWillLoad(){"plain"===this.variant&&(this.showStepper=!1),this.inputValue=this.format(this.value),this.internals.setFormValue(this.value.toString())}valueChanged(i){this.inputValue=this.format(i),this.internals.setFormValue(i.toString())}format(i){return this.precision>=0?i.toFixed(this.precision):String(i)}clamp(i){return Math.min(this.max,Math.max(this.min,i))}increment=()=>{if(this.disabled||this.readonly)return;const i=this.clamp(this.value+this.step);this.value=i,this.numberChange.emit(i)};decrement=()=>{if(this.disabled||this.readonly)return;const i=this.clamp(this.value-this.step);this.value=i,this.numberChange.emit(i)};startStepping=i=>{if(this.disabled||this.readonly)return;const e="inc"===i?this.increment:this.decrement;e(),this.stepperInterval=setInterval(e,100)};stopStepping=()=>{clearInterval(this.stepperInterval)};handleInput=i=>{const e=i.detail;this.inputValue=e;const t=parseFloat(e);isNaN(t)||(this.value=t,this.numberInput.emit(t))};handleBlur=()=>{this.isFocused=!1;const i=parseFloat(this.inputValue);this.value=isNaN(i)?this.clamp(0):this.clamp(i),this.inputValue=this.format(this.value),this.numberChange.emit(this.value)};handleWheel=i=>{this.scrollWheel&&!this.disabled&&this.isFocused&&(i.preventDefault(),i.deltaY<0?this.increment():this.decrement())};handleKeyDown=i=>{"ArrowUp"===i.key&&(i.preventDefault(),this.increment()),"ArrowDown"===i.key&&(i.preventDefault(),this.decrement())};render(){const i=!!this.errorText,e="right"===this.stepperLayout;return r(n,{key:"34a35f828baa751fbaab05db0ea6d7e4eb42281e",class:{"full-width":this.fullWidth}},this.label&&r("label",{key:"756934f01225ddbdd8235fc9081177dedc004531",class:"ni-label"},this.label),r("div",{key:"822ac22167cb75cdcb16274d4a5fa95291875cc9",class:{"ni-wrapper":!0,[`ni-${this.size}`]:!0,"ni-error":i,"ni-disabled":this.disabled,"ni-focused":this.isFocused,"ni-right":e,"ni-rtl":this.rtl,"ni-plain":"plain"===this.variant},dir:this.rtl?"rtl":"ltr"},this.showStepper&&"sides"===this.stepperLayout&&r("ui-button",{key:"714881b359dfc953c8b6f93fb0295c0ae2f134ea",variant:"ghost",onMouseDown:()=>this.startStepping("dec"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("dec"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value<=this.min,tabIndex:-1,ariaLabel:"Decrease",icon:"minus",iconLibrary:"lucide",iconOnly:!0,size:"sm"===this.size||"xs"===this.size?"sm":"md"}),this.renderPrefix(),r("ui-input",{key:"b2d56228f500995d4f6fbd78c639e6383c36bd3e",class:"ni-input",type:"number",value:this.inputValue,min:this.min===-1/0?void 0:this.min,max:this.max===1/0?void 0:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onInputChange:this.handleInput,onInputBlur:this.handleBlur,onFocusInternal:()=>this.isFocused=!0,onWheel:i=>this.handleWheel(i),onInputKeydown:i=>this.handleKeyDown(i.detail),fullWidth:!0,size:this.size,variant:"plain",showTypeIcon:!1}),this.renderSuffix(),this.showStepper&&e&&r("div",{key:"e400b4eea2656a85a5c5df3487ead9f45367100b",class:"ni-stacker"},r("ui-button",{key:"9cd89756bc4792dccc9657ca39b6d6cff2a9e819",variant:"ghost",onMouseDown:()=>this.startStepping("inc"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("inc"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value>=this.max,tabIndex:-1,ariaLabel:"Increase",icon:"chevron-up",iconLibrary:"lucide",iconOnly:!0,size:"xxs"}),r("ui-button",{key:"42248f0ccc65d42c903775f8e5fcbd97f76e04e7",variant:"ghost",onMouseDown:()=>this.startStepping("dec"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("dec"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value<=this.min,tabIndex:-1,ariaLabel:"Decrease",icon:"chevron-down",iconLibrary:"lucide",iconOnly:!0,size:"xxs"})),this.showStepper&&"sides"===this.stepperLayout&&r("ui-button",{key:"dbf5c5d29bf6945baaaa96a46915440088f2509f",variant:"ghost",onMouseDown:()=>this.startStepping("inc"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("inc"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value>=this.max,tabIndex:-1,ariaLabel:"Increase",icon:"plus",iconLibrary:"lucide",iconOnly:!0,size:"sm"===this.size||"xs"===this.size?"sm":"md"})),(this.helperText||this.errorText)&&r("div",{key:"f4f1e6ff10c5ddbbc4e49c7e2325e103537e9e08",class:{"ni-helper":!0,"ni-helper-error":i}},i?this.errorText:this.helperText))}renderPrefix(){const i=this.prefixText||this.prefixIcon,e=this.showTypeIcon&&!i;return i||e?r("span",{class:"ni-affix ni-prefix"},this.prefixText&&r("span",null,this.prefixText),(this.prefixIcon||e)&&r("ui-icon",{library:"lucide",name:this.prefixIcon||"hash",size:"14px"})):null}renderSuffix(){return this.suffixText?r("span",{class:"ni-affix ni-suffix"},this.suffixText):null}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};s.style=".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;font-family:inherit}:host.full-width{width:100%}:host.full-width .ni-wrapper{width:100%}.ni-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--ui-text-primary, var(--text-primary, #111827)));margin-bottom:8px;transition:color 0.2s ease}.ni-wrapper{display:inline-flex;align-items:center;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));border-radius:10px;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.ni-wrapper.ni-focused{border-color:var(--ui-color-primary, var(--color-primary, #10b981));box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.12), 0 4px 12px rgba(0, 0, 0, 0.05)}.ni-wrapper.ni-focused .ni-label{color:var(--ui-color-primary, var(--color-primary, #10b981))}.ni-wrapper.ni-error{border-color:var(--ui-color-error, var(--color-danger, #ef4444))}.ni-wrapper.ni-error .ni-label{color:var(--ui-color-error, var(--color-danger, #ef4444))}.ni-wrapper.ni-error.ni-focused{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb, 239, 68, 68), 0.12)}.ni-wrapper.ni-disabled{background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));opacity:0.65;pointer-events:none;cursor:not-allowed}.ni-wrapper.ni-sm{height:32px;font-size:12px;border-radius:6px}.ni-wrapper.ni-md{height:40px;font-size:14px}.ni-wrapper.ni-lg{height:48px;font-size:16px;border-radius:12px}.ni-wrapper.ni-plain{border:none;background:transparent;box-shadow:none;height:auto;overflow:visible}.ni-wrapper.ni-plain.ni-focused{box-shadow:none}.ni-btn{display:flex;align-items:center;justify-content:center;width:36px;height:100%;border:none;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);font-size:18px;font-weight:600;cursor:pointer;transition:background 0.15s, color 0.15s;flex-shrink:0;line-height:1}.ni-btn:hover:not(:disabled){background:var(--bg-primary, #e5e7eb);color:var(--bg-primary, #111)}.ni-btn:active:not(:disabled){background:var(--bg-secondary, #d1d5db)}.ni-btn:disabled{opacity:0.4;cursor:not-allowed}.ni-btn.ni-dec{border-inline-end:1.5px solid var(--border-default, #e5e7eb)}.ni-btn.ni-inc{border-inline-start:1.5px solid var(--border-default, #e5e7eb)}.ni-stacker{display:flex;flex-direction:column;height:100%;border-inline-start:1.5px solid var(--border-default, #e5e7eb)}.ni-stacker .ni-btn{width:28px;height:50%;font-size:9px}.ni-stacker .ni-btn.ni-inc-sm{border-bottom:1px solid var(--border-default, #e5e7eb);border-radius:0}.ni-stacker .ni-btn.ni-dec-sm{border-radius:0}.ni-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-size:inherit;color:var(--text-primary, #111827);text-align:center;padding:0 8px;appearance:textfield;-moz-appearance:textfield}.ni-input::-webkit-outer-spin-button,.ni-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ni-affix{padding:0 8px;color:var(--label-subtitle-color, var(--text-muted, #6b7280));font-size:13px;white-space:nowrap;background:var(--bg-primary, #f9fafb);height:100%;display:flex;align-items:center}.ni-affix.ni-prefix{border-inline-end:1.5px solid var(--border-default, #e5e7eb)}.ni-affix.ni-suffix{border-inline-start:1.5px solid var(--border-default, #e5e7eb)}.ni-helper{font-size:12px;margin-top:5px;color:var(--label-subtitle-color, var(--text-muted, #6b7280))}.ni-helper.ni-helper-error{color:var(--color-danger, #ef4444)}";export{s as ui_number_input}

package/dist/exploration-project-tailwind/p-64e3a484.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a as t,h as n,H as l}from"./p-DUsoYu9r.js";import{s as m}from"./p-D2WzX6vR.js";const a=class{constructor(t){e(this,t),this.itemVisible=i(this,"itemVisible"),this.itemClick=i(this,"itemClick")}events=[];normalizedEvents=[];flow="linear";mode="vertical";align="left";theme;multiline=!1;columns=4;variant="default";marker="dot";clickable=!1;reverse=!1;pending=!1;searchable=!1;lineColor="#3bf673";lineWidth=2;dotSize=12;dotColor="#3bf673";showLine=!0;showDots=!0;animateOnScroll=!1;compact=!1;wrap=!1;showDates=!0;dateFormat="short";iconPosition="center";activeItemId;visibleItems=new Set;searchQuery="";itemVisible;itemClick;get el(){return t(this)}normalizeEvents(e){if("string"==typeof e)try{this.normalizedEvents=JSON.parse(e)}catch{this.normalizedEvents=[]}else this.normalizedEvents=e||[]}isRtl=!1;isMobile=!1;observer;componentWillLoad(){this.normalizeEvents(this.events)}componentDidLoad(){this.animateOnScroll&&this.setupIntersectionObserver(),this.checkMobile(),this.checkRtl(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){this.observer&&this.observer.disconnect(),window.removeEventListener("resize",this.handleResize)}handleResize=()=>{this.checkMobile()};checkMobile(){this.isMobile=window.innerWidth<=768}checkRtl(){this.isRtl="rtl"===getComputedStyle(this.el).direction||null!==this.el.closest('[dir="rtl"]')||"rtl"===document.documentElement.dir}setupIntersectionObserver(){void 0!==globalThis.IntersectionObserver&&(this.observer=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const i=e.target.getAttribute("data-item-id"),t=e.target.getAttribute("data-item-index");if(i||t){this.visibleItems=new Set([...this.visibleItems,i||t]);const e=parseInt(t||"0",10),n=this.normalizedEvents[e];n&&this.itemVisible.emit({item:n,index:e})}}}))}),{threshold:.2}))}getProcessedEvents(){let e=[...this.normalizedEvents];if(this.searchable&&this.searchQuery){const i=this.searchQuery.toLowerCase();e=e.filter((e=>e.label.toLowerCase().includes(i)||e.description&&e.description.toLowerCase().includes(i)||e.opposite&&"string"==typeof e.opposite&&e.opposite.toLowerCase().includes(i)||e.customContent&&e.customContent.toLowerCase().includes(i)))}return this.reverse&&e.reverse(),e}handleSearch=e=>{this.searchQuery=e.detail};handleItemClick=e=>{this.clickable&&this.itemClick.emit(e)};render(){const e=this.getProcessedEvents(),i=this.isMobile&&this.compact?"vertical":this.mode,t=["timeline-container",`timeline-${i}`,`timeline-align-${this.align}`,(this.multiline||this.wrap)&&"timeline-multiline",`timeline-variant-${this.variant}`,`timeline-marker-${this.marker}`,this.clickable&&"timeline-clickable",this.animateOnScroll&&"timeline-animated",this.compact&&"timeline-compact",`timeline-icon-${this.iconPosition}`].filter(Boolean).join(" "),m={...this.theme,"--timeline-line-color":this.lineColor,"--timeline-line-width":`${this.lineWidth}px`,"--timeline-dot-size":`${this.dotSize}px`,"--timeline-dot-color":this.dotColor},a="horizontal"===i&&(this.multiline||this.wrap)?this.renderMultiline(t,e,m):n("div",{class:t,style:m},e.map(((e,i)=>this.renderEventItem(e,i))),this.pending&&this.renderPendingItem(e.length));return n(l,{key:"895dad278ac5ef9373c0053fe80f39d4c0850ba0"},n("div",{key:"83841752c240e330781abd770ba5079305d18ced",class:"timeline-wrapper"},this.searchable&&n("div",{key:"068ab74adbeb338f0ae91bb6f2d69ae91c426d2d",class:"timeline-search-header"},n("ui-input",{key:"8c1e6d69c5f10e25e6abdab5eedd84a93727729b",type:"text",class:"timeline-search-input",placeholder:"Search events...",onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})),a))}renderMultiline(e,i,t){const l=this.columns>0?this.columns:4,m=[];for(let e=0;e<i.length;e+=l)m.push(i.slice(e,e+l));return n("div",{class:`${e} ${this.wrap?"timeline-snake-container":""}`,style:t},m.map(((e,i)=>n("div",{class:{"timeline-row":!0,"timeline-row-even":i%2==0,"timeline-row-odd":i%2!=0}},e.map(((t,n)=>this.renderEventItem(t,i*this.columns+n,!0,n===e.length-1)))))),this.pending&&this.renderPendingItem(i.length,!0))}renderPendingItem(e,i=!1){const t=this.isRtl?e%2!=0:e%2==0,l="alternate"===this.align?t?"left":"right":this.align,m="alternate"===this.align?t?"top":"bottom":"top"===this.align?"top":"bottom";return n("div",{class:{"timeline-item":!0,"timeline-item-pending":!0,[`side-${l}`]:"vertical"===this.mode,[`side-${m}`]:"horizontal"===this.mode,"is-multiline":i}},n("div",{class:"timeline-item-line"}),n("div",{class:"timeline-item-dot"},n("span",{class:"dot-inner"})),n("div",{class:"timeline-item-details"},n("div",{class:"timeline-item-content"},n("div",{class:"timeline-item-title"},"Pending..."))))}renderEventItem(e,i,t=!1,l=!1){const a="alternate"===this.align,r=this.isRtl?i%2!=0:i%2==0,o=a?r?"left":"right":this.align,d=a?r?"top":"bottom":"top"===this.align?"top":"bottom";let s;const c={};e.dotColor&&(c.borderColor=e.dotColor),e.iconBackground&&(c.backgroundColor=e.iconBackground);const p={};e.iconColor&&(p.color=e.iconColor),s=e.image?n("img",{src:e.image,alt:e.label,class:"timeline-item-image",width:"24",height:"24"}):e.icon||"icon"===this.marker?n("span",{class:"timeline-item-icon",style:p},e.icon&&e.icon.includes("<svg")?n("span",{innerHTML:m(e.icon)}):n("ui-icon",{name:e.icon||"default-icon",library:"fontawesome"})):"number"===this.marker?n("span",{class:"timeline-item-number"},i+1):n("span",{class:"dot-inner"});const g=this.visibleItems.has(e.id||i.toString()),h=e.id||i.toString();return n("div",{"data-item-id":h,"data-item-index":i,ref:e=>{e&&this.animateOnScroll&&this.observer&&this.observer.observe(e)},class:["timeline-item",`timeline-item-${e.status||"default"}`,i%2==0?"timeline-item-even":"timeline-item-odd",`side-${o}`,`side-${d}`,t&&l&&"is-last-in-row",!!e.image&&"has-image",!!e.icon&&"has-icon","number"===this.marker&&!e.image&&!e.icon&&"has-number",this.clickable&&"timeline-item-clickable",("active"===e.status||"pending"===e.status)&&"is-active",this.animateOnScroll&&"timeline-item-animated",(g||!this.animateOnScroll)&&"timeline-item-visible","center"===this.align&&"timeline-balanced-item",!!e.position&&`timeline-item-position-${e.position}`].filter(Boolean).join(" "),onClick:()=>this.handleItemClick(e)},n("div",{class:"timeline-side timeline-side-left"},"left"===o&&e.opposite&&n("span",{class:"timeline-opposite-content"},e.opposite)),n("div",{class:"timeline-item-divider"},this.showLine&&n("div",{class:"timeline-item-line",style:{backgroundColor:e.lineColor||this.lineColor}}),n("div",{class:"timeline-item-dot",style:c},s,e.badge&&n("span",{class:"timeline-badge"},e.badge))),n("div",{class:"timeline-item-details timeline-side timeline-side-right"},this.showDates&&(e.date||e.time||e.timestamp)&&n("div",{class:"timeline-item-time"},e.date&&n("span",{class:"timeline-date-text"},e.date," "),e.time&&n("span",{class:"timeline-time-text"},e.time),!e.date&&!e.time&&e.timestamp&&n("span",{class:"timeline-date-text"},e.timestamp)),n("div",{class:"timeline-item-content"},n("div",{class:"timeline-item-title"},e.label),e.description&&n("div",{class:"timeline-item-desc"},e.description),e.customContent&&n("div",{class:"timeline-custom-content",innerHTML:m(e.customContent)}))))}static get watchers(){return{events:[{normalizeEvents:0}]}}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.timeline-container{display:flex;position:relative;font-family:inherit}.timeline-vertical{flex-direction:column;padding:20px 0}.timeline-vertical .timeline-item{display:flex;position:relative;padding-bottom:24px;align-items:center}.timeline-vertical .timeline-item-line{position:absolute;top:0;bottom:0;width:2px;background-color:var(--bg-primary, #e5e7eb)}.timeline-vertical .timeline-item:last-child .timeline-item-line{display:none}.timeline-vertical .timeline-item-dot{position:relative;z-index:10;width:12px;height:12px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981);border-radius:50%;flex-shrink:0;margin-top:0;}.timeline-vertical .timeline-item-content{flex:1}.timeline-align-left.timeline-vertical .timeline-item-line{left:5px}.timeline-icon-top .timeline-item{align-items:flex-start}.timeline-icon-center .timeline-item{align-items:center}.timeline-icon-bottom .timeline-item{align-items:flex-end}.timeline-align-left.timeline-vertical .timeline-item-dot{left:0;}.timeline-align-left.timeline-vertical .timeline-item-details{padding-left:48px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.timeline-align-right.timeline-vertical .timeline-item{flex-direction:row-reverse;}.timeline-align-right.timeline-vertical .timeline-item-line{left:auto;right:5px;}.timeline-align-right.timeline-vertical .timeline-item-dot{left:auto;right:0;top:4px}.timeline-align-right.timeline-vertical .timeline-item-details{padding-left:0;padding-right:48px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;width:100%;}.timeline-align-alternate.timeline-vertical .timeline-item{width:100%}.timeline-align-alternate.timeline-vertical .timeline-item-line{left:50%;transform:translateX(-50%)}.timeline-align-alternate.timeline-vertical .timeline-item-dot{left:50%;transform:translateX(-50%);top:4px}.timeline-align-alternate.timeline-vertical .side-left .timeline-item-details{width:50%;padding-right:48px;padding-left:0;text-align:right;box-sizing:border-box;margin-left:0;}.timeline-align-alternate.timeline-vertical .side-right .timeline-item-details{width:50%;margin-left:50%;padding-left:48px;text-align:left;box-sizing:border-box}.timeline-horizontal{flex-direction:row;padding:80px 0;overflow-x:auto;min-height:250px;align-items:center}.timeline-horizontal .timeline-item{flex:1;min-width:200px;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;height:100%;margin:auto}.timeline-horizontal .timeline-item-details{position:absolute;width:240px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;}.timeline-horizontal.timeline-multiline{flex-direction:column;flex-wrap:nowrap;gap:0;padding:40px 80px;display:flex;align-items:stretch;overflow:visible;}.timeline-row{display:flex;width:100%;justify-content:center;justify-content:flex-start;position:relative;padding:40px 0;}.timeline-row.timeline-row-odd{flex-direction:row-reverse}.timeline-horizontal.timeline-multiline .timeline-item{flex:1;margin:0;min-width:0}.timeline-horizontal.timeline-multiline .timeline-item-line{display:block;left:50%;right:-50%;top:50%;border-radius:0}.timeline-row.timeline-row-odd .timeline-item-line{left:-50%;right:50%;}.timeline-item.is-last-in-row .timeline-item-line{display:block;left:50%;right:0;width:auto;}.timeline-row-odd .timeline-item.is-last-in-row .timeline-item-line{left:0;right:50%}.timeline-row-even .timeline-item.is-last-in-row::after{content:"";position:absolute;right:-60px;width:60px;top:50%;height:250px;border-right:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--border-default, #e5e7eb);border-bottom:2px solid var(--border-default, #e5e7eb);border-top-right-radius:60px;border-bottom-right-radius:60px;border-top-left-radius:0;border-bottom-left-radius:0;z-index:0;left:auto;pointer-events:none;top:calc(50% - 1px)}.timeline-row-odd .timeline-item.is-last-in-row::after{content:"";position:absolute;left:-60px;right:auto;width:60px;top:calc(50% - 1px);height:250px;border-left:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--border-default, #e5e7eb);border-bottom:2px solid var(--border-default, #e5e7eb);border-top-left-radius:60px;border-bottom-left-radius:60px;border-top-right-radius:0;border-bottom-right-radius:0;z-index:0;transform:none;pointer-events:none}.timeline-row:last-child .timeline-item.is-last-in-row::after{display:none}.timeline-row .timeline-item{justify-content:flex-start;}.timeline-row .timeline-item-dot{margin-top:119px;}.timeline-row .timeline-item-line{top:125px;transform:translateY(-50%)}.timeline-row .timeline-item-details{top:125px;}.timeline-horizontal .timeline-item-content,.timeline-horizontal .timeline-item-time{position:static;width:auto;max-width:100%;transform:none;left:auto;text-align:center;padding:2px 0}.timeline-horizontal .timeline-item-line{position:absolute;left:50%;right:-50%;top:50%;transform:translateY(-50%);height:2px;background-color:var(--bg-primary, #e5e7eb)}.timeline-horizontal .timeline-item:last-child .timeline-item-line{display:none}.timeline-horizontal .timeline-item-dot{width:12px;height:12px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981);border-radius:50%;z-index:10;position:relative}.timeline-horizontal.timeline-align-top .timeline-item-details,.timeline-horizontal .side-top .timeline-item-details{bottom:50%;top:auto;margin-bottom:32px;flex-direction:column-reverse;}.timeline-horizontal.timeline-align-top .timeline-item-details .timeline-item-content,.timeline-horizontal .side-top .timeline-item-details .timeline-item-content{order:1;}.timeline-horizontal.timeline-align-top .timeline-item-details .timeline-item-time,.timeline-horizontal .side-top .timeline-item-details .timeline-item-time{order:2;}.timeline-horizontal.timeline-align-bottom .timeline-item-details,.timeline-horizontal.timeline-align-left .timeline-item-details,.timeline-horizontal .side-bottom .timeline-item-details{top:50%;bottom:auto;margin-top:32px;flex-direction:column;}.timeline-horizontal .timeline-item-details::before{content:"";position:absolute;left:50%;width:2px;background:var(--bg-primary, #e5e7eb);height:32px;transform:translateX(-50%)}.timeline-horizontal.timeline-align-top .timeline-item-details::before,.timeline-horizontal .side-top .timeline-item-details::before{bottom:-32px;}.timeline-horizontal.timeline-align-bottom .timeline-item-details::before,.timeline-horizontal.timeline-align-left .timeline-item-details::before,.timeline-horizontal .side-bottom .timeline-item-details::before{top:-32px;}.timeline-horizontal.timeline-align-alternate .timeline-item{height:100%}.timeline-horizontal.timeline-align-alternate .timeline-item-dot{margin:0}.timeline-item-success .timeline-item-dot{border-color:var(--color-success, #10b981)}.timeline-item-danger .timeline-item-dot{border-color:var(--color-danger, #ef4444)}.timeline-item-warning .timeline-item-dot{border-color:var(--color-warning, #f59e0b)}.timeline-item-active .timeline-item-dot{border-color:var(--color-primary, #10b981);background-color:var(--bg-primary, #eff6ff);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.timeline-item-active .timeline-item-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-primary, #10b981);animation:timeline-pulse 2s infinite}.timeline-item-active .timeline-item-title{color:var(--color-primary, #10b981)}@keyframes timeline-pulse{0%{transform:scale(1);opacity:0.5}100%{transform:scale(2);opacity:0}}.timeline-item-dot{display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.timeline-item-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1;width:100%;height:100%}.timeline-item:has(.timeline-item-icon) .timeline-item-dot{width:24px;height:24px;background:var(--bg-primary, #f8fafc);display:flex !important;align-items:center;justify-content:center}.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:-6px;top:0}.timeline-align-alternate.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:50%;transform:translateX(-50%)}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{right:-6px;left:auto}.dot-inner{width:4px;height:4px;background:var(--color-primary, #10b981);border-radius:50%}.timeline-item-success .dot-inner{background:var(--color-success, #10b981)}.timeline-item-danger .dot-inner{background:var(--color-danger, #ef4444)}.timeline-item-warning .dot-inner{background:var(--color-warning, #f59e0b)}.timeline-item{transition:opacity 0.2s ease}.timeline-item:hover .timeline-item-dot{transform:scale(1.2)}.timeline-variant-panel .timeline-item-content{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:16px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);position:relative;transition:transform 0.2s, box-shadow 0.2s}.timeline-variant-panel .timeline-item-content::before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb);transform:rotate(45deg);display:none;}.timeline-variant-panel .timeline-item:hover .timeline-item-content{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);transform:translateY(-2px)}.timeline-item-number{color:var(--color-primary, #10b981);font-size:14px;font-weight:700;line-height:1}.timeline-marker-number .timeline-item-dot,.timeline-item:has(.timeline-item-number) .timeline-item-dot{width:32px;height:32px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981)}.timeline-item-active .timeline-item-number{color:var(--text-standard, #ffffff)}.timeline-item-active.timeline-marker-number .timeline-item-dot{background:var(--color-primary, #10b981)}.timeline-item-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.timeline-item:has(.timeline-item-image) .timeline-item-dot{width:24px;height:24px;padding:0;overflow:hidden;border-radius:50%;position:relative;border:2px solid var(--color-primary, #10b981);border-color:var(--color-primary, #cbd5e1);box-shadow:none;background:var(--bg-primary, #ffffff)}.timeline-item-active:has(.timeline-item-image) .timeline-item-dot{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);}.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{left:-6px}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{right:-6px;left:auto}.timeline-row .timeline-item:has(.timeline-item-image) .timeline-item-dot,.timeline-row .timeline-item:has(.timeline-item-icon) .timeline-item-dot{margin-top:113px}.timeline-item:has(.timeline-item-icon) .timeline-item-dot{width:24px;height:24px;background:var(--bg-primary, #f8fafc)}.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:-6px;top:0}.timeline-align-alternate.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:50%;transform:translateX(-50%)}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{right:-6px;left:auto}.dot-inner{width:4px;height:4px;background:var(--color-primary, #10b981);border-radius:50%}.timeline-item-success .dot-inner{background:var(--color-success, #10b981)}.timeline-item-danger .dot-inner{background:var(--color-danger, #ef4444)}.timeline-item-warning .dot-inner{background:var(--color-warning, #f59e0b)}.timeline-item{transition:opacity 0.2s ease}.timeline-item:hover .timeline-item-dot{transform:scale(1.2)}.timeline-variant-panel .timeline-item-content{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:16px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);position:relative;transition:transform 0.2s, box-shadow 0.2s}.timeline-variant-panel .timeline-item-content::before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb);transform:rotate(45deg);display:none;}.timeline-variant-panel .timeline-item:hover .timeline-item-content{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);transform:translateY(-2px)}.timeline-item-number{color:var(--color-primary, #10b981);font-size:14px;font-weight:700;line-height:1}.timeline-marker-number .timeline-item-dot,.timeline-item:has(.timeline-item-number) .timeline-item-dot{width:32px;height:32px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981)}.timeline-item-active .timeline-item-number{color:var(--text-standard, #ffffff)}.timeline-item-active.timeline-marker-number .timeline-item-dot{background:var(--color-primary, #10b981)}.timeline-item-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.timeline-item:has(.timeline-item-image) .timeline-item-dot{width:24px;height:24px;padding:0;overflow:hidden;border-radius:50%;position:relative;border:2px solid var(--color-primary, #10b981);border-color:var(--color-primary, #cbd5e1);box-shadow:none;background:var(--bg-primary, #ffffff)}.timeline-item-active:has(.timeline-item-image) .timeline-item-dot{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);}.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{left:0}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{right:-6px;left:auto}.timeline-row .timeline-item:has(.timeline-item-image) .timeline-item-dot,.timeline-row .timeline-item:has(.timeline-item-icon) .timeline-item-dot{margin-top:113px}.timeline-row .timeline-item:has(.timeline-item-number) .timeline-item-dot{margin-top:117px;}.timeline-item-title{font-weight:600;font-size:14px;color:var(--text-primary, #1f2937);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.timeline-item-time{font-size:12px;color:var(--text-muted, #6b7280);margin-bottom:2px;font-family:monospace;font-weight:500}.timeline-item-content{min-width:0;}.timeline-item-desc{font-size:13px;color:var(--text-secondary, #4b5563);margin-top:4px;line-height:1.5;display:-webkit-box !important;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:help;transition:all 0.2s;}.timeline-item-title:hover{white-space:normal;overflow:visible;z-index:50;position:relative;background:rgba(255, 255, 255, 0.9);}.timeline-item-desc:hover{-webkit-line-clamp:unset !important;line-clamp:unset !important;overflow:visible;z-index:50;position:relative;background:rgba(255, 255, 255, 0.9)}@media (prefers-color-scheme: dark){.timeline-item-title{color:var(--text-standard, #f3f4f6)}.timeline-item-desc{color:var(--text-muted, #9ca3af)}.timeline-item-line{background-color:var(--text-secondary, #374151)}.timeline-item-dot{background:var(--bg-primary, #1f2937);border-color:var(--color-primary, #10b981);}.timeline-vertical .timeline-item-dot{background:var(--bg-primary, #1f2937)}.timeline-variant-panel .timeline-item-content{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}.timeline-variant-panel .timeline-item-content::before{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}.timeline-marker-number .timeline-item-dot,.timeline-item:has(.timeline-item-number) .timeline-item-dot{background:var(--bg-primary, #1f2937);border-color:var(--color-primary, #10b981)}}.timeline-wrapper{display:flex;flex-direction:column;gap:20px}.timeline-search-header{margin-bottom:24px;padding:0 4px}.timeline-search-input{width:100%;padding:10px 16px;border:1px solid var(--border-default, #e5e7eb);border-radius:8px;font-size:14px;outline:none;transition:all 0.2s ease;background:var(--bg-primary, #f9fafb)}.timeline-search-input:focus{border-color:var(--color-primary, #10b981);background:var(--bg-primary, #ffffff);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.timeline-item-clickable{cursor:pointer}.timeline-item-clickable:hover{opacity:0.8}.timeline-item-clickable:hover .timeline-item-dot{transform:scale(1.3);box-shadow:0 0 0 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.timeline-item-pending .timeline-item-line{border-left:2px dashed var(--color-primary, #cbd5e1);background-color:transparent}.timeline-item-pending .dot-inner{background:var(--color-primary, #cbd5e1);animation:timeline-pulse-inner 1.5s infinite ease-in-out}@keyframes timeline-pulse-inner{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0.5}}.timeline-item.is-active .timeline-item-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid currentColor;animation:timeline-pulse 2s infinite}.timeline-horizontal .timeline-item-pending .timeline-item-line{border-top:2px dashed var(--color-primary, #cbd5e1);background-color:transparent;height:0}.timeline-horizontal.timeline-align-alternate .timeline-item-pending .timeline-item-line{top:50%}:host{display:block;width:100%;--timeline-line-color:var(--color-primary, #10b981);--timeline-line-width:2px;--timeline-dot-size:12px;--timeline-dot-color:var(--color-primary, #10b981)}.timeline-container{position:relative;padding:20px 0;width:100%}.timeline-vertical{display:flex;flex-direction:column;gap:0}.timeline-vertical .timeline-item{position:relative;display:flex;align-items:center;min-height:80px;padding:0}.timeline-vertical .timeline-item .timeline-dot{position:relative;flex-shrink:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--timeline-dot-color);background:var(--bg-primary, #ffffff);transition:all 0.3s ease}.timeline-vertical .timeline-item .timeline-dot i{font-size:calc(var(--timeline-dot-size) * 0.8)}.timeline-vertical .timeline-item .timeline-line{position:absolute;left:calc(var(--timeline-dot-size));top:calc(var(--timeline-dot-size) + 3px);bottom:calc(-1 * var(--timeline-dot-size) - 3px);width:var(--timeline-line-width);background:var(--timeline-line-color);z-index:1}.timeline-vertical .timeline-item .timeline-content{flex:1;padding:0 24px;margin-top:4px}.timeline-vertical.timeline-align-left .timeline-item{flex-direction:row}.timeline-vertical.timeline-align-left .timeline-item .timeline-dot{margin-right:0}.timeline-vertical.timeline-align-left .timeline-item .timeline-line{left:calc(var(--timeline-dot-size));right:auto}.timeline-vertical.timeline-align-left .timeline-item .timeline-content{text-align:left;padding-left:24px;padding-right:0}.timeline-vertical.timeline-align-right .timeline-item{flex-direction:row-reverse}.timeline-vertical.timeline-align-right .timeline-item .timeline-dot{margin-left:0;margin-right:0}.timeline-vertical.timeline-align-right .timeline-item .timeline-line{left:auto;right:calc(var(--timeline-dot-size))}.timeline-vertical.timeline-align-right .timeline-item .timeline-content{text-align:right;padding-right:24px;padding-left:0}.timeline-vertical.timeline-align-center{display:flex;flex-direction:column;align-items:center}.timeline-vertical.timeline-align-center .timeline-item{width:50%;flex-direction:row;justify-content:flex-start}.timeline-vertical.timeline-align-center .timeline-item .timeline-dot{position:absolute;left:-12px;margin-right:0}.timeline-vertical.timeline-align-center .timeline-item .timeline-line{position:absolute;left:-2px;right:auto}.timeline-vertical.timeline-align-center .timeline-item .timeline-content{text-align:left;padding-left:24px;padding-right:0;margin-left:12px}.timeline-vertical.timeline-align-alternate{display:flex;flex-direction:column;align-items:center}.timeline-vertical.timeline-align-alternate .timeline-item{width:50%}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-dot{position:absolute}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-line{position:absolute}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left{flex-direction:row-reverse;align-self:flex-start}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left .timeline-dot{right:-12px;left:auto}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left .timeline-content{text-align:right;padding-right:24px;padding-left:0;margin-right:12px}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left .timeline-line{right:-2px;left:auto}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right{flex-direction:row;align-self:flex-end}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right .timeline-dot{left:-12px;right:auto}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right .timeline-content{text-align:left;padding-left:24px;padding-right:0;margin-left:12px}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right .timeline-line{left:-2px;right:auto}.timeline-horizontal{display:flex;gap:0;overflow-x:auto;padding:40px 0;scrollbar-width:thin;scrollbar-color:var(--timeline-line-color) transparent}.timeline-horizontal::-webkit-scrollbar{height:6px}.timeline-horizontal::-webkit-scrollbar-track{background:transparent}.timeline-horizontal::-webkit-scrollbar-thumb{background-color:var(--timeline-line-color);border-radius:20px}.timeline-horizontal{scroll-snap-type:x mandatory}.timeline-horizontal .timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:150px;padding:0;flex-shrink:0;scroll-snap-align:center}.timeline-horizontal .timeline-item .timeline-dot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--timeline-dot-color);background:var(--bg-primary, #ffffff);transition:all 0.3s ease}.timeline-horizontal .timeline-item .timeline-dot i{font-size:calc(var(--timeline-dot-size) * 0.8)}.timeline-horizontal .timeline-item .timeline-line{position:absolute;left:calc(var(--timeline-dot-size) * 2);right:calc(-100% + var(--timeline-dot-size) * 2);top:calc(var(--timeline-dot-size));height:var(--timeline-line-width);width:auto;background:var(--timeline-line-color);z-index:1}.timeline-horizontal .timeline-item .timeline-content{padding:16px 12px;max-width:200px}.timeline-horizontal.timeline-align-left .timeline-item,.timeline-horizontal.timeline-align-top .timeline-item{flex-direction:column-reverse}.timeline-horizontal.timeline-align-left .timeline-item .timeline-content,.timeline-horizontal.timeline-align-top .timeline-item .timeline-content{text-align:center}.timeline-horizontal.timeline-align-right .timeline-item .timeline-content,.timeline-horizontal.timeline-align-bottom .timeline-item .timeline-content{text-align:center}.timeline-horizontal.timeline-align-alternate .timeline-item.timeline-item-top{flex-direction:column-reverse}.timeline-horizontal.timeline-align-alternate .timeline-item .timeline-content{text-align:center}.timeline-content{background:var(--bg-primary, #ffffff);border-radius:8px;border:1px solid var(--border-default, #e5e7eb);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:all 0.3s ease}.timeline-date{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-secondary);font-weight:500}.timeline-date .timeline-date-text{color:var(--primary-color)}.timeline-date .timeline-time-text{color:var(--text-secondary)}.timeline-image{margin:-1px -1px 12px -1px;border-radius:8px 8px 0 0;overflow:hidden}.timeline-image img{width:100%;height:auto;display:block}.timeline-header{margin-bottom:8px}.timeline-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.timeline-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.timeline-custom{margin-top:12px}.timeline-badge{position:absolute;top:-6px;right:-6px;background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.timeline-variant-outlined .timeline-content{background:transparent;border:2px solid var(--border-default, #e5e7eb);box-shadow:none}.timeline-variant-filled .timeline-content{background:var(--bg-secondary, #f3f4f6);border:none;box-shadow:none}.timeline-variant-minimal .timeline-content{background:transparent;border:none;box-shadow:none;padding:8px 12px}.timeline-variant-minimal .timeline-dot{border-width:2px !important}.timeline-variant-dots-only .timeline-content{display:none}.timeline-variant-dots-only .timeline-dot{cursor:pointer}.timeline-variant-dots-only .timeline-dot:hover{transform:scale(1.2)}.timeline-compact.timeline-vertical .timeline-item{min-height:50px}.timeline-compact.timeline-vertical .timeline-item .timeline-content{padding:0 16px}.timeline-compact.timeline-horizontal .timeline-item{min-width:100px}.timeline-compact.timeline-horizontal .timeline-item .timeline-content{padding:8px;max-width:150px}.timeline-compact .timeline-content{padding:8px 12px}.timeline-compact .timeline-title{font-size:14px}.timeline-compact .timeline-description{font-size:12px}.timeline-item-clickable{cursor:pointer}.timeline-item-clickable .timeline-content:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.15);transform:translateY(-2px);border-color:var(--timeline-dot-color)}.timeline-item-clickable.timeline-item-active .timeline-content{border-color:var(--timeline-dot-color);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.timeline-item-clickable.timeline-item-active .timeline-dot{transform:scale(1.2);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.timeline-animated .timeline-item{opacity:0;transition:opacity 0.6s ease, transform 0.6s ease}.timeline-animated .timeline-item.timeline-item-visible{opacity:1}.timeline-animated.timeline-vertical .timeline-item{transform:translateX(-30px)}.timeline-animated.timeline-vertical .timeline-item.timeline-item-right{transform:translateX(30px)}.timeline-animated.timeline-vertical .timeline-item.timeline-item-visible{transform:translateX(0)}.timeline-animated.timeline-horizontal .timeline-item{transform:translateY(30px)}.timeline-animated.timeline-horizontal .timeline-item.timeline-item-top{transform:translateY(-30px)}.timeline-animated.timeline-horizontal .timeline-item.timeline-item-visible{transform:translateY(0)}.timeline-icon-top.timeline-vertical .timeline-item{align-items:flex-start}.timeline-icon-top.timeline-vertical .timeline-item .timeline-dot{margin-top:0}.timeline-icon-top.timeline-vertical .timeline-item .timeline-line{top:calc(var(--timeline-dot-size) + 3px)}.timeline-icon-top.timeline-horizontal.timeline-align-top .timeline-item .timeline-dot{align-self:flex-start}.timeline-icon-top.timeline-horizontal.timeline-align-bottom .timeline-item .timeline-dot{align-self:flex-start}.timeline-icon-center.timeline-vertical .timeline-item{align-items:center}.timeline-icon-center.timeline-vertical .timeline-item .timeline-dot{margin-top:0}.timeline-icon-center.timeline-vertical .timeline-item .timeline-line{top:50%;transform:translateY(calc(var(--timeline-dot-size) / 2 + 3px));bottom:calc(-50% - var(--timeline-dot-size) / 2 - 3px)}.timeline-icon-center.timeline-horizontal .timeline-item .timeline-dot{align-self:center}.timeline-icon-bottom.timeline-vertical .timeline-item{align-items:flex-start}.timeline-icon-bottom.timeline-vertical .timeline-item .timeline-dot{margin-top:auto;align-self:flex-end}.timeline-icon-bottom.timeline-vertical .timeline-item .timeline-line{top:auto;bottom:calc(-1 * var(--timeline-dot-size) - 3px);height:calc(100% - var(--timeline-dot-size) - 3px);transform:none}.timeline-icon-bottom.timeline-vertical.timeline-align-center .timeline-item .timeline-line{left:-2px;right:auto}.timeline-icon-bottom.timeline-vertical.timeline-align-alternate .timeline-item-left .timeline-line{right:-2px;left:auto}.timeline-icon-bottom.timeline-vertical.timeline-align-alternate .timeline-item-right .timeline-line{left:-2px;right:auto}.timeline-icon-bottom.timeline-horizontal.timeline-align-top .timeline-item .timeline-dot{align-self:flex-end}.timeline-icon-bottom.timeline-horizontal.timeline-align-bottom .timeline-item .timeline-dot{align-self:flex-end}@media (max-width: 768px){.timeline-horizontal{flex-direction:column;overflow-x:visible}.timeline-horizontal .timeline-item{min-width:100%;flex-direction:row;align-items:flex-start}.timeline-horizontal .timeline-item .timeline-line{left:calc(var(--timeline-dot-size));top:calc(var(--timeline-dot-size) * 2);bottom:calc(-100% + var(--timeline-dot-size) * 2);right:auto;width:var(--timeline-line-width);height:auto}.timeline-horizontal .timeline-item .timeline-content{padding:0 24px;max-width:none;text-align:left !important}.timeline-vertical.timeline-align-alternate,.timeline-vertical.timeline-align-center{padding-left:0}.timeline-vertical.timeline-align-alternate .timeline-item,.timeline-vertical.timeline-align-center .timeline-item{flex-direction:row !important;transform:none !important;padding-right:0 !important}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-content,.timeline-vertical.timeline-align-center .timeline-item .timeline-content{text-align:left !important}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-line,.timeline-vertical.timeline-align-center .timeline-item .timeline-line{left:calc(var(--timeline-dot-size)) !important;right:auto !important}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:flex-start;min-height:80px;width:100%;position:relative}}@media (max-width: 768px) and (max-width: 768px){.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item{display:flex;flex-direction:column;padding-left:30px}}@media (max-width: 768px){.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-side,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-side{min-width:0;display:flex;flex-direction:column;justify-content:center}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-side.timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-side.timeline-side-left{align-items:flex-end;text-align:right}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-side.timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-side.timeline-side-right{align-items:flex-start;text-align:left}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-separator{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;min-width:24px}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-separator .timeline-line-vertical,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-separator .timeline-line-vertical{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--timeline-line-width);background-color:var(--timeline-line-color);z-index:0}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-separator .timeline-marker,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-separator .timeline-marker{position:relative;z-index:1;margin-top:4px}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-opposite-date,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-opposite-date{font-size:0.9rem;color:var(--text-secondary);font-weight:500;padding:6px 16px;border-radius:20px;background:rgba(0, 0, 0, 0.03);margin:10px 0;display:inline-block;transition:all 0.3s ease}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-opposite-date:hover,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-opposite-date:hover{background:rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-center .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-center .timeline-balanced-item{align-items:center}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-center .timeline-balanced-item .timeline-separator .timeline-marker,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-center .timeline-balanced-item .timeline-separator .timeline-marker{margin-top:0}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-bottom .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-bottom .timeline-balanced-item{align-items:flex-end}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-bottom .timeline-balanced-item .timeline-separator .timeline-marker,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-bottom .timeline-balanced-item .timeline-separator .timeline-marker{margin-top:auto;margin-bottom:4px}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator{opacity:0;transition:all 0.6s ease}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left{transform:translateX(-20px)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right{transform:translateX(20px)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator{transform:scale(0.5)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-left,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-right,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-separator{opacity:1;transform:none}}.timeline-snake-container{display:flex;flex-direction:column;gap:40px;width:100%}.timeline-snake-row{display:flex;width:100%;position:relative}.timeline-snake-row.timeline-snake-row-odd{flex-direction:row-reverse}.timeline-snake-row.timeline-snake-row-odd .timeline-item .timeline-snake-turn{right:auto;left:0;border-right:none;border-left:2px solid var(--timeline-line-color);border-radius:0 0 0 16px}.timeline-snake-item{flex:0 0 10%;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;padding:0 10px}.timeline-snake-item .timeline-content{margin-top:12px;text-align:center;font-size:0.85rem;padding:8px;width:100%}.timeline-snake-item .timeline-dot{z-index:2}.timeline-snake-item .timeline-line-horizontal{position:absolute;top:calc(var(--timeline-dot-size) + 1px);top:calc(var(--timeline-dot-size));left:50%;width:100%;height:var(--timeline-line-width);background-color:var(--timeline-line-color);z-index:1}.timeline-snake-item .timeline-snake-turn{position:absolute;top:calc(var(--timeline-dot-size));right:0;width:50%;height:calc(100% + 40px);border-top:var(--timeline-line-width) solid var(--timeline-line-color);border-right:var(--timeline-line-width) solid var(--timeline-line-color);border-radius:0 50px 50px 0;z-index:1;pointer-events:none;opacity:0.8}.timeline-snake-row.timeline-snake-row-odd .timeline-item .timeline-snake-turn{border-radius:0 0 0 50px}:host-context([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-line,:host([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-line{left:auto;right:5px}:host-context([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-dot,:host([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-dot{left:auto;right:0}:host-context([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-details,:host([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-details{padding-left:0;padding-right:48px;text-align:right;align-items:flex-end}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item{flex-direction:row}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-line,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-line{right:auto;left:5px}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-dot,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-dot{right:auto;left:0}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-details,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-details{padding-right:0;padding-left:48px;text-align:left;align-items:flex-start}:host-context([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-left .timeline-item-details,:host([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-left .timeline-item-details{padding-right:0;padding-left:48px;text-align:left;align-items:flex-start;margin-left:50%;margin-right:0}:host-context([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-right .timeline-item-details,:host([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-right .timeline-item-details{padding-left:0;padding-right:48px;text-align:right;align-items:flex-end;margin-left:0;margin-right:0;width:50%}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{right:auto;left:-6px}';export{a as ui_timeline}

package/dist/exploration-project-tailwind/p-6ab80ead.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as a}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i)}labelLeft="";labelRight="";label;valueLeft="";valueRight="";placeholderLeft="";placeholderRight="";type="text";variant="outlined";size="md";gap="0";fullWidth=!1;render(){return i(a,{key:"fdf7f4502e0ae69ee732870df215948f6dd343d4",class:{"full-width":this.fullWidth}},this.label&&i("div",{key:"fab76ee80e86ffb845930a8b2ce26d210da9e72c",class:"pair-main-label"},this.label),i("div",{key:"cb95a4fda33d88723248c58d57e526f9ab7fc1c6",class:{"pair-container":!0,"is-connected":"0"===this.gap},style:{gap:"0"!==this.gap?this.gap:void 0}},i("div",{key:"562af03d33b4c7ec4f55ffa805dbbda5fa0e2c95",class:"input-item left"},i("ui-input",{key:"c75ac1faec6b8b0903d578064ba60529a923d4eb",label:this.labelLeft,placeholder:this.placeholderLeft,value:this.valueLeft,type:this.type,variant:this.variant,size:this.size,"full-width":!0})),i("div",{key:"2740efa73d5758bf88c58f2853cba1da3f43a420",class:"input-item right"},i("ui-input",{key:"4e110393af0e26ace0de9a68f12a9cb54b90d935",label:this.labelRight,placeholder:this.placeholderRight,value:this.valueRight,type:this.type,variant:this.variant,size:this.size,"full-width":!0}))))}};e.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:auto;min-width:0;--pair-radius:10px}:host.full-width{width:100%}.pair-main-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-secondary, #64748b));margin-bottom:8px}.pair-container{display:flex;align-items:flex-end;width:100%}.pair-container .input-item{flex:1;min-width:0}.pair-container{}.pair-container .input-item.left ui-input::part(container),.pair-container .input-item.right ui-input::part(container){border-radius:var(--pair-radius);border-width:1.5px}.pair-container.is-connected .input-item.left ui-input::part(container){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0.75px}.pair-container.is-connected .input-item.right ui-input::part(container){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0.75px}";export{e as ui_input_pair}