atomicuilibrary 0.0.1

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

@@ -0,0 +1 @@
+import{r as e,c as a,a as t,h as i}from"./p-DUsoYu9r.js";const n=class{constructor(t){e(this,t),this.panelClose=a(this,"panelClose"),this.panelSettings=a(this,"panelSettings"),this.toggle=a(this,"toggle"),this.panelMinimize=a(this,"panelMinimize"),this.panelMaximize=a(this,"panelMaximize"),this.panelRestore=a(this,"panelRestore"),this.panelDragStart=a(this,"panelDragStart"),this.panelDrag=a(this,"panelDrag"),this.panelDragEnd=a(this,"panelDragEnd"),this.panelResizeStart=a(this,"panelResizeStart"),this.panelResize=a(this,"panelResize"),this.panelResizeEnd=a(this,"panelResizeEnd"),this.panelSearch=a(this,"panelSearch")}get element(){return t(this)}panelId="";width="100%";height="auto";maxWidth="none";maxHeight="none";showClose=!0;showSettings=!0;panelTitle="";panelSubtitle="";variant="elevated";toggleable=!1;collapsed=!1;loading=!1;noPadding=!1;theme="default";animationDuration="300ms";animationType="slide";badge="";badgeVariant="count";icon="";keyboardNav=!0;aura=!1;enableSearch=!1;searchPlaceholder="Search content...";elevation=2;panelClose;panelSettings;toggle;minimizable=!1;maximizable=!1;minimized=!1;maximized=!1;isDraggable=!1;bounds="none";edgeSnapping=!1;snapThreshold=20;snapToGrid=!1;gridSize=20;dragPhysics=!1;resizable=!1;minWidth="200px";minHeight="100px";pinned=!1;persistenceId;overflow="auto";position;x;y;modal=!1;dismissible=!1;glass=!1;backgroundColor="white";panelMinimize;panelMaximize;panelRestore;panelDragStart;panelDrag;panelDragEnd;panelResizeStart;panelResize;panelResizeEnd;panelSearch;previousDimensions={width:"100%",height:"auto"};isDragging=!1;isResizing=!1;currentWidth;currentHeight;isActive=!1;searchQuery="";dragStartX=0;dragStartY=0;dragPosition={x:0,y:0};resizeStartWidth=0;initialRect;lastMouseX=0;dragTilt=0;resizeStartHeight=0;resizeHandle="";componentWillLoad(){this.loadState(),this.currentWidth||(this.currentWidth=this.width),this.currentHeight||(this.currentHeight=this.height)}loadState(){if(this.persistenceId){const e=localStorage.getItem(`ui-panel-${this.persistenceId}`);if(e)try{const a=JSON.parse(e);this.collapsed=a.collapsed??this.collapsed,this.minimized=a.minimized??this.minimized,this.maximized=a.maximized??this.maximized,this.dragPosition=a.dragPosition??this.dragPosition,this.currentWidth=a.currentWidth??this.currentWidth,this.currentHeight=a.currentHeight??this.currentHeight,this.pinned=a.pinned??this.pinned,this.previousDimensions=a.previousDimensions??this.previousDimensions}catch(e){console.warn("Failed to load panel state",e)}}}saveState(){this.persistenceId&&localStorage.setItem(`ui-panel-${this.persistenceId}`,JSON.stringify({collapsed:this.collapsed,minimized:this.minimized,maximized:this.maximized,dragPosition:this.dragPosition,currentWidth:this.currentWidth,currentHeight:this.currentHeight,pinned:this.pinned,previousDimensions:this.previousDimensions}))}handleFocus=()=>{this.isActive=!0};handleBlur=()=>{this.isActive=!1};handleKeyDown=e=>{if(this.keyboardNav)if("Escape"===e.key&&this.showClose)this.handleClose(e);else if(" "!==e.key&&"Enter"!==e.key||!this.toggleable){if(this.isDraggable&&e.shiftKey){const a=this.snapToGrid?this.gridSize:20;"ArrowUp"===e.key&&(this.dragPosition={...this.dragPosition,y:this.dragPosition.y-a},e.preventDefault()),"ArrowDown"===e.key&&(this.dragPosition={...this.dragPosition,y:this.dragPosition.y+a},e.preventDefault()),"ArrowLeft"===e.key&&(this.dragPosition={...this.dragPosition,x:this.dragPosition.x-a},e.preventDefault()),"ArrowRight"===e.key&&(this.dragPosition={...this.dragPosition,x:this.dragPosition.x+a},e.preventDefault()),this.saveState(),this.panelDrag.emit({panelId:this.panelId,x:this.dragPosition.x,y:this.dragPosition.y})}}else e.preventDefault(),this.handleToggle()};handleMinimize=e=>{e.stopPropagation(),this.minimized=!this.minimized,this.minimized&&this.maximized&&(this.maximized=!1),this.panelMinimize.emit({panelId:this.panelId}),this.saveState()};handleMaximize=e=>{e.stopPropagation(),this.maximized?(this.maximized=!1,this.currentWidth=this.previousDimensions.width,this.currentHeight=this.previousDimensions.height,this.panelRestore.emit({panelId:this.panelId})):(this.previousDimensions={width:this.currentWidth,height:this.currentHeight},this.maximized=!0,this.minimized=!1,this.panelMaximize.emit({panelId:this.panelId})),this.saveState()};handleDragStart=e=>{this.isDraggable&&!this.maximized&&(this.isDragging=!0,this.dragStartX=e.clientX-this.dragPosition.x,this.dragStartY=e.clientY-this.dragPosition.y,this.initialRect=this.element.getBoundingClientRect(),this.lastMouseX=e.clientX,this.panelDragStart.emit({panelId:this.panelId,x:this.dragPosition.x,y:this.dragPosition.y}),document.addEventListener("mousemove",this.handleDragMove),document.addEventListener("mouseup",this.handleDragEnd))};handleDragMove=e=>{if(!this.isDragging)return;let a=e.clientX-this.dragStartX,t=e.clientY-this.dragStartY;if(this.dragPhysics){const a=e.clientX-this.lastMouseX;this.lastMouseX=e.clientX;const t=Math.max(-15,Math.min(15,.4*a));this.dragTilt=t}this.snapToGrid&&this.gridSize>0&&(a=Math.round(a/this.gridSize)*this.gridSize,t=Math.round(t/this.gridSize)*this.gridSize);let i=a,n=t;if("viewport"===this.bounds&&this.initialRect){const e=this.initialRect.left+i,a=this.initialRect.top+n,t=40,r=window.innerWidth,o=window.innerHeight;e+this.initialRect.width<t&&(i=t-this.initialRect.width-this.initialRect.left),e>r-t&&(i=r-t-this.initialRect.left),a<0&&(n=-this.initialRect.top),a>o-t&&(n=o-t-this.initialRect.top)}if(this.edgeSnapping&&this.initialRect){const e=this.initialRect.left+i,a=this.initialRect.top+n,t=window.innerWidth,r=window.innerHeight,o=this.snapThreshold;Math.abs(e)<o&&(i=-this.initialRect.left),Math.abs(a)<o&&(n=-this.initialRect.top),Math.abs(e+this.initialRect.width-t)<o&&(i=t-this.initialRect.width-this.initialRect.left),Math.abs(a+this.initialRect.height-r)<o&&(n=r-this.initialRect.height-this.initialRect.top)}this.dragPosition={x:i,y:n},this.panelDrag.emit({panelId:this.panelId,x:i,y:n})};handleDragEnd=()=>{if(this.isDragging){if(this.isDragging=!1,this.dragPhysics&&(this.dragTilt=0),this.edgeSnapping&&this.initialRect){const e=this.initialRect.left+this.dragPosition.x,a=window.innerWidth;e<=0?(this.maximized=!1,this.currentWidth="50vw",this.currentHeight="100vh",this.dragPosition={x:-this.initialRect.left,y:-this.initialRect.top}):e+this.initialRect.width>=a&&(this.maximized=!1,this.currentWidth="50vw",this.currentHeight="100vh",this.dragPosition={x:a-a/2-this.initialRect.left,y:-this.initialRect.top})}this.panelDragEnd.emit({panelId:this.panelId,x:this.dragPosition.x,y:this.dragPosition.y}),this.saveState(),document.removeEventListener("mousemove",this.handleDragMove),document.removeEventListener("mouseup",this.handleDragEnd)}};handleResizeStart=(e,a)=>{if(!this.resizable)return;e.stopPropagation(),this.isResizing=!0,this.resizeHandle=a,this.dragStartX=e.clientX,this.dragStartY=e.clientY;const t=this.element.getBoundingClientRect();this.resizeStartWidth=t.width,this.resizeStartHeight=t.height,this.panelResizeStart.emit({panelId:this.panelId,width:t.width,height:t.height}),document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd)};handleResizeMove=e=>{if(!this.isResizing)return;const a=e.clientX-this.dragStartX,t=e.clientY-this.dragStartY;let i=this.resizeStartWidth,n=this.resizeStartHeight,r=0,o=0;this.resizeHandle.includes("e")&&(i+=a),this.resizeHandle.includes("w")&&(i-=a,r=a),this.resizeHandle.includes("s")&&(n+=t),this.resizeHandle.includes("n")&&(n-=t,o=t);const s=parseInt(this.minWidth)||200,l=parseInt(this.minHeight)||100;i<s&&(this.resizeHandle.includes("w")&&(r=this.resizeStartWidth-s),i=s),n<l&&(this.resizeHandle.includes("n")&&(o=this.resizeStartHeight-l),n=l),this.currentWidth=`${i}px`,this.currentHeight=`${n}px`,(this.resizeHandle.includes("w")||this.resizeHandle.includes("n"))&&(this.dragPosition={x:this.dragPosition.x+r,y:this.dragPosition.y+o}),this.panelResize.emit({panelId:this.panelId,width:i,height:n})};handleResizeEnd=()=>{if(!this.isResizing)return;this.isResizing=!1;const e=this.element.getBoundingClientRect();this.panelResizeEnd.emit({panelId:this.panelId,width:e.width,height:e.height}),this.saveState(),document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd)};handleClose=e=>{e.stopPropagation(),this.panelClose.emit({panelId:this.panelId})};showActionList=!1;handleSettings=e=>{e.stopPropagation(),this.showActionList=!this.showActionList,this.panelSettings.emit({panelId:this.panelId}),this.showActionList?document.addEventListener("click",this.closeActionList):document.removeEventListener("click",this.closeActionList)};closeActionList=e=>{this.element.shadowRoot?.querySelector(".panel-settings-wrapper")?.contains(e.target)||this.element.contains(e.target)||(this.showActionList=!1,document.removeEventListener("click",this.closeActionList))};handleSearchInput=e=>{this.searchQuery=e.detail,this.panelSearch.emit({query:this.searchQuery})};handleToggle=()=>{this.toggleable&&(this.collapsed=!this.collapsed,this.toggle.emit({collapsed:this.collapsed}),this.saveState())};handlePinToggle=e=>{e.stopPropagation(),this.pinned=!this.pinned,this.saveState()};render(){const e={width:this.maximized?"100vw":this.currentWidth,height:this.collapsed||this.minimized?"auto":this.maximized?"100vh":this.currentHeight,maxWidth:this.maximized?"none":this.maxWidth,maxHeight:this.maximized?"none":this.maxHeight,"--animation-duration":this.animationDuration,transform:this.isDraggable?`translate(${this.dragPosition.x}px, ${this.dragPosition.y}px)`+(this.dragPhysics&&this.isDragging?` rotateY(${this.dragTilt}deg) rotateZ(${.1*this.dragTilt}deg)`:""):"",transition:this.isDragging&&!this.snapToGrid?"transform 0.1s ease-out":"transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), width 0.3s ease, height 0.3s ease",position:this.position||this.x||this.y||this.isDraggable||this.maximized?"fixed":"relative",top:this.maximized?"0":this.y?this.y:this.position?"":"auto",left:this.maximized?"0":this.x?this.x:this.position?"":"auto",right:this.position||this.x?"":"auto",bottom:this.position||this.y?"":"auto",zIndex:this.pinned||this.modal?"1000":this.isActive||this.isDraggable?"101":this.isDraggable?"100":"auto",margin:"0","--panel-bg":this.backgroundColor||"white","background-color":"var(--panel-bg, #ffffff)"},a={overflow:this.overflow};return i("div",{key:"843a2cdb343598710c2e3cf1d04994e362a0f33b",class:{"panel-container":!0,"panel-active":this.isActive,[`panel-${this.variant}`]:!0,[`panel-theme-${this.theme}`]:!0,[`panel-animation-${this.animationType}`]:!0,"panel-collapsed":this.collapsed,"panel-minimized":this.minimized,"panel-maximized":this.maximized,"panel-loading":this.loading,"panel-draggable":this.isDraggable,"panel-dragging":this.isDragging,"panel-resizable":this.resizable,"panel-resizing":this.isResizing,"panel-pinned":this.pinned,"panel-modal":this.modal,"panel-glass":this.glass,"panel-aura":this.aura,"panel-with-search":this.enableSearch,[`panel-elevation-${this.elevation}`]:!0,[`panel-position-${this.position}`]:!!this.position},style:e,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,tabindex:this.keyboardNav?0:-1,role:"region","aria-label":this.panelTitle||"Panel","aria-expanded":!this.collapsed&&!this.minimized},this.modal&&i("div",{key:"96a9377520a2998e820d02159da6bdaba2838dc9",class:"panel-backdrop",onClick:e=>{this.modal&&this.dismissible&&(e.stopPropagation(),this.handleClose(e))}}),i("div",{key:"92adc3528c404b4d4338a4c2960463a48abeb282",class:"panel-header",onClick:this.toggleable?this.handleToggle:void 0,onMouseDown:this.isDraggable?this.handleDragStart:void 0,style:{cursor:this.isDraggable?"move":this.toggleable?"pointer":"default"}},i("div",{key:"b8baae2f2f4c4ae873c0a6f332d87dda76e4e3cd",class:"panel-title-wrapper"},i("div",{key:"cf6ca464d5fefea869a43388126fdef0b3bf71a2",class:"panel-title"},this.icon&&i("span",{key:"a8c6607d8e1d0347440830458b1aaa13fef70966",class:"panel-header-icon-inline"},this.icon),this.panelTitle&&i("h3",{key:"2b99cbe49e2391639e619afa8ab2701def0deee3",class:"panel-title-text"},this.panelTitle),i("slot",{key:"62cdfbaff1db11a4005c8b5ac2b92627edd07ebf",name:"header-icon"}),this.badge&&i("span",{key:"1b90d8c207d75555523ac1bfd74a13cae26b41de",class:`panel-badge panel-badge-${this.badgeVariant}`},"dot"===this.badgeVariant?"":this.badge)),this.panelSubtitle&&i("div",{key:"6b56cd614017acc97e28327cfea0d5b4e4a83ef7",class:"panel-subtitle"},this.panelSubtitle),i("slot",{key:"96e631d10bd2d3c35bca1183cc72a0c185fe0d05",name:"header"})),this.enableSearch&&i("div",{key:"1f2533ac720e317df6e0bf170bc16eb1eda5e764",class:"panel-search-container",onClick:e=>e.stopPropagation()},i("div",{key:"77afd05fef848e31b845692fe02d516987a4e963",class:"search-inner"},i("ui-icon",{key:"844401caaf4fcfcb744f806ec9badd3e4d3a6ff2",name:"search",library:"lucide",class:"search-icon",size:"1.2em"}),i("ui-input",{key:"ab85da17a38ac78c81d5bb776aca1f2dcb2f15c4",type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearchInput,value:this.searchQuery,size:"sm",fullWidth:!0}),this.searchQuery&&i("ui-button",{key:"b2c298aba23825796122bf235816c2eb3b36d9a4",variant:"ghost",class:"search-clear",onClick:()=>{this.searchQuery="",this.panelSearch.emit({query:""})},ariaLabel:"Clear search",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"xxs"}))),i("div",{key:"3c1bbc4de3923fab63d3d213a420ea20b9fc76f2",class:"panel-actions"},i("slot",{key:"4df5712a389b6b8f5a5fb819d7e2ebee0228dd42",name:"header-actions"}),i("ui-button",{key:"9da9f9d850fd944fa71e53ea305f3b9cd079a064",variant:"ghost",class:"panel-pin-btn "+(this.pinned?"active":""),onClick:this.handlePinToggle,ariaLabel:this.pinned?"Unpin":"Pin",icon:"pin",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:this.pinned?"Unpin":"Pin"}),this.minimizable&&!this.maximized&&i("ui-button",{key:"bb57989ff64f7e40cac99c20ab80b7ba3b5571ae",variant:"ghost",onClick:this.handleMinimize,ariaLabel:"Minimize panel",icon:"minus",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:"Minimize"}),this.maximizable&&!this.minimized&&i("ui-button",{key:"a8c74703bf14e4542825bbeb3d439288bf0ae6ca",variant:"ghost",onClick:this.handleMaximize,ariaLabel:this.maximized?"Restore":"Maximize",icon:this.maximized?"copy":"square",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:this.maximized?"Restore":"Maximize"}),this.showSettings&&i("div",{key:"cabe3fd3cbd49f8501f60c63fa308844bd33ab85",class:"panel-settings-wrapper",style:{position:"relative"}},i("ui-button",{key:"84ce872e7528dee72cfa2b574acf999a94b3cf03",variant:"ghost",onClick:this.handleSettings,ariaLabel:"Panel settings",icon:"settings",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:"Settings"}),this.showActionList&&i("div",{key:"4992efa9846d614f721bc06c7744694d0019f201",class:"panel-action-list-popup"},i("slot",{key:"2e13a0eb84b6bc48c02136e730915bd7b35ea432",name:"action-list"}))),this.toggleable&&i("ui-button",{key:"7b74e90b36016a2c2410bf59296d1c8b6ccb48f7",variant:"ghost",class:"panel-action-btn panel-toggle-btn "+(this.collapsed?"collapsed":""),onClick:e=>{e.stopPropagation(),this.handleToggle()},ariaLabel:this.collapsed?"Expand":"Collapse",icon:"chevron-up",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.showClose&&i("ui-button",{key:"7a84ee96567a763bbf68cc187807439a3ef70b1b",variant:"ghost",onClick:this.handleClose,ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:"Close"}))),!this.minimized&&i("div",{key:"d15ea87f83ad63ffea4edf8017b23c5795a3b848",class:"panel-body-wrapper"},this.loading&&i("div",{key:"d6e3f9c0c43950d232643a19bfb2907c138e1afd",class:"panel-loading-overlay"},i("div",{key:"08a48431ac6bb39b3c27444b18ea2f5cd29d55c0",class:"panel-spinner"})),i("div",{key:"c81065f34b525c67e082deffc9a41177c7b654d7",class:"panel-content "+(this.noPadding?"no-padding":""),style:a},i("slot",{key:"5aacbe8e43c160570596ac2aff83d00098b438c0",name:"content"}),i("slot",{key:"4caeef2dd57a822dc98c5fb1ec6fca10b3a62796"})),i("div",{key:"14d8117a5004c0522a0108a3879612cec4158344",class:"panel-footer"},i("slot",{key:"ca2f91902d37806ad5f4e4a5eebc67bc9fb5043a",name:"footer"}))),this.resizable&&!this.maximized&&!this.minimized&&i("div",{key:"4b22c21852d6f3cfc46c64d205db8d3276aabbbe",class:"panel-resize-handles"},i("div",{key:"3bcf0a8f5418adbe5e871d872c4355e6aa03f384",class:"resize-handle resize-n",onMouseDown:e=>this.handleResizeStart(e,"n")}),i("div",{key:"377eb4f44c1d2a2991b2cf92dd57ec5eb120b040",class:"resize-handle resize-s",onMouseDown:e=>this.handleResizeStart(e,"s")}),i("div",{key:"0bd73e6d97af791249f6876b013f5a162822477e",class:"resize-handle resize-e",onMouseDown:e=>this.handleResizeStart(e,"e")}),i("div",{key:"6f44b5ad062e97258b2bb29de30587e647bbde44",class:"resize-handle resize-w",onMouseDown:e=>this.handleResizeStart(e,"w")}),i("div",{key:"10dd0e6a1dc7a2c813090176b48b64882d26f694",class:"resize-handle resize-ne",onMouseDown:e=>this.handleResizeStart(e,"ne")}),i("div",{key:"b3bcb6031895a3e13da4466092a238c4dd78b0cd",class:"resize-handle resize-nw",onMouseDown:e=>this.handleResizeStart(e,"nw")}),i("div",{key:"8a194a9b536b1d562a549945fd9de12e28c8c70d",class:"resize-handle resize-se",onMouseDown:e=>this.handleResizeStart(e,"se")}),i("div",{key:"4ad815d53e99dd50929204ea6e7b40e73191a161",class:"resize-handle resize-sw",onMouseDown:e=>this.handleResizeStart(e,"sw")})))}};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}.panel-container{display:flex;flex-direction:column;position:relative;background-color:var(--panel-bg, #ffffff);border-radius:var(--panel-border-radius, 8px);overflow:hidden;transition:box-shadow 0.2s ease, border-color 0.2s ease}.panel-elevated{border:1px solid var(--panel-border-color, var(--border-default, #e5e7eb));box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.panel-active.panel-elevated{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color:var(--color-primary, #10b981)}.panel-outlined{border:1px solid var(--panel-border-color, var(--border-strong, #d1d5db));box-shadow:none}.panel-filled{border:1px solid transparent;background-color:var(--panel-filled-bg, var(--bg-secondary, #f3f4f6));box-shadow:none}.panel-filled .panel-header{background-color:transparent;border-bottom:1px solid rgba(0, 0, 0, 0.05);}.panel-flat{border:none;box-shadow:none;background:transparent}.panel-flat .panel-header{background:transparent;border-bottom:1px solid var(--border-default, #e5e7eb);padding-left:0;padding-right:0}.panel-flat .panel-content{padding-left:0;padding-right:0}.panel-flat .panel-footer{padding-left:0;padding-right:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--panel-header-bg, var(--bg-primary, var(--text-standard, #ffffff)));border-bottom:1px solid var(--panel-border-color, var(--border-default, #e5e7eb));min-height:48px;user-select:none}.panel-title-wrapper{flex:1;display:flex;flex-direction:column;gap:2px;margin-right:16px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title-text{margin:0;font-size:16px;font-weight:600;color:var(--panel-text-primary, var(--text-primary, #111827));line-height:1.4}.panel-subtitle{font-size:13px;color:var(--panel-text-secondary, var(--text-muted, #6b7280));line-height:1.4}.panel-actions{display:flex;align-items:center;gap:4px;}.panel-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;color:var(--panel-action-color, var(--text-muted, #6b7280));cursor:pointer;transition:all 0.2s}.panel-action-btn:hover{background-color:var(--panel-action-hover-bg, var(--bg-secondary, #f3f4f6));color:var(--panel-text-primary, var(--text-primary, #111827))}.panel-action-btn:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}.panel-action-btn .icon{width:18px;height:18px}.panel-action-list-popup{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--panel-bg, var(--bg-primary, var(--text-standard, #ffffff)));border:1px solid var(--panel-border-color, var(--border-default, #e5e7eb));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);z-index:1001;min-width:150px;overflow:hidden}.panel-toggle-btn{transition:transform 0.3s ease}.panel-toggle-btn.collapsed{transform:rotate(180deg);}.panel-body-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}.panel-collapsed .panel-body-wrapper{display:none}.panel-content{flex:1;padding:16px;overflow-y:auto;min-height:0;color:var(--panel-text-primary, var(--text-secondary, #374151));font-size:14px;line-height:1.5;}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:10px}.panel-content:hover::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2)}.panel-content.no-padding{padding:0}.panel-footer{padding:12px 16px;background-color:var(--panel-footer-bg, var(--bg-primary, #f9fafb));border-top:1px solid var(--panel-border-color, var(--border-default, #e5e7eb));display:flex;align-items:center;justify-content:flex-end;gap:8px}.panel-loading-overlay{position:absolute;inset:0;background-color:rgba(255, 255, 255, 0.7);backdrop-filter:blur(2px);z-index:10;display:flex;align-items:center;justify-content:center}.panel-spinner{width:30px;height:30px;border:3px solid var(--border-default, #e5e7eb);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.panel-container{--panel-bg:var(--bg-primary, #1f2937);--panel-border-color:var(--border-default, #374151);--panel-text-primary:var(--bg-primary, #f3f4f6);--panel-text-secondary:var(--color-primary, #9ca3af);--panel-header-bg:var(--bg-primary, #1f2937)}.panel-filled{background-color:var(--bg-secondary, var(--text-primary, #111827))}.panel-footer{--panel-footer-bg:var(--bg-secondary, #111827)}.panel-action-btn{--panel-action-color:var(--text-muted, #9ca3af);--panel-action-hover-bg:var(--color-primary, #374151)}.panel-loading-overlay{background-color:rgba(31, 41, 55, 0.7)}.panel-spinner{border-color:var(--border-strong, #4b5563);border-top-color:var(--color-primary, #60a5fa)}.panel-theme-primary{--panel-theme-bg:var(--color-primary, #1e3a8a);--panel-theme-text:var(--color-primary, #bfdbfe)}.panel-theme-success{--panel-theme-bg:var(--color-primary, #064e3b);--panel-theme-text:var(--color-success, #a7f3d0)}.panel-theme-warning{--panel-theme-bg:var(--color-danger, #78350f);--panel-theme-text:var(--color-primary, #fde68a)}.panel-theme-danger{--panel-theme-bg:var(--color-danger, #7f1d1d);--panel-theme-text:var(--color-danger, #fecaca)}.panel-theme-info{--panel-theme-bg:var(--color-primary, #164e63);--panel-theme-text:var(--color-primary, #a5f3fc)}}.panel-theme-primary{--panel-theme-color:var(--color-primary, #10b981);--panel-theme-bg:var(--bg-primary, #eff6ff);--panel-theme-border:var(--color-primary, #10b981);--panel-theme-text:var(--color-primary, #1e40af)}.panel-theme-success{--panel-theme-color:var(--color-success, #10b981);--panel-theme-bg:var(--bg-primary, #d1fae5);--panel-theme-border:var(--color-success, #10b981);--panel-theme-text:var(--color-primary, #065f46)}.panel-theme-warning{--panel-theme-color:var(--color-warning, #f59e0b);--panel-theme-bg:var(--bg-primary, #fef3c7);--panel-theme-border:var(--color-warning, #f59e0b);--panel-theme-text:var(--color-danger, #92400e)}.panel-theme-danger{--panel-theme-color:var(--color-danger, #ef4444);--panel-theme-bg:var(--bg-primary, #fee2e2);--panel-theme-border:var(--color-danger, #ef4444);--panel-theme-text:var(--color-danger, #991b1b)}.panel-theme-info{--panel-theme-color:var(--color-info, #06b6d4);--panel-theme-bg:var(--bg-primary, #cffafe);--panel-theme-border:var(--color-info, #06b6d4);--panel-theme-text:var(--color-primary, #155e75)}.panel-theme-primary .panel-header,.panel-theme-success .panel-header,.panel-theme-warning .panel-header,.panel-theme-danger .panel-header,.panel-theme-info .panel-header{background-color:var(--panel-theme-bg);border-bottom-color:var(--panel-theme-border);border-left:4px solid var(--panel-theme-color)}.panel-theme-primary .panel-title-text,.panel-theme-success .panel-title-text,.panel-theme-warning .panel-title-text,.panel-theme-danger .panel-title-text,.panel-theme-info .panel-title-text{color:var(--panel-theme-color)}.panel-theme-primary .panel-content,.panel-theme-success .panel-content,.panel-theme-warning .panel-content,.panel-theme-danger .panel-content,.panel-theme-info .panel-content{color:var(--panel-theme-text)}.panel-theme-primary .panel-subtitle,.panel-theme-success .panel-subtitle,.panel-theme-warning .panel-subtitle,.panel-theme-danger .panel-subtitle,.panel-theme-info .panel-subtitle{color:var(--panel-theme-text);opacity:0.8}.panel-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;border-radius:10px;margin-left:8px}.panel-badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--panel-theme-color, var(--color-primary, #10b981))}.panel-badge-count,.panel-badge-text{padding:3px 8px;background-color:var(--panel-theme-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff);min-width:20px}@keyframes slideIn{from{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}.panel-animation-slide .panel-body-wrapper{animation:slideIn var(--animation-duration, 300ms) ease-out}.panel-animation-fade .panel-body-wrapper{animation:fadeIn var(--animation-duration, 300ms) ease-out}.panel-animation-scale .panel-body-wrapper{animation:scaleIn var(--animation-duration, 300ms) ease-out}.panel-minimized .panel-body-wrapper{display:none}.panel-minimized{height:auto !important}.panel-maximized{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;z-index:9999 !important;border-radius:0 !important}.panel-draggable{cursor:move}.panel-dragging{opacity:0.9;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);cursor:grabbing !important}.panel-draggable .panel-header{cursor:move}.panel-resizable{position:relative}.panel-resize-handles{position:absolute;inset:0;pointer-events:none}.resize-handle{position:absolute;pointer-events:all;z-index:10}.resize-n,.resize-s{left:0;right:0;height:8px;cursor:ns-resize}.resize-n{top:0}.resize-s{bottom:0}.resize-e,.resize-w{top:0;bottom:0;width:8px;cursor:ew-resize}.resize-e{right:0}.resize-w{left:0}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:12px;height:12px}.resize-ne{top:0;right:0;cursor:nesw-resize}.resize-nw{top:0;left:0;cursor:nwse-resize}.resize-se{bottom:0;right:0;cursor:nwse-resize}.resize-sw{bottom:0;left:0;cursor:nesw-resize}.panel-resizing{user-select:none}.panel-pinned{z-index:1000;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.panel-container:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}.panel-minimize-btn:hover{background-color:var(--bg-primary, #fef3c7);color:var(--color-warning, #f59e0b)}.panel-maximize-btn:hover{background-color:var(--bg-primary, #dbeafe);color:var(--color-primary, #10b981)}@media (max-width: 768px){.panel-draggable{position:relative !important;transform:none !important}.panel-resizable .panel-resize-handles{display:none}}.panel-pin-btn.active{color:var(--color-primary, #10b981);background-color:var(--bg-primary, #dbeafe)}.panel-pin-btn.active svg{fill:currentColor}.panel-resizable::after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;background-image:radial-gradient(circle, var(--bg-secondary, #d1d5db) 1px, transparent 1px);background-size:4px 4px;opacity:0.6;pointer-events:none}.panel-backdrop{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:999;animation:fadeIn 0.2s ease-out}.panel-modal{box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);z-index:1000}.panel-glass{background-color:rgba(255, 255, 255, 0.7);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.3)}.panel-theme-dark .panel-glass,:host-context(.dark) .panel-glass{background-color:rgba(30, 41, 59, 0.6);border-color:rgba(255, 255, 255, 0.1)}[class*=panel-position-]{position:fixed;z-index:1000;margin:0}.panel-position-center{top:50%;left:50%;translate:-50% -50%}.panel-position-top{top:20px;left:50%;translate:-50% 0}.panel-position-bottom{bottom:20px;left:50%;translate:-50% 0}.panel-position-left{top:50%;left:20px;translate:0 -50%}.panel-position-right{top:50%;right:20px;translate:0 -50%}.panel-position-top-left{top:20px;left:20px}.panel-position-top-right{top:20px;right:20px}.panel-position-bottom-left{bottom:20px;left:20px}.panel-position-bottom-right{bottom:20px;right:20px}.panel-aura{box-shadow:0 0 0 0 var(--panel-theme-color, rgba(var(--color-primary-rgb, 59, 130, 246), 0.4));animation:panelAuraPulse 2s infinite}@keyframes panelAuraPulse{0%{box-shadow:0 0 0 0 var(--panel-theme-color, rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}70%{box-shadow:0 0 0 15px transparent}100%{box-shadow:0 0 0 0 transparent}}.panel-search-container{flex:1;max-width:300px;margin:0 20px}.search-inner{position:relative;display:flex;align-items:center;background:rgba(0, 0, 0, 0.05);border-radius:6px;padding:4px 8px;border:1px solid rgba(0, 0, 0, 0.05);transition:all 0.2s}.search-inner:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.search-icon{width:14px;height:14px;opacity:0.5;margin-right:8px}.search-inner input{border:none;background:transparent;font-size:13px;width:100%;color:inherit;padding:2px 0;outline:none}.search-clear{background:none;border:none;color:var(--color-primary, #9ca3af);cursor:pointer;padding:0 4px;font-size:10px}.panel-elevation-0{box-shadow:none}.panel-elevation-1{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12)}.panel-elevation-2{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.panel-elevation-3{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.panel-elevation-4{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.panel-elevation-5{box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}@media (prefers-color-scheme: dark){.panel-content::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.1)}.panel-content:hover::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}}.panel-header-icon-inline{font-size:1.2em;line-height:1}';export{n as ui_panel}

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

@@ -0,0 +1 @@
+import{r as t,c as r,a as e,h as s,H as i}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.progressChange=r(this,"progressChange")}type="line";percent=0;status="normal";currentStatus="normal";strokeWidth=10;strokeColor="#1890ff";trailColor="#f0f0f0";gradient=!1;showInfo=!0;format=t=>`${t}%`;size="default";width="100%";height="100%";strokeLinecap="round";success=null;steps=0;gapDegree=0;gapPosition="top";multiProgress=[];buffer=0;showBuffer=!1;paused=!1;showPauseButton=!1;estimatedTime=0;showTimeEstimate=!1;milestones=[];indeterminate=!1;decimalPrecision=0;percentageColor="";liquid=!1;thresholds=[];icon="";iconLibrary="lucide";skeleton=!1;peakMarker=0;vitality=!1;dataLabels="";glass=!1;glow=!1;labelPosition="outside";orientation="horizontal";interactive=!1;ticks=0;animatedPercent=0;isDragging=!1;gradientId=`ui-progress-gradient-${Math.random().toString(36).substr(2,9)}`;get el(){return e(this)}progressChange;componentWillLoad(){this.animatedPercent=this.percent,this.currentStatus=this.status,this.normalizeProps()}normalizeProps(){try{"string"==typeof this.milestones&&(this.milestones=JSON.parse(this.milestones)),"string"==typeof this.thresholds&&(this.thresholds=JSON.parse(this.thresholds)),"string"==typeof this.success&&(this.success=JSON.parse(this.success)),"string"==typeof this.strokeColor&&this.strokeColor.startsWith("{")&&(this.strokeColor=JSON.parse(this.strokeColor)),"string"==typeof this.multiProgress&&(this.multiProgress=JSON.parse(this.multiProgress))}catch(t){console.warn("Failed to parse complex progress prop",t)}}handlePercentChange(t){t>this.peakMarker&&(this.peakMarker=t),this.animateProgress(t),this.applyThresholds(t)}handleStrokeColorChange(){this.normalizeProps()}applyThresholds(t){if(!this.thresholds.length)return;const r=[...this.thresholds].sort(((t,r)=>r.percent-t.percent)).find((r=>t>=r.percent));r?(r.status&&(this.currentStatus=r.status),r.color&&(this.strokeColor=r.color)):this.currentStatus=this.status}animateProgress(t){const r=this.animatedPercent,e=t-r,s=Date.now(),i=()=>{const t=Date.now(),o=Math.min((t-s)/500,1);this.animatedPercent=r+e*this.easeOut(o),o<1&&requestAnimationFrame(i)};requestAnimationFrame(i)}easeOut(t){return 1-Math.pow(1-t,3)}handleInteraction=t=>{if(!this.interactive)return;this.isDragging=!0,this.updateFromEvent(t);const r=()=>{this.isDragging=!1,document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",r)},e=t=>{this.isDragging&&this.updateFromEvent(t)};document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),document.addEventListener("touchmove",e),document.addEventListener("touchend",r)};updateFromEvent(t){const r=this.el.shadowRoot?.querySelector(".progress-line-trail")?.getBoundingClientRect();if(!r)return;let e=0;e="vertical"===this.orientation?100-((t.touches?t.touches[0].clientY:t.clientY)-r.top)/r.height*100:((t.touches?t.touches[0].clientX:t.clientX)-r.left)/r.width*100;const s=Math.max(0,Math.min(100,Math.round(e)));this.percent=s,this.progressChange.emit({value:s})}renderTicks(){if(this.ticks<=0)return null;const t=Math.floor(100/this.ticks),r=[];for(let e=0;e<=t;e++){const t=e*this.ticks;r.push(s("div",{class:"progress-tick",style:{["vertical"===this.orientation?"bottom":"left"]:`${t}%`}}))}return r}getStrokeColor(){return"success"===this.currentStatus?"#52c41a":"exception"===this.currentStatus||"danger"===this.currentStatus?"#ff4d4f":"warning"===this.currentStatus?"#faad14":this.gradient||"object"==typeof this.strokeColor&&null!==this.strokeColor?`url(#${this.gradientId})`:"string"==typeof this.strokeColor?this.strokeColor:"#1890ff"}renderLineProgress(){const t=this.getStrokeColor(),r=Number(this.animatedPercent.toFixed(this.decimalPrecision));let e=t;const i="object"==typeof this.strokeColor&&null!==this.strokeColor,o=i?this.strokeColor:null;if(this.gradient||i){let r="#1890ff",s="#52c41a";o?(r=o.from||r,s=o.to||s):(r=t,s="normal"===this.status?"#69c0ff":t),e=`linear-gradient(${"vertical"===this.orientation?"to top":o&&o.direction||"to right"}, ${r}, ${s})`}const a={["vertical"===this.orientation?"height":"width"]:this.indeterminate?"100%":`${Math.min(this.animatedPercent,100)}%`,["vertical"===this.orientation?"width":"height"]:"100%",borderRadius:"round"===this.strokeLinecap?`${this.strokeWidth}px`:"0",background:e,..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}},n={["vertical"===this.orientation?"width":"height"]:`${this.strokeWidth}px`,["vertical"===this.orientation?"height":"width"]:"vertical"===this.orientation?"number"==typeof this.height?`${this.height}px`:this.height:"number"==typeof this.width?`${this.width}px`:this.width,borderRadius:"round"===this.strokeLinecap?`${this.strokeWidth}px`:"0",background:this.trailColor,cursor:this.interactive?"pointer":"default",flex:"1"};return s("div",{class:{"progress-line-wrapper":!0,[`progress-orient-${this.orientation}`]:!0}},"top"===this.labelPosition&&this.showInfo&&this.renderProgressInfo(),s("div",{class:"progress-line-trail",style:n,onMouseDown:this.handleInteraction,onTouchStart:this.handleInteraction},this.vitality&&s("div",{class:"progress-vitality-pulse"}),this.renderTicks(),this.showBuffer&&this.buffer>0&&s("div",{class:"progress-buffer-bar",style:{["vertical"===this.orientation?"height":"width"]:`${Math.min(this.buffer,100)}%`,["vertical"===this.orientation?"width":"height"]:`${this.strokeWidth}px`,background:`${t}33`,..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}}}),s("div",{class:{"progress-line-bar":!0,"progress-active":("active"===this.currentStatus||this.indeterminate)&&!this.paused,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid,"progress-industrial":"industrial"===this.type,"progress-vibrate":"danger"===this.status},style:a},"inside"===this.labelPosition&&this.showInfo&&s("div",{class:"progress-text-inside",style:{color:this.percentageColor||"#fff",fontSize:`${Math.max(.6*this.strokeWidth,9)}px`}},this.icon&&s("ui-icon",{name:this.icon,library:this.iconLibrary,style:{marginRight:"4px"}}),this.format(r)),this.success&&(this.success.percent??0)>0&&s("div",{class:"progress-success-bar",style:{["vertical"===this.orientation?"height":"width"]:(this.success.percent??0)/this.animatedPercent*100+"%",background:this.success.strokeColor||"#52c41a",..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}}})),this.peakMarker>0&&s("div",{class:"progress-peak-marker",style:{["vertical"===this.orientation?"bottom":"left"]:`${this.peakMarker}%`},title:`Session Peak: ${this.peakMarker}%`}),this.milestones.map((t=>s("div",{class:"milestone-marker",style:{["vertical"===this.orientation?"bottom":"left"]:`${t.percent}%`},title:t.label},t.icon?s("ui-icon",{name:t.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}):s("div",{class:"milestone-dot"}))))),this.multiProgress.length>0&&this.renderMultiProgress(),"top"!==this.labelPosition&&this.showInfo&&this.renderProgressInfo(),this.showTimeEstimate&&this.estimatedTime>0&&this.renderTimeEstimate(),this.showPauseButton&&this.renderPauseButton())}renderMultiProgress(){return s("div",{class:"multi-progress-container",style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"}},this.multiProgress.map((t=>s("div",{class:"multi-progress-item",style:{display:"flex",alignItems:"center",gap:"12px"}},s("div",{class:"multi-progress-bar-wrap",style:{flex:"1",height:`${this.strokeWidth}px`,background:this.trailColor,borderRadius:"4px",overflow:"hidden"}},s("div",{class:"multi-progress-bar",style:{width:`${t.percent}%`,background:t.color||this.getStrokeColor(),height:"100%",transition:"width 0.5s ease"}})),t.label&&s("span",{class:"multi-progress-label",style:{fontSize:"11px",fontWeight:"700",color:"#64748b"}},t.label)))))}renderTimeEstimate(){const t=Math.floor(this.estimatedTime/60),r=this.estimatedTime%60;return s("span",{class:"time-estimate"},"Est. ",t>0?`${t}m ${r}s`:`${r}s`," remaining")}renderPauseButton(){return s("ui-button",{variant:"ghost",class:"pause-button",onClick:()=>this.paused=!this.paused,icon:this.paused?"play":"pause",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})}renderStepsProgress(){const t=[],r=100/this.steps,e=this.getStrokeColor();for(let i=0;i<this.steps;i++){const o=(i+1)/this.steps*100<=this.animatedPercent;t.push(s("div",{class:{"progress-step":!0,"progress-step-active":o},style:{width:`${r}%`,background:o?e:this.trailColor,height:`${this.strokeWidth}px`}}))}return s("div",{class:"progress-steps-wrapper",style:{width:"number"==typeof this.width?`${this.width}px`:this.width}},s("div",{class:"progress-steps-container"},t),this.showInfo&&this.renderProgressInfo())}renderCircleProgress(){const t="sm"===this.size?80:120,r=this.strokeWidth||("sm"===this.size?6:8),e=(t-r)/2,i=2*Math.PI*e,o=this.indeterminate?.75*i:i-this.animatedPercent/100*i,a=this.getStrokeColor(),n=this.gapPosition;let p=0;"bottom"===n?p=180:"top"===n?p=0:"left"===n?p=270:"right"===n&&(p=90);const l=this.getCirclePath(t/2,t/2,e,"dashboard"===this.type?this.gapDegree||75:this.gapDegree,p),h=this.icon?s("ui-icon",{name:this.icon,library:this.iconLibrary,style:{display:"block",fontSize:("sm"===this.size?18:24)+"px",marginBottom:"4px"}}):null,c="object"==typeof this.strokeColor&&null!==this.strokeColor,g=c?this.strokeColor:null;return s("div",{class:"progress-circle-wrapper",style:{width:`${t}px`,height:`${t}px`}},s("svg",{width:t,height:t},(this.gradient||c)&&s("defs",null,s("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},s("stop",{offset:"0%","stop-color":g&&g.from||a}),s("stop",{offset:"100%","stop-color":g?g.to||"#52c41a":"normal"===this.status?"#69c0ff":a}))),s("path",{d:l,stroke:this.trailColor,"stroke-width":r,fill:"none","stroke-linecap":this.strokeLinecap}),s("path",{d:l,stroke:a,"stroke-width":r,fill:"none","stroke-linecap":this.strokeLinecap,"stroke-dasharray":i,"stroke-dashoffset":o,class:{"progress-circle-path":!0,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid}})),this.showInfo&&s("div",{class:"progress-circle-text"},h,this.renderProgressInfo()))}getCirclePath(t,r,e,s,i){const o=s*Math.PI/180,a=-Math.PI/2+o/2+i*Math.PI/180,n=a+2*Math.PI-o,p=t+e*Math.cos(a),l=r+e*Math.sin(a),h=t+e*Math.cos(n),c=r+e*Math.sin(n);return`M ${p} ${l} A ${e} ${e} 0 ${2*Math.PI-o>Math.PI?1:0} 1 ${h} ${c}`}renderProgressInfo(){if(this.indeterminate)return null;const t=Number(this.animatedPercent.toFixed(this.decimalPrecision)),r=this.dataLabels||this.format(t),e=this.percentageColor?{color:this.percentageColor}:{},i=this.icon?s("ui-icon",{name:this.icon,library:this.iconLibrary,style:{marginRight:"6px"}}):null;return"success"===this.status?s("span",{class:"progress-text",style:e},i||s("ui-icon",{name:"check-circle",library:"fontawesome"}),"inside"!==this.labelPosition&&r):"exception"===this.status||"danger"===this.status?s("span",{class:"progress-text progress-text-exception",style:e},i||s("ui-icon",{name:"exclamation-triangle",library:"fontawesome"}),"inside"!==this.labelPosition&&r):"warning"===this.status?s("span",{class:"progress-text progress-text-warning",style:e},i||s("ui-icon",{name:"exclamation-circle",library:"fontawesome"}),r):s("span",{class:"progress-text",style:e},i,r)}render(){const t={progress:!0,[`progress-${this.type}`]:!0,"progress-active":"active"===this.status||this.indeterminate,[`progress-${this.size}`]:"line"!==this.type,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid,"progress-glass":this.glass,"progress-glow":this.glow,"progress-skeleton":this.skeleton};let r;r=this.steps>0&&"line"===this.type?this.renderStepsProgress():"line"===this.type?this.renderLineProgress():this.renderCircleProgress();const e=Number(this.animatedPercent.toFixed(this.decimalPrecision));return s(i,{key:"0f584282c7c54dc1e352dcd047f9393219ea05d7",role:"progressbar","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.dataLabels||`Progress: ${this.percent}%`,style:"vertical"===this.orientation?{height:"number"==typeof this.height?`${this.height}px`:this.height}:{}},s("div",{key:"7a81c6056d073cf9cdd90abf2e7748772f0f322d",class:t},r,(this.liquid||"industrial"===this.type)&&s("svg",{key:"1bee402a754d87ab25395c92acde5edd76da64a2",style:{position:"absolute",width:"0",height:"0"}},s("filter",{key:"bebea12167e23049848d62e1fd182958dc249f2b",id:"liquid-filter"},s("feGaussianBlur",{key:"a31af8c228fc7a4a9391b46f12a3e5a5a08ed6eb",in:"SourceGraphic",stdDeviation:"10",result:"blur"}),s("feColorMatrix",{key:"b4dddec3e0f1dfd172a3281e8c67897a89436387",in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7",result:"goo"}),s("feBlend",{key:"f5c08e7d756af6ae228c47115dffd9a4e32142c7",in:"SourceGraphic",in2:"goo"})))))}static get watchers(){return{percent:[{handlePercentChange:0}],strokeColor:[{handleStrokeColorChange: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{display:block}:host *{box-sizing:border-box}.progress{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:14px;height:100%;width:100%;border-radius:inherit;display:flex;flex-direction:column}.progress-line-wrapper{display:flex;align-items:center;gap:12px}.progress-line-wrapper.progress-orient-vertical{flex-direction:column;height:100%;width:100%}.progress-line-wrapper.progress-orient-vertical .progress-text{text-align:center;min-width:unset;font-size:11px;font-weight:700;letter-spacing:0.05em;margin-top:8px;margin-left:0}.progress-line-trail{position:relative;overflow:hidden;transition:all 0.3s ease}.progress-line-trail:hover{opacity:0.9}.progress-line-bar{position:absolute;top:0;left:0;transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1);border-radius:inherit;display:flex;align-items:center;justify-content:center;white-space:nowrap}.progress-text-inside{position:relative;z-index:2;font-weight:700;padding:0 8px;display:flex;align-items:center;justify-content:center}.progress-success-bar{position:absolute;top:0;right:0;border-radius:inherit}.progress-active .progress-line-bar::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--bg-primary, #ffffff);opacity:0;animation:progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;border-radius:inherit}@keyframes progress-active{0%{opacity:0.1;width:0}20%{opacity:0.5;width:0}100%{opacity:0;width:100%}}.progress-indeterminate.progress-line .progress-line-bar{width:100%}.progress-indeterminate.progress-line .progress-line-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:progress-line-indeterminate 1.5s infinite linear}@keyframes progress-line-indeterminate{0%{left:-100%}100%{left:100%}}.progress-steps-wrapper{display:flex;align-items:center;gap:12px}.progress-steps-container{display:flex;gap:4px;flex:1}.progress-step{border-radius:4px;transition:background 0.3s ease}.progress-circle-wrapper{position:relative;display:inline-block}.progress-indeterminate.progress-circle .progress-circle-wrapper,.progress-indeterminate.progress-dashboard .progress-circle-wrapper{animation:progress-circle-rotate 2s infinite linear}.progress-circle-path{transition:stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes progress-circle-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:24px;font-weight:600;color:rgba(0, 0, 0, 0.85)}.progress-sm .progress-circle-text{font-size:16px}.progress-text{font-size:14px;color:rgba(0, 0, 0, 0.65);white-space:nowrap;min-width:32px;text-align:right;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.progress-text ui-icon{font-size:16px;vertical-align:middle}.progress-circle .progress-text{text-align:center}.progress-text i{font-size:16px;vertical-align:middle;margin-right:4px}.progress-success .progress-text i{color:var(--color-success, #52c41a)}.progress-text-warning i{color:var(--color-danger, #faad14)}.progress-text-exception i,.progress-exception .progress-text i,.progress-danger .progress-text i{color:var(--color-danger, #ff4d4f)}.progress-success .progress-line-bar{background:var(--color-success, #52c41a)}.progress-warning .progress-line-bar{background:var(--color-danger, #faad14)}.progress-exception .progress-line-bar,.progress-danger .progress-line-bar{background:var(--color-danger, #ff4d4f)}.progress-success .progress-circle-path{stroke:var(--color-success, #52c41a)}.progress-warning .progress-circle-path{stroke:var(--color-danger, #faad14)}.progress-exception .progress-circle-path,.progress-danger .progress-circle-path{stroke:var(--color-danger, #ff4d4f)}.progress-sm.progress-circle .progress-circle-wrapper{width:80px;height:80px}.progress-default.progress-circle .progress-circle-wrapper{width:120px;height:120px}.progress-liquid{overflow:hidden}.progress-liquid.progress-line-bar::after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 20\'%3E%3Cpath fill=\'var(--bg-primary, #ffffff)\' opacity=\'0.2\' d=\'M0 15 Q25 10 50 15 T100 15 V20 H0 Z\'/%3E%3C/svg%3E");background-size:50% 100%;animation:wave-move 2s infinite linear}.progress-liquid.progress-circle-path{filter:url(#liquid-filter);stroke-dasharray:20 2 !important;animation:circular-liquid 2s infinite linear}@keyframes circular-liquid{0%{stroke-dashoffset:0}100%{stroke-dashoffset:44}}@keyframes wave-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.progress-glass .progress-line-trail{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.progress-glass .progress-circle-wrapper path:first-child{stroke:rgba(255, 255, 255, 0.2) !important;filter:blur(1px)}.progress-glow.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px currentColor)}.progress-glow.progress-circle .progress-circle-path,.progress-glow.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px currentColor)}.progress-success.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-success, #52c41a))}.progress-exception.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-danger, #ff4d4f))}.progress-active.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-primary, #1890ff))}.progress-industrial{mask-size:16px 100%;mask-image:linear-gradient(to right, var(--text-primary, #000) 70%, transparent 70%)}.progress-orient-vertical .progress-industrial{mask-size:100% 16px;mask-image:linear-gradient(to top, var(--text-primary, #000) 70%, transparent 70%)}.progress-industrial{box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.progress-vibrate{animation:thermal-vibration 0.15s infinite}@keyframes thermal-vibration{0%{transform:translateY(0)}25%{transform:translateY(-1px) translateX(1px)}50%{transform:translateY(1px) translateX(-1px)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}.progress-peak-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--color-primary, #1890ff);box-shadow:0 0 8px var(--color-primary, #1890ff);transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10;pointer-events:none}.progress-peak-marker::after{content:"";position:absolute;top:-4px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary, #1890ff)}.progress-vitality-pulse{position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);width:50%;animation:vitality-wave 3s infinite ease-in-out;pointer-events:none;z-index:5}.progress-orient-vertical .progress-vitality-pulse{width:100%;height:50%;background:linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:vitality-wave-vertical 3s infinite ease-in-out}@keyframes vitality-wave{0%{transform:translateX(-100%) skewX(-20deg)}50%{opacity:0.5}100%{transform:translateX(200%) skewX(-20deg)}}@keyframes vitality-wave-vertical{0%{transform:translateY(100%) skewY(-20deg)}50%{opacity:0.5}100%{transform:translateY(-200%) skewY(-20deg)}}.progress-tick{position:absolute;background:rgba(0, 0, 0, 0.1);pointer-events:none;z-index:1}.progress-orient-horizontal .progress-tick{top:0;bottom:0;width:1px}.progress-orient-vertical .progress-tick{left:0;right:0;height:1px}.milestone-marker{position:absolute;top:50%;transform:translate(-50%, -50%);z-index:15;cursor:help;display:flex;align-items:center;justify-content:center}.progress-orient-vertical .milestone-marker{left:50%;transform:translate(-50%, 50%)}.milestone-marker ui-icon{font-size:14px;color:var(--text-primary, #1a202c);background:var(--bg-primary, #ffffff);border-radius:50%;padding:2px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1)}.milestone-dot{width:8px;height:8px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #1890ff);border-radius:50%;box-shadow:0 0 4px rgba(0, 0, 0, 0.15)}.multi-progress-container{border-top:1px solid var(--border-subtle, #edf2f7);padding-top:16px;margin-top:20px}.multi-progress-item{transition:all 0.2s ease}.multi-progress-item:hover{transform:translateX(4px)}.multi-progress-bar-wrap{position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05)}.multi-progress-label{letter-spacing:0.025em;text-transform:uppercase}.time-estimate{font-size:11px;color:var(--color-primary, #718096);font-weight:600;margin-top:8px;display:block}.pause-button{display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #f7fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--color-primary, #4a5568);transition:all 0.2s ease;margin-top:8px}.pause-button:hover{background:var(--bg-primary, #edf2f7);color:var(--color-primary, #2d3748);transform:scale(1.1)}.pause-button ui-icon{font-size:10px}.progress-skeleton .progress-line-trail{background:var(--bg-primary, #e2e8f0) !important;position:relative;overflow:hidden}.progress-skeleton .progress-line-trail::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:progress-shimmer 1.5s infinite}.progress-skeleton .progress-line-bar{display:none !important}@keyframes progress-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (forced-colors: active){.progress-line-trail{border:1px solid CanvasText}.progress-line-bar{background:Highlight}.progress-peak-marker{background:Mark;box-shadow:none}.progress-tick{background:CanvasText;opacity:0.3}}';export{o as ui_progress}

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

@@ -0,0 +1 @@
+import{r as a,c as t,a as r,h as o}from"./p-DUsoYu9r.js";const e=class{constructor(r){a(this,r),this.tagRemove=t(this,"tagRemove"),this.tagCheck=t(this,"tagCheck")}get element(){return r(this)}label;value;color="default";size="md";rtl=!1;variant="filled";removable=!1;icon;orientation="horizontal";shape="rounded";iconSpin=!1;closeIcon;customColor;customTextColor;tooltip;disabled=!1;iconPosition="left";iconLibrary="default";image;userAvatar;checkable=!1;checked=!1;animation="scale";animationDuration=300;clickable=!1;elevation=0;loading=!1;pulse=!1;autoColor=!1;gradient;maxWidth;iconSize="1.14em";skeleton=!1;showTooltip=!1;badge;badgeColor="default";counter;isClosing=!1;isOpening=!0;visible=!0;tagRemove;tagCheck;getColorFromHash(a){const t=[{bg:"#3bf673",rgb:"59, 130, 246"},{bg:"#10b981",rgb:"16, 185, 129"},{bg:"#ef4444",rgb:"239, 68, 68"},{bg:"#f59e0b",rgb:"245, 158, 11"},{bg:"#8b5cf6",rgb:"139, 92, 246"},{bg:"#ec4899",rgb:"236, 72, 153"},{bg:"#06b6d4",rgb:"6, 182, 212"}];if(!a)return t[0];let r=0;for(let t=0;t<a.length;t++)r=a.charCodeAt(t)+((r<<5)-r);return t[Math.abs(r)%t.length]}handleKeyDown=a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),this.handleClick())};handleRemove=a=>{a.stopPropagation(),this.disabled||this.isClosing||(this.isClosing=!0,this.tagRemove.emit(),setTimeout((()=>{this.visible=!1}),this.animationDuration))};handleClick=()=>{this.disabled||this.checkable&&(this.checked=!this.checked,this.tagCheck.emit(this.checked))};componentDidLoad(){setTimeout((()=>{this.isOpening=!1}),50)}render(){if(!this.visible)return null;const a=this.autoColor?this.getColorFromHash(this.label??""):null,t={tag:!0,[`tag-${this.color}`]:!this.autoColor&&!this.gradient,[`tag-${this.size}`]:!0,[`tag-${this.variant}`]:!0,[`tag-shape-${this.shape}`]:!0,"tag-rounded":"rounded"===this.shape,"tag-checkable":this.checkable,"tag-clickable":this.clickable,"tag-checked":this.checked,"tag-loading":this.loading,"tag-disabled":this.disabled,"tag-pulse":this.pulse,"tag-skeleton":this.skeleton,[`tag-${this.orientation}`]:"horizontal"!==this.orientation,[`tag-elevated-${this.elevation}`]:this.elevation>0,[`tag-closing-${this.animation}`]:this.isClosing,[`tag-opening-${this.animation}`]:this.isOpening,[`tag-gradient-${this.gradient}`]:!!this.gradient&&!this.gradient.includes("gradient"),"tag-custom-gradient":!!this.gradient&&this.gradient.includes("gradient"),"tag-truncate":!!this.maxWidth},r={"--animation-duration":`${this.animationDuration}ms`};this.gradient&&this.gradient.includes("gradient")&&(r.background=this.gradient,r.border="none",r.color="#fff"),this.maxWidth&&(r["max-width"]=this.maxWidth),this.customColor&&(r["background-color"]=this.customColor,r["border-color"]="transparent"),this.customTextColor&&(r.color=this.customTextColor),a&&(r["background-color"]=a.bg,r.color="white",r["border-color"]="transparent",r["--tag-glow-color"]=a.rgb);const e=this.clickable||this.checkable||this.removable;return o("span",{class:t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,style:r,title:this.tooltip||(this.showTooltip?this.label:void 0),dir:this.rtl?"rtl":"ltr",tabIndex:e&&!this.disabled?0:-1,role:e?"button":void 0,"aria-pressed":this.checkable?this.checked:void 0,"aria-disabled":this.disabled?"true":void 0},this.skeleton?o("span",{class:"tag-skeleton-content"}):["dot"===this.variant&&o("span",{class:"tag-dot-indicator"}),"left"===this.iconPosition&&this.renderMedia(),o("span",{class:"tag-label"},this.loading&&!this.label?"Loading...":this.label),("ticket"===this.shape||"coupon"===this.shape)&&o("span",{class:"tag-ticket-hole tag-hole-right"}),"coupon"===this.shape&&o("span",{class:"tag-ticket-hole tag-hole-left"}),"right"===this.iconPosition&&this.renderMedia(),this.badge&&o("span",{class:`tag-badge tag-badge-${this.badgeColor}`},this.badge),this.counter&&o("span",{class:"tag-counter"},this.counter),this.removable&&!this.disabled&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"tag-remove",onClick:this.handleRemove,ariaLabel:"Remove tag",tabIndex:-1,icon:this.closeIcon||"x",iconLibrary:"lucide",iconSize:"14px"})])}renderMedia(){return this.loading&&"dot"!==this.variant?o("ui-loader",{type:"spinner",size:"0.8em",color:"inherit"}):this.userAvatar?o("img",{src:this.userAvatar,alt:"",class:"tag-avatar"}):this.image?o("img",{src:this.image,alt:"",class:"tag-image"}):this.icon?o("span",{class:{"tag-icon":!0,"tag-icon-spin":this.iconSpin}},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize})):null}};e.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.tag{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);user-select:none;box-sizing:border-box;--tag-notch-size:8px}.tag-sm{padding:0 8px;font-size:11px;height:24px;gap:4px;--tag-notch-size:6px}.tag-md{padding:0 12px;font-size:13px;height:32px;gap:8px;--tag-notch-size:8px}.tag-lg{padding:0 16px;font-size:15px;height:40px;gap:10px;--tag-notch-size:10px}.tag-checkable,.tag-clickable{cursor:pointer}.tag-filled.tag-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.tag-filled.tag-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-filled.tag-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-filled.tag-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-filled.tag-default{background-color:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag-outlined{background-color:transparent}.tag-outlined.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-outlined.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.tag-outlined.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-outlined.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-outlined.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-outlined.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-outlined.tag-default{border-color:var(--border-strong, #d1d5db);color:var(--text-muted, #6b7280)}.tag-light.tag-primary{background-color:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.tag-light.tag-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.tag-light.tag-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.tag-light.tag-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.tag-light.tag-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.tag-light.tag-info{background-color:var(--bg-primary, #cffafe);color:var(--color-primary, #164e63)}.tag-light.tag-default{background-color:var(--bg-primary, #f9fafb);color:var(--text-secondary, #4b5563)}.tag-dot{background:transparent;border-color:var(--border-default, #e5e7eb);color:var(--text-secondary, #374151)}.tag-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.tag-dot.tag-primary .tag-dot-indicator{background-color:var(--color-primary, #10b981)}.tag-dot.tag-success .tag-dot-indicator{background-color:var(--color-success, #10b981)}.tag-dot.tag-danger .tag-dot-indicator{background-color:var(--color-danger, #ef4444)}.tag-checkable.tag-checked{filter:brightness(0.9);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.tag-checkable.tag-checked::before{content:"✓";font-size:0.9em;margin-inline-end:-2px}.tag-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255, 255, 255, 0.3);margin-inline-start:-8px;}.tag-image{width:20px;height:20px;border-radius:4px;object-fit:cover;margin-inline-start:-6px}.tag-icon{display:flex;align-items:center;font-size:1.1em}.tag-remove{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;opacity:0.4;margin-inline-start:-4px;margin-inline-end:-4px}.tag-remove:hover{opacity:1;background:rgba(0, 0, 0, 0.1)}.tag-elevated-1{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)}.tag-elevated-2{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tag-elevated-3{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)}.tag-pulse{animation:tag-pulse-glow 2s infinite}@keyframes tag-pulse-glow{0%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0.4)}70%{box-shadow:0 0 0 10px rgba(var(--tag-glow-color, 59, 130, 246), 0)}100%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0)}}.tag-loading{position:relative;overflow:hidden;pointer-events:none;opacity:0.7}.tag-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:tag-shimmer 1.5s infinite}@keyframes tag-shimmer{100%{transform:translateX(100%)}}.tag-opening-scale{animation:tagScaleIn var(--animation-duration) ease forwards}.tag-closing-scale{animation:tagScaleOut var(--animation-duration) ease forwards}@keyframes tagScaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes tagScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.tag-opening-fade{animation:tagFadeIn var(--animation-duration) ease forwards}.tag-closing-fade{animation:tagFadeOut var(--animation-duration) ease forwards}@keyframes tagFadeIn{from{opacity:0}to{opacity:1}}@keyframes tagFadeOut{from{opacity:1}to{opacity:0}}.tag-opening-rotate{animation:tagRotateIn var(--animation-duration) ease forwards}.tag-closing-rotate{animation:tagRotateOut var(--animation-duration) ease forwards}@keyframes tagRotateIn{from{opacity:0;transform:rotate(-10deg) scale(0.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes tagRotateOut{from{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(10deg) scale(0.9)}}.tag-opening-slide{animation:tagSlideIn var(--animation-duration) ease forwards}.tag-closing-slide{animation:tagSlideOut var(--animation-duration) ease forwards}@keyframes tagSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes tagSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.tag-badge{font-size:10px;font-weight:700;border-radius:9999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-inline-start:4px;line-height:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.2)}.tag-badge-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-badge-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-badge-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-badge-secondary{background:var(--color-primary, #6b7280);color:var(--text-standard, #ffffff)}.tag-badge-default{background:rgba(0, 0, 0, 0.1);color:inherit}.tag-counter{font-size:11px;font-weight:600;background:rgba(0, 0, 0, 0.08);color:inherit;border-radius:10px;padding:0 6px;margin-inline-start:6px;opacity:0.8}@media (prefers-color-scheme: dark){.tag-badge-default{background:rgba(255, 255, 255, 0.1)}.tag-counter{background:rgba(255, 255, 255, 0.1)}}.tag-shape-pill{border-radius:999px !important}.tag-shape-square{border-radius:4px !important}.tag-shape-rounded{border-radius:8px !important}.tag-shape-ribbon{padding-inline-end:18px !important;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important}.tag-shape-ribbon:host([dir=rtl]) .tag-shape-ribbon,.tag-shape-ribbon[dir=rtl]{clip-path:polygon(100% 0, 0 0, 10px 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-ticket{padding-inline-end:28px !important;clip-path:polygon(0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.2);position:relative}.tag-shape-ticket:host([dir=rtl]) .tag-shape-ticket,.tag-shape-ticket[dir=rtl]{clip-path:polygon(100% 0, 0 0, var(--tag-notch-size) 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-coupon{padding-left:20px !important;padding-right:20px !important;clip-path:polygon(var(--tag-notch-size) 50%, 0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-radius:0 !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1)}.tag-hole-right{inset-inline-end:14px}.tag-hole-left{inset-inline-start:14px}.tag-icon-spin{display:inline-flex;animation:tag-icon-spin 2s linear infinite}@keyframes tag-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tag-opening-scale{animation:tagOpeningScale var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-fade{animation:tagOpeningFade var(--animation-duration) ease forwards}.tag-opening-slide{animation:tagOpeningSlide var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-rotate{animation:tagOpeningRotate var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes tagOpeningScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes tagOpeningFade{from{opacity:0}to{opacity:1}}@keyframes tagOpeningSlide{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes tagOpeningRotate{from{opacity:0;transform:rotate(-10deg) scale(0.8)}to{opacity:1;transform:rotate(0) scale(1)}}.tag-ticket-hole{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);z-index:2}.tag-shape-circle{border-radius:50% !important;padding:0 !important;width:32px;height:32px;justify-content:center}.tag-shape-circle.tag-sm{width:24px;height:24px}.tag-shape-circle.tag-lg{width:40px;height:40px}.tag-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.tag-vertical{flex-direction:column;height:auto !important;padding:8px 12px !important;gap:4px !important}.tag-vertical .tag-avatar{width:32px;height:32px;margin-bottom:2px}.tag-vertical .tag-icon{font-size:1.4em}.tag-vertical-text,.tag-vertical-rotated{height:auto !important;min-height:40px;width:32px;padding:12px 4px !important;display:inline-flex;flex-direction:column}.tag-vertical-text .tag-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;line-height:1.2;text-align:center}.tag-vertical-rotated .tag-label{writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:sideways;text-align:center}.tag-soft.tag-primary{background-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--color-primary, #10b981)}.tag-soft.tag-secondary{background-color:rgba(107, 114, 128, 0.1);color:var(--text-muted, #6b7280)}.tag-soft.tag-success{background-color:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--color-success, #10b981)}.tag-soft.tag-danger{background-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--color-danger, #ef4444)}.tag-soft.tag-warning{background-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tag-soft.tag-info{background-color:rgba(6, 182, 212, 0.1);color:var(--color-info, #06b6d4)}.tag-soft.tag-default{background-color:rgba(156, 163, 175, 0.1);color:var(--text-muted, #6b7280)}.tag-bordered{background-color:var(--bg-primary, #ffffff);border-width:2px}.tag-bordered.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-bordered.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--color-primary, #6b7280)}.tag-bordered.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-bordered.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-bordered.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-bordered.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb, currentColor, transparent 70%);border-top-color:currentColor;border-radius:50%;animation:tag-spin 0.6s linear infinite}@keyframes tag-spin{to{transform:rotate(360deg)}}.tag-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--bg-primary, #ffffff);border:none}.tag[tabindex="0"]{outline:none}.tag[tabindex="0"]:focus-visible{box-shadow:0 0 0 2px var(--text-standard, #ffffff), 0 0 0 4px var(--ui-tag-focus-color, var(--color-primary, #10b981));z-index:10}.tag-clickable:hover,.tag-checkable:hover{filter:brightness(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-1px)}.tag-clickable:active,.tag-checkable:active{transform:scale(0.96);filter:brightness(0.9)}.tag-skeleton{border-color:var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9);pointer-events:none;overflow:hidden}.tag-skeleton-content{display:block;width:100%;height:12px;background:var(--bg-primary, #e2e8f0);border-radius:4px;position:relative;overflow:hidden}.tag-skeleton-content::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:tag-skeleton-shimmer 1.5s infinite}@keyframes tag-skeleton-shimmer{100%{transform:translateX(100%)}}.tag-truncate .tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}';export{e as ui_tag}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as a}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.uiClick=i(this,"uiClick")}src;alt="";label;description;effect="zoom";ratio="square";labelMode="hover";size="md";disabled=!1;loading=!1;a11yLabel;isFocused=!1;uiClick;handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.uiClick.emit()};handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick(t))};render(){return e(a,{key:"9f62fc59b4656078cbddd73750e41d03a0f3d2ca"},e("div",{key:"d6f464e2f65dd0eb5dd40892179432473b3836fe",class:{"image-button":!0,[`image-button-${this.size}`]:!0,[`image-button-ratio-${this.ratio}`]:!0,[`image-button-effect-${this.effect}`]:!0,[`label-mode-${this.labelMode}`]:!0,"is-disabled":this.disabled,"is-loading":this.loading,"is-focused":this.isFocused},role:"button",tabindex:this.disabled||this.loading?-1:0,"aria-label":this.a11yLabel||this.label||this.alt||"Image Button","aria-disabled":this.disabled?"true":"false","aria-busy":this.loading?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1},this.src?e("img",{class:"button-image",src:this.src,alt:this.alt,loading:"lazy"}):e("div",{class:"image-placeholder"},e("ui-icon",{name:"image",library:"fontawesome",size:"24px"})),(this.label||this.description)&&e("div",{key:"4f8ce2e322361f645f29bf9c4f48f4c9b151f075",class:"button-overlay"},e("div",{key:"f3e15b029509d4ed27bef5c03d75d3bd934f190b",class:"overlay-content"},this.label&&e("div",{key:"aac7cac7d8e07014a927acd9f572f7dac2688e3d",class:"button-label"},this.label),this.description&&e("div",{key:"1607a06a9fcde90277be03130548d974bf7c6b5c",class:"button-desc"},this.description))),this.loading&&e("div",{key:"9c9f38dbeb6b77fb2d8eed4ab641498aa5030bf7",class:"loading-overlay"},e("ui-icon",{key:"2bc1e06c7a61a4e7752686d489ea2c092550d2b4",name:"spinner",library:"fontawesome",spin:!0,size:"24px"}))))}};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{display:inline-block;vertical-align:middle;transition:transform 0.2s ease}.image-button{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;background:#f3f4f6;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:none}.image-button,.image-button *{transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.image-button-sm{width:120px}.image-button-md{width:240px}.image-button-lg{width:360px}.image-button-xl{width:480px}.image-button-ratio-square{aspect-ratio:1/1}.image-button-ratio-video{aspect-ratio:16/9}.image-button-ratio-portrait{aspect-ratio:3/4}.image-button-ratio-auto{height:auto}.image-button .button-image{width:100%;height:100%;object-fit:cover;display:block}.image-button .image-placeholder{color:#9ca3af}.image-button .button-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%);display:flex;align-items:flex-end;padding:1.25rem;color:white}.image-button .overlay-content{display:flex;flex-direction:column;gap:4px}.image-button .button-label{font-weight:700;font-size:1.1rem;line-height:1.2;letter-spacing:-0.01em}.image-button .button-desc{font-size:0.85rem;opacity:0.8}.image-button-effect-zoom:hover .button-image{transform:scale(1.1)}.image-button-effect-lift:hover,.image-button-effect-lift.is-focused{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.image-button-effect-brighten:hover .button-image{filter:brightness(1.2)}.image-button.label-mode-hover .button-overlay{opacity:0;transform:translateY(10px)}.image-button.label-mode-hover:hover .button-overlay{opacity:1;transform:translateY(0)}.image-button.is-disabled{cursor:not-allowed;opacity:0.6;filter:grayscale(1)}.image-button.is-disabled:hover{transform:none;box-shadow:none}.image-button.is-loading{cursor:wait}.image-button.is-loading .loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;color:#10b981;z-index:10}.image-button.is-focused{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 5px var(--color-primary, #10b981);z-index:10}@media (max-width: 640px){.image-button{width:100% !important}}";export{o as ui_image_button}

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

@@ -0,0 +1 @@
+import{r as e,c as i,a as t,h as a}from"./p-DUsoYu9r.js";const o=class{constructor(t){e(this,t),this.uiReset=i(this,"uiReset"),this.expandedChange=i(this,"expandedChange")}get el(){return t(this)}jsCode="";tsCode="";cssCode="";htmlCode="";snippets=[];activeLang="";label="";expanded=!0;showReset=!1;uiReset;expandedChange;copied=!1;resetting=!1;prismLoaded=!1;internalSnippets=[];handleStateChange(){this.highlightCode()}handleCodeChange(){this.processSnippets(),this.expanded&&this.highlightCode()}componentWillLoad(){this.processSnippets(),!this.activeLang&&this.internalSnippets.length>0&&(this.activeLang=this.internalSnippets[0].language)}componentDidLoad(){this.loadPrism()}processSnippets(){let e=[];if(this.snippets)if("string"==typeof this.snippets)try{e=JSON.parse(this.snippets)}catch(e){console.error("Failed to parse snippets JSON",e)}else Array.isArray(this.snippets)&&(e=[...this.snippets]);this.tsCode?e.push({language:"typescript",code:this.tsCode,label:"TS"}):this.jsCode&&e.push({language:"javascript",code:this.jsCode,label:"JS"}),this.htmlCode&&e.push({language:"markup",code:this.htmlCode,label:"HTML"}),this.cssCode&&e.push({language:"css",code:this.cssCode,label:"CSS"}),this.internalSnippets=e,!this.internalSnippets.some((e=>e.language===this.activeLang))&&this.internalSnippets.length>0&&(this.activeLang=this.internalSnippets[0].language)}loadPrism(){if(window.Prism?.languages?.tsx)this.checkAndLoadLanguages();else if(window.PRISM_LOADING){const e=setInterval((()=>{window.Prism&&(clearInterval(e),this.checkAndLoadLanguages())}),100)}else{window.PRISM_LOADING=!0;const e=document.createElement("script");e.src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js",e.onload=()=>{this.checkAndLoadLanguages()},document.head.appendChild(e);const i=document.createElement("link");i.rel="stylesheet",i.href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css",document.head.appendChild(i)}}checkAndLoadLanguages(){if(!window.Prism)return;const e=new Set(this.internalSnippets.map((e=>e.language)));["javascript","typescript","jsx","tsx","css","markup"].forEach((i=>e.add(i)));const i={js:"javascript",ts:"typescript",html:"markup",xml:"markup",svg:"markup",py:"python",cs:"csharp","c#":"csharp",pdk:"php",rb:"ruby",go:"go",java:"java",json:"json",bash:"bash",sh:"bash",shell:"bash"},t=[];if(e.forEach((e=>{const a=i[e.toLowerCase()]||e.toLowerCase();window.Prism.languages[a]||t.push(a)})),0===t.length)return this.prismLoaded=!0,void this.highlightCode();let a=0;t.forEach((e=>{if(document.querySelector(`script[src*="prism-${e}.min.js"]`))return a++,void(a===t.length&&(this.prismLoaded=!0,this.highlightCode()));const i=document.createElement("script");i.src=`https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-${e}.min.js`,i.onload=()=>{a++,a===t.length&&(this.prismLoaded=!0,this.highlightCode())},i.onerror=()=>{console.warn(`Failed to load Prism language: ${e}`),a++,a===t.length&&(this.prismLoaded=!0,this.highlightCode())},document.head.appendChild(i)}))}highlightCode(){if(this.expanded){const e=this.internalSnippets.find((e=>e.language===this.activeLang))||this.internalSnippets[0],i=e?e.code:"";setTimeout((()=>{const e=this.el.querySelector("code");e&&(e.textContent=i,window.Prism&&window.Prism.highlightElement(e))}),50)}}handleCopy=e=>{e.stopPropagation();const i=this.internalSnippets.find((e=>e.language===this.activeLang));i?.code&&navigator.clipboard.writeText(i.code).then((()=>{this.copied=!0,setTimeout((()=>this.copied=!1),2e3)}))};handleReset=e=>{e.stopPropagation(),this.resetting=!0,this.uiReset.emit(),setTimeout((()=>this.resetting=!1),600)};toggleExpanded=e=>{e.stopPropagation(),this.expanded=!this.expanded,this.expandedChange.emit(this.expanded)};getPrismLanguage(e){return{js:"javascript",ts:"typescript",html:"markup","c#":"csharp"}[e.toLowerCase()]||e.toLowerCase()}getLabel(e){if(e.label)return e.label;const i=e.language.toLowerCase();return{javascript:"JS",typescript:"TS",markup:"HTML",css:"CSS",python:"Python",java:"Java",csharp:"C#",go:"Go",json:"JSON"}[i]||i.toUpperCase()}render(){const e=this.internalSnippets.find((e=>e.language===this.activeLang))||this.internalSnippets[0],i=e?e.code:"",t=this.getPrismLanguage(e?e.language:"markup");return a("div",{key:"7a1351cde2fe115457ca505a74ddbeac1f6dcddd",class:{"code-preview-root":!0,"is-expanded":this.expanded}},a("div",{key:"1f9addfe7e96493bccb7257ddb5069d1a7e70c7e",class:"code-toolbar"},a("div",{key:"080be5bd471895a49e949192b4980dc0de1e6226",class:"left-actions"},this.label&&a("span",{key:"d658281d365881a28fa22b875f5f091b4fe157a4",class:"code-label"},this.label),this.internalSnippets.length>1&&a("div",{key:"e61fb82ff28f045b037bf30310c730c4280fa4d8",class:"lang-tabs"},this.internalSnippets.map((e=>a("ui-button",{variant:this.activeLang===e.language?"primary":"ghost",class:{active:this.activeLang===e.language},onClick:()=>this.activeLang=e.language,size:"sm",label:this.getLabel(e)})))),1===this.internalSnippets.length&&!this.label&&a("span",{key:"d0e2caca56998e929749f305ac2af37be47ea4b6",class:"code-label",style:{opacity:"0.7",fontSize:"12px"}},this.getLabel(this.internalSnippets[0]))),a("div",{key:"49fa1c00084fa56f46acc5efd41a6008abf3a136",class:"right-actions"},this.showReset&&a("ui-button",{key:"4d65ee2605b003d51bb6ec924b086310f3c398f2",variant:"ghost",onClick:this.handleReset,title:"Reset demo",ariaLabel:"Reset demo",icon:"rotate-cw",iconLibrary:"lucide",iconOnly:!0,size:"sm",loading:this.resetting}),a("ui-button",{key:"0889f503e1703a2f07bc2fbc489282495667637c",variant:"ghost",onClick:this.toggleExpanded,title:this.expanded?"Hide code":"Show code",ariaLabel:this.expanded?"Hide code":"Show code",size:"sm",label:this.expanded?"Hide code":"Show code",icon:this.expanded?"chevron-up":"chevron-down",iconLibrary:"lucide"}),a("ui-button",{key:"e31e13096084bfeac8115e778423ec6693411b92",variant:"ghost",onClick:this.handleCopy,title:"Copy code",ariaLabel:"Copy code",size:"sm",icon:this.copied?"check":"copy",iconLibrary:"lucide",iconOnly:!0,iconColor:this.copied?"#4caf50":void 0}))),a("div",{key:"4e94f96825f20eb61feadf421a08cbc76cdec0db",class:"code-container",style:{maxHeight:this.expanded?"800px":"0"}},a("pre",{key:"8206cc5718503cdcc151d816897fffdaebdf0195",class:`language-${t}`},a("code",{key:"32aed72ceca967b3f29aaccf03e8746033df5dea",class:`language-${t}`},i))))}static get watchers(){return{activeLang:[{handleStateChange:0}],expanded:[{handleStateChange:0}],jsCode:[{handleCodeChange:0}],tsCode:[{handleCodeChange:0}],htmlCode:[{handleCodeChange:0}],cssCode:[{handleCodeChange:0}],snippets:[{handleCodeChange:0}]}}};o.style='.sr-only.sc-ui-code-preview{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only.sc-ui-code-preview{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.sc-ui-code-preview-h{display:block;margin:16px 0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--preview-border-color:var(--border-default, #e0e0e0);--preview-bg-color:var(--bg-primary, var(--text-standard, #ffffff));--preview-toolbar-bg:var(--bg-primary, #f8f9fa);--preview-highlight-color:var(--color-primary, #1976d2);--preview-text-main:var(--text-primary, #202124);--preview-text-muted:var(--text-secondary, #5f6368);--preview-shadow:0 2px 8px rgba(0, 0, 0, 0.08);--code-bg:var(--bg-primary, #1d1f21)}.code-preview-root.sc-ui-code-preview{border:1px solid var(--preview-border-color);border-radius:8px;overflow:hidden;background:var(--preview-bg-color);box-shadow:var(--preview-shadow);transition:box-shadow 0.3s ease}.code-preview-root.sc-ui-code-preview:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.code-toolbar.sc-ui-code-preview{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--preview-toolbar-bg);border-bottom:1px solid var(--preview-border-color);min-height:48px}.left-actions.sc-ui-code-preview{display:flex;align-items:center;gap:16px}.code-label.sc-ui-code-preview{font-size:14px;font-weight:600;color:var(--preview-text-main)}.lang-tabs.sc-ui-code-preview{display:flex;background:var(--bg-primary, #eee);padding:2px;border-radius:6px;gap:2px}.tab-btn.sc-ui-code-preview{background:transparent;border:none;padding:4px 12px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;color:var(--preview-text-muted);transition:all 0.2s ease}.tab-btn.sc-ui-code-preview:hover{color:var(--preview-text-main)}.tab-btn.active.sc-ui-code-preview{background:var(--bg-primary, #ffffff);color:var(--preview-highlight-color);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.right-actions.sc-ui-code-preview{display:flex;align-items:center;gap:8px}.icon-action-btn.sc-ui-code-preview{background:transparent;border:1px solid transparent;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--preview-text-muted);transition:all 0.2s ease;font-size:13px;font-weight:500}.icon-action-btn.sc-ui-code-preview:hover{background:rgba(0, 0, 0, 0.04);color:var(--preview-text-main)}.copy-btn.sc-ui-code-preview{padding:6px}.btn-text.sc-ui-code-preview{user-select:none}.chevron-icon.sc-ui-code-preview{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron-icon.rotated.sc-ui-code-preview{transform:rotate(180deg)}.reset-icon.spinning.sc-ui-code-preview{animation:spin 0.6s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.code-container.sc-ui-code-preview{overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:var(--code-bg)}pre[class*=language-].sc-ui-code-preview{margin:0 !important;padding:20px !important;font-size:13px !important;line-height:1.6 !important;background:var(--code-bg) !important;border-radius:0 !important;max-height:100% !important;overflow:auto !important}code[class*=language-].sc-ui-code-preview{font-family:"Fira Code", "Cascadia Code", "Source Code Pro", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important;text-shadow:none !important}pre.sc-ui-code-preview::-webkit-scrollbar{width:8px;height:8px}pre.sc-ui-code-preview::-webkit-scrollbar-track{background:var(--bg-primary, #25282c)}pre.sc-ui-code-preview::-webkit-scrollbar-thumb{background:var(--bg-secondary, #4a4d51);border-radius:4px}pre.sc-ui-code-preview::-webkit-scrollbar-thumb:hover{background:var(--bg-secondary, #5a5d61)}@media (max-width: 600px){.btn-text.sc-ui-code-preview{display:none}.code-toolbar.sc-ui-code-preview{padding:8px}}';export{o as ui_code_preview}

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

@@ -0,0 +1 @@
+import{a as r,r as o,c as i,h as a}from"./p-DUsoYu9r.js";import{n as e}from"./p-C7gf39HE.js";const t=class{internals;inputElement;async setFocus(){this.inputElement?.focus()}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return r(this)}checked=!1;disabled=!1;readonly=!1;invalid=!1;label="";description="";value="";name="";required=!1;size="md";color="primary";labelPosition="right";showDot=!0;customIcon="";customIconLibrary="lucide";customImage="";radioTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;skeleton=!1;variant="default";isButton=!1;rtl=!1;descriptionPosition="bottom";glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isFocused=!1;isHovered=!1;radioChange;radioFocus;radioBlur;constructor(r){o(this,r),this.analyticsEvent=i(this,"analyticsEvent"),this.radioChange=i(this,"radioChange"),this.radioFocus=i(this,"radioFocus"),this.radioBlur=i(this,"radioBlur")}connectedCallback(){this.internals=this.el.attachInternals()}componentWillLoad(){this.updateFormValue(),this.updateValidity()}componentDidLoad(){}handleChange=r=>{this.disabled||this.readonly?r.preventDefault():(this.checked=r.target.checked,this.radioChange.emit({checked:this.checked,value:this.value}),this.updateFormValue(),this.updateValidity(),this.haptic&&this.checked&&this.triggerHaptic(this.hapticIntensity),this.analyticsEvent.emit({checked:this.checked,value:this.value}))};triggerHaptic(r="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===r?[50,20,50]:"md"===r?[30]:[10])}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.radioFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.radioBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=r=>{this.disabled||this.readonly||" "!==r.key&&"Enter"!==r.key||(r.preventDefault(),this.checked||(this.checked=!0,this.radioChange.emit({checked:this.checked,value:this.value})))};updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}updateValidity(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}renderDot(){return a("div",{class:{"radio-dot-container":!0,"radio-dot-visible":this.checked}},this.customImage?a("img",{src:this.customImage,class:"custom-radio-image"}):this.customIcon?a("span",{class:"custom-icon"},a("ui-icon",{library:this.customIconLibrary,name:this.customIcon})):a("div",{class:"radio-dot"}))}renderLabel(){return this.label||this.description?a("div",{class:`label-section is-${this.descriptionPosition}`},this.label&&a("span",{class:"radio-label-text"},this.label),this.description&&a("span",{class:"radio-description"},this.description)):null}render(){const r=e(this.size,"md"),o={"radio-container":!0,[`radio-${r}`]:!0,[`radio-${this.color}`]:!0,"radio-disabled":this.disabled,"radio-readonly":this.readonly,"radio-invalid":this.invalid,"radio-focused":this.isFocused,"radio-hovered":this.isHovered,[`radio-label-${this.labelPosition}`]:!0,"radio-animate":this.enableAnimation,[`radio-variant-${this.variant}`]:!0,"radio-skeleton":this.skeleton,"radio-is-button":this.isButton,"radio-checked":this.checked,"radio-rtl":this.rtl,"radio-glow":this.glow,[`radio-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},i={"radio-input-wrapper":!0,"radio-checked":this.checked,"radio-ripple":this.rippleEffect&&!this.disabled};return a("div",{key:"0c4ce7ac6764c4d375ba9fad698b92085fb210e8",class:o,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},a("label",{key:"cd53fbd547c5721b8f1cde8c291de8338cedc41e",class:"radio-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),a("div",{key:"fe2026a06d12c129b3eb17dd81ed9bc6f6b13938",class:i},a("input",{key:"d68ab326208dd78f6ba549343b68e770b9327332",type:"radio",class:"radio-input",checked:this.checked,disabled:this.disabled||this.skeleton,readonly:this.readonly,value:this.value,name:this.name,tabindex:this.radioTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:r=>this.inputElement=r}),a("div",{key:"0d1088ea92be9fa9a6264921291e7deef5cddeb6",class:"radio-circle"},a("div",{key:"7f86f494d8fba0f6bd19e377df69528be4772b21",class:"glow-layer"}),this.renderDot()),this.badge&&!this.skeleton&&a("span",{key:"91b0b95ccd42b008bfc3aecede34a72759885371",class:"radio-badge"},this.badge),this.tooltip&&!this.skeleton&&a("div",{key:"25103349c130ec435844598f0105161008bf683b",class:`radio-tooltip radio-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel(),this.skeleton&&a("div",{key:"7022cb0f5cf4ca8c10e533265083eac0dfd3021d",class:"radio-skeleton-shimmer"})),(this.invalid||!this.internals.validity.valid)&&a("div",{key:"b019b76af7c19c92e35dcf6349100f34b6a68a45",class:"radio-error-message",role:"alert"},this.internals.validationMessage||"Selection required"))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}};t.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}.radio-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}[class*=radio-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.radio-reveal-fade-in{animation:radio-fade-in 0.6s ease-out forwards}.radio-reveal-slide-up{animation:radio-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.radio-reveal-zoom{animation:radio-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes radio-fade-in{from{opacity:0}to{opacity:1}}@keyframes radio-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.radio-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.radio-input-wrapper:hover .radio-tooltip{opacity:1}.radio-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.radio-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:block;overflow:hidden;--ui-radio-border:var(--border-strong, #94a3b8);--ui-radio-bg:var(--bg-primary, #ffffff);--ui-radio-label:var(--label-color, var(--text-primary, #111827));--ui-radio-description:var(--label-subtitle-color, var(--text-secondary, #6b7280));--ui-radio-circle-hover:rgba(0, 0, 0, 0.05)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-radio-border:var(--border-default, #64748b);--ui-radio-bg:var(--bg-secondary, #111827);--ui-radio-circle-hover:rgba(255, 255, 255, 0.05)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:var(--text-primary)}.radio-container.radio-rtl{direction:rtl}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box;flex-shrink:0;overflow:visible;}.radio-label *{box-sizing:border-box}.radio-container.radio-disabled .radio-label{cursor:not-allowed;opacity:0.6}.radio-container.radio-readonly .radio-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .radio-description{margin-top:0}.radio-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--ui-radio-description)}.radio-input-wrapper{flex-shrink:0;overflow:visible}.radio-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-radio-border);background:var(--ui-radio-bg);border-radius:50%;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.radio-circle .glow-layer{position:absolute;inset:-4px;background:currentColor;opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.radio-glow.radio-checked .radio-circle .glow-layer{opacity:0.4}.radio-xxxs .radio-circle{width:12px;height:12px}.radio-xxxs .radio-dot{width:6px;height:6px}.radio-xxxs .radio-label-text{font-size:11px;line-height:16px}.radio-xxs .radio-circle{width:14px;height:14px}.radio-xxs .radio-dot{width:7px;height:7px}.radio-xxs .radio-label-text{font-size:12px;line-height:18px}.radio-xs .radio-circle{width:16px;height:16px}.radio-xs .radio-dot{width:8px;height:8px}.radio-xs .radio-label-text{font-size:13px;line-height:20px}.radio-sm .radio-circle{width:18px;height:18px}.radio-sm .radio-dot{width:9px;height:9px}.radio-sm .radio-label-text{font-size:14px;line-height:20px}.radio-md .radio-circle{width:20px;height:20px}.radio-md .radio-dot{width:10px;height:10px}.radio-md .radio-label-text{font-size:15px;line-height:24px}.radio-lg .radio-circle{width:24px;height:24px}.radio-lg .radio-dot{width:12px;height:12px}.radio-lg .radio-label-text{font-size:16px;line-height:28px}.radio-xl .radio-circle{width:28px;height:28px}.radio-xl .radio-dot{width:14px;height:14px}.radio-xl .radio-label-text{font-size:18px;line-height:32px}.radio-xxl .radio-circle{width:32px;height:32px;border-radius:50% !important}.radio-xxl .radio-dot{width:16px;height:16px}.radio-xxl .radio-label-text{font-size:20px;line-height:36px}.radio-xxxl .radio-circle{width:40px;height:40px;border-radius:50% !important}.radio-xxxl .radio-dot{width:20px;height:20px}.radio-xxxl .radio-label-text{font-size:24px;line-height:44px}.radio-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.radio-dot-container.radio-dot-visible{opacity:1;transform:scale(1)}.radio-dot{border-radius:50%;background:currentColor}.custom-radio-image{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:4px}.custom-icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:currentColor}.radio-animate .radio-checked .radio-dot,.radio-animate .radio-checked .custom-icon{animation:radio-pop 0.3s ease}@keyframes radio-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.radio-variant-bordered .radio-label{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;transition:all 0.2s ease;width:100%}.radio-variant-bordered .radio-label:hover:not(.radio-disabled){border-color:currentColor;background:rgba(0, 0, 0, 0.02)}.radio-variant-bordered.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.radio-variant-underlined .radio-label{padding:12px 4px;border-bottom:2px solid transparent;transition:all 0.2s ease;border-radius:0;width:100%;box-sizing:border-box}.radio-variant-underlined.radio-checked .radio-label{border-bottom-color:currentColor}.radio-variant-card .radio-label{padding:20px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box}.radio-variant-card .radio-label:hover:not(.radio-disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);border-color:var(--border-color-hover, #cbd5e1)}.radio-variant-card.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.02);box-shadow:0 12px 32px rgba(0, 0, 0, 0.1)}.radio-variant-card.radio-checked:hover .radio-label{transform:translateY(-2px)}.radio-variant-glass .radio-circle{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.radio-variant-glass.radio-checked .radio-circle{background:currentColor !important;backdrop-filter:none}.radio-variant-raised .radio-circle{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.radio-skeleton{pointer-events:none}.radio-skeleton .radio-circle{background:var(--bg-primary, #e5e7eb);border-color:var(--border-default, #e5e7eb) !important}.radio-skeleton .radio-label-text,.radio-skeleton .radio-description{background:var(--bg-primary, #e5e7eb);color:transparent !important;border-radius:4px;width:fit-content;min-width:120px}.radio-skeleton .radio-description{min-width:180px}.radio-skeleton .radio-label{position:relative;overflow:hidden}.radio-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:radio-shimmer 1.5s infinite}@keyframes radio-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.radio-primary .radio-circle{border-color:var(--color-primary, #93c5fd)}.radio-primary .radio-checked .radio-circle{border-color:var(--primary-color);color:var(--primary-color)}.radio-secondary .radio-circle{border-color:var(--border-strong, #d1d5db)}.radio-secondary .radio-checked .radio-circle{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.radio-success .radio-circle{border-color:var(--color-success, #86efac)}.radio-success .radio-checked .radio-circle{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.radio-danger .radio-circle{border-color:var(--color-danger, #fca5a5)}.radio-danger .radio-checked .radio-circle{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.radio-warning .radio-circle{border-color:var(--color-danger, #fcd34d)}.radio-warning .radio-checked .radio-circle{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.radio-info .radio-circle{border-color:var(--color-primary, #67e8f9)}.radio-info .radio-checked .radio-circle{border-color:var(--color-info-hover, #0891b2);color:var(--color-info-hover, #0891b2)}.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px currentColor}.radio-primary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #3dcd58)}.radio-secondary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-primary, #6b7280)}.radio-success.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #16a34a)}.radio-danger.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-danger-hover, #dc2626)}.radio-warning.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-warning, #f59e0b)}.radio-info.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-info-hover, #0891b2)}.radio-hovered:not(.radio-disabled):not(.radio-readonly) .radio-circle{border-color:currentColor;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.05)}.radio-primary.radio-hovered .radio-circle{border-color:var(--color-success, #3dcd58)}.radio-secondary.radio-hovered .radio-circle{border-color:var(--color-primary, #6b7280)}.radio-success.radio-hovered .radio-circle{border-color:var(--color-success, #16a34a)}.radio-danger.radio-hovered .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-warning.radio-hovered .radio-circle{border-color:var(--color-warning, #f59e0b)}.radio-info.radio-hovered .radio-circle{border-color:var(--color-info-hover, #0891b2)}.radio-ripple .radio-circle::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.radio-ripple .radio-input:active~.radio-circle::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.radio-label-content{display:flex;flex-direction:column;gap:4px}.radio-label-text{color:var(--ui-radio-label);font-weight:500;line-height:1.4}.radio-description{color:var(--ui-radio-description);font-size:0.875rem;line-height:1.4}.radio-invalid .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-is-button{width:100%;height:100%;overflow:inherit}.radio-is-button .radio-label{padding:8px 16px;justify-content:center;background:var(--surface-color);transition:all 0.2s ease;width:100%;height:100%;border-radius:inherit}.radio-is-button .radio-label:hover:not(.radio-disabled){background:var(--bg-secondary, #f3f4f6)}.radio-is-button .radio-circle{margin-inline-end:8px;transform:scale(0.85)}.radio-is-button.radio-checked .radio-label{background:var(--primary-color);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--primary-color)}.radio-is-button.radio-secondary.radio-checked .radio-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.radio-is-button.radio-success.radio-checked .radio-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.radio-is-button.radio-danger.radio-checked .radio-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.radio-is-button.radio-warning.radio-checked .radio-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.radio-is-button.radio-info.radio-checked .radio-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.radio-is-button.radio-disabled .radio-label{background:var(--bg-primary, #f9fafb);color:var(--text-muted, #9ca3af)}';export{t as ui_radio}

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

@@ -0,0 +1 @@
+import{r as t,c as e,a as i,h as o}from"./p-DUsoYu9r.js";const r=class{constructor(i){t(this,i),this.stepperChange=e(this,"stepperChange")}orientation="horizontal";size="md";activeStep=0;get host(){return i(this)}stepperChange;async next(){const t=this.getStepsSync();return this.activeStep<t.length-1&&this.goTo(this.activeStep+1)}async prev(){return this.activeStep>0&&this.goTo(this.activeStep-1)}async goTo(t){const e=this.getStepsSync();return t>=0&&t<e.length&&(this.activeStep=t,this.updateStepVisibility(),this.stepperChange.emit({index:t,step:e[t]}),!0)}async getCurrentStep(){return this.getStepsSync()[this.activeStep]||null}async getSteps(){return this.getStepsSync()}getStepsSync(){return Array.from(this.host.querySelectorAll("smart-step"))}updateStepVisibility(){this.getStepsSync().forEach(((t,e)=>{const i=t.querySelector(".stepper-content");i&&(i.style.display=e===this.activeStep?"block":"none");const o=t.querySelector(".step-header");o&&(o.classList.remove("active","completed"),e===this.activeStep?o.classList.add("active"):e<this.activeStep&&o.classList.add("completed"))}))}handleStepClick=t=>{const e=t.target.closest("smart-step");if(e){const t=this.getStepsSync().indexOf(e);-1!==t&&this.goTo(t)}};componentDidLoad(){this.updateStepVisibility()}componentDidUpdate(){this.updateStepVisibility()}handleStepClickEvent(t){t.stopPropagation();const e=t.target,i=this.getStepsSync().indexOf(e);-1!==i&&this.goTo(i)}render(){const t=["smart-stepper-container",`stepper-${this.orientation}`,`stepper-${this.size}`].join(" ");return o("div",{key:"055f2373e201924afcb4c2038ff1bd6c0d096111",class:t},o("div",{key:"f0f5dbbb155ba61648a4633bff44548cd4cb28e3",class:"stepper-header",onClick:this.handleStepClick},o("slot",{key:"fa4ef01b0c1b248dd5ac90b8ab9bc7689b943caa"})),o("div",{key:"592f2c79d4916c14c1e7a5a3ffaad77a257a01a3",class:"stepper-content-area"},o("slot",{key:"958a6697b165c1b0499ac1433476a8cccf14bf9f",name:"content"})))}};r.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}.stepper-header{display:flex;gap:16px;margin-bottom:16px}.step-header{padding:12px 16px;border-radius:4px;background:#fff;cursor:pointer;transition:all 0.2s;border:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;position:relative;flex:1;min-width:0;}:host-context(.stepper-horizontal) .step-header:not(:last-child)::after{content:"";position:absolute;right:-16px;top:50%;width:16px;height:2px;background:#e5e7eb;z-index:1;display:none;}.step-header:hover:not(.disabled){background:#f9fafb;border-color:#d1d5db}.step-header.active{border-color:#3b82f6;background:#eff6ff}.step-header.completed{border-color:#10b981;background:#f0fdf4;}.step-header.disabled{opacity:0.5;cursor:not-allowed;background:#f3f4f6}.step-icon{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;transition:all 0.2s}.step-header.active .step-icon{background:#3b82f6;color:#fff}.step-header.completed .step-icon{background:#10b981;color:#fff}.step-text{display:flex;flex-direction:column;min-width:0}.step-title{font-weight:600;font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-desc{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-content{min-height:80px;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.04);padding:16px}';export{r as ui_smart_stepper}

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

@@ -0,0 +1 @@
+import{r as e,h as a,H as o}from"./p-DUsoYu9r.js";const t=[{id:"accordion",name:"Accordion",description:"Expandable/collapsible content",icon:"📑",category:"Foundation & Layout",docs:"/docs/index.html?page=accordion"},{id:"aside-panel",name:"Aside Panel",description:"Side content panel",icon:"📱",category:"Foundation & Layout",docs:"/docs/index.html?page=aside-panel"},{id:"card",name:"Card",description:"Content container",icon:"🃏",category:"Foundation & Layout",docs:"/docs/index.html?page=card"},{id:"divider",name:"Divider",description:"Content separator",icon:"➖",category:"Foundation & Layout",docs:"/docs/index.html?page=divider"},{id:"dock",name:"Dock",description:"Docking layout",icon:"🚢",category:"Foundation & Layout",docs:"/docs/index.html?page=dock"},{id:"dock-host",name:"Dock Host",description:"Host for dockable components",icon:"🗂️",category:"Foundation & Layout",docs:"/docs/index.html?page=dock-host"},{id:"layout-manager",name:"Layout Manager",description:"Manage complex layouts",icon:"🏗️",category:"Foundation & Layout",docs:"/docs/index.html?page=layout-manager"},{id:"panel",name:"Panel",description:"Content panel",icon:"📋",category:"Foundation & Layout",docs:"/docs/index.html?page=panel"},{id:"stack",name:"Stack",description:"Vertical/Horizontal stack",icon:"📚",category:"Foundation & Layout",docs:"/docs/index.html?page=stack"},{id:"anchor",name:"Anchor",description:"Anchor link navigation",icon:"⚓",category:"Navigation",docs:"/docs/index.html?page=anchor"},{id:"breadcrumb",name:"Breadcrumb",description:"Indicate current page location",icon:"🍞",category:"Navigation",docs:"/docs/index.html?page=breadcrumb"},{id:"context-menu",name:"Context Menu",description:"Right-click context menu",icon:"📋",category:"Navigation",docs:"/docs/index.html?page=context-menu"},{id:"horizontal-nav",name:"Horizontal Nav",description:"Horizontal navigation menu",icon:"↔️",category:"Navigation",docs:"/docs/index.html?page=horizontal-nav"},{id:"nav-bar",name:"Nav Bar",description:"Navigation bar",icon:"🧭",category:"Navigation",docs:"/docs/index.html?page=nav-bar"},{id:"pagination",name:"Pagination",description:"Navigate through pages of data",icon:"📄",category:"Navigation",docs:"/docs/index.html?page=pagination"},{id:"scroll-top",name:"Scroll Top",description:"Button to scroll to top",icon:"⬆️",category:"Navigation",docs:"/docs/index.html?page=scroll-top"},{id:"smart-menu",name:"Smart Menu",description:"Intelligent menu component",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-menu"},{id:"smart-stepper",name:"Smart Stepper",description:"Intelligent stepper wizard",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-stepper"},{id:"speed-dial",name:"Speed Dial",description:"Floating action button speed dial",icon:"⚡",category:"Navigation",docs:"/docs/index.html?page=speed-dial"},{id:"stepper",name:"Stepper",description:"Step-by-step wizard",icon:"👣",category:"Navigation",docs:"/docs/index.html?page=stepper"},{id:"tabs",name:"Tabs",description:"Tabbed content navigation",icon:"📑",category:"Navigation",docs:"/docs/index.html?page=tabs"},{id:"top-bar",name:"Top Bar",description:"Top navigation bar",icon:"📌",category:"Navigation",docs:"/docs/index.html?page=top-bar"},{id:"button",name:"Button",description:"Clickable button element",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=button"},{id:"button-group",name:"Button Group",description:"Layout container for buttons",icon:"🍱",category:"Inputs & Forms",docs:"/docs/index.html?page=button-group"},{id:"cascade-select",name:"Cascade Select",description:"Hierarchical selection",icon:"🔽",category:"Inputs & Forms",docs:"/docs/index.html?page=cascade-select"},{id:"dropdown",name:"Dropdown",description:"Select hidden items from a list",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=dropdown"},{id:"knob",name:"Knob",description:"Rotary control knob",icon:"🎛️",category:"Inputs & Forms",docs:"/docs/index.html?page=knob"},{id:"pattern-input",name:"Pattern Input",description:"Input with pattern validation",icon:"🎯",category:"Inputs & Forms",docs:"/docs/index.html?page=pattern-input"},{id:"picklist",name:"Picklist",description:"List for selecting multiple items",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=picklist"},{id:"range-slider",name:"Range Slider",description:"Slider for range selection",icon:"🎚️",category:"Inputs & Forms",docs:"/docs/index.html?page=range-slider"},{id:"rating",name:"Rating",description:"Star rating control",icon:"⭐",category:"Inputs & Forms",docs:"/docs/index.html?page=rating"},{id:"switch",name:"Switch",description:"Toggle switch control",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=switch"},{id:"transfer-list",name:"Transfer List",description:"Move items between lists",icon:"⇄",category:"Inputs & Forms",docs:"/docs/index.html?page=transfer-list"},{id:"advanced-data-table",name:"Advanced Table",description:"Data table with advanced features",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=advanced-data-table"},{id:"avatar",name:"Avatar",description:"User profile image",icon:"👤",category:"Data Display",docs:"/docs/index.html?page=avatar"},{id:"avatar-group",name:"Avatar Group",description:"Group of avatars",icon:"👥",category:"Data Display",docs:"/docs/index.html?page=avatar-group"},{id:"badge",name:"Badge",description:"Notification badge",icon:"🔔",category:"Data Display",docs:"/docs/index.html?page=badge"},{id:"bar-chart",name:"Bar Chart",description:"Bar chart visualization",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=bar-chart"},{id:"chart",name:"Chart",description:"General chart component",icon:"📈",category:"Data Display",docs:"/docs/index.html?page=chart"},{id:"chip",name:"Chip",description:"Compact element for input, attribute, or action",icon:"🏷️",category:"Data Display",docs:"/docs/index.html?page=chip"},{id:"meter-group",name:"Meter",description:"Visual meter display",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=meter-group"},{id:"pill",name:"Pill",description:"Rounded status indicator",icon:"💊",category:"Data Display",docs:"/docs/index.html?page=pill"},{id:"speedometer",name:"Speedometer",description:"Speedometer gauge",icon:"🎯",category:"Data Display",docs:"/docs/index.html?page=speedometer"},{id:"tag",name:"Tag",description:"Label for clear categorization",icon:"🏷",category:"Data Display",docs:"/docs/index.html?page=tag"},{id:"timeline",name:"Timeline",description:"Events in chronological order",icon:"⏱️",category:"Data Display",docs:"/docs/index.html?page=timeline"},{id:"tree-list",name:"Tree List",description:"Hierarchical tree view",icon:"🌳",category:"Data Display",docs:"/docs/index.html?page=tree-list"},{id:"dialog",name:"Dialog",description:"Modal dialog box",icon:"💬",category:"Feedback & Overlays",docs:"/docs/index.html?page=dialog"},{id:"popover",name:"Popover",description:"Pop-up content",icon:"💭",category:"Feedback & Overlays",docs:"/docs/index.html?page=popover"},{id:"skeleton",name:"Skeleton",description:"Loading state placeholder",icon:"💀",category:"Feedback & Overlays",docs:"/docs/index.html?page=skeleton"},{id:"snackbar",name:"Snackbar",description:"Brief feedback message",icon:"🍞",category:"Feedback & Overlays",docs:"/docs/index.html?page=snackbar"},{id:"loader",name:"Loader",description:"Advanced loading indicators",icon:"🔄",category:"Feedback & Overlays",docs:"/docs/index.html?page=loader"},{id:"timer",name:"Timer",description:"Countdown or stopwatch",icon:"⏱️",category:"Feedback & Overlays",docs:"/docs/index.html?page=timer"}],i=["Foundation & Layout","Navigation","Inputs & Forms","Data Display","Feedback & Overlays"],n=class{constructor(a){e(this,a)}searchQuery="";selectedCategory=null;mode="demo";getCategoryIcon(e){return{"Foundation & Layout":"🏗️",Navigation:"🧭","Inputs & Forms":"🎮","Data Display":"📊","Feedback & Overlays":"💬",Settings:"⚙️",About:"ℹ️"}[e]||"📦"}getFilteredComponents(){const e={},a=this.searchQuery.toLowerCase();for(const o of i){if(this.selectedCategory&&this.selectedCategory!==o)continue;const i=t.filter((e=>e.category===o&&(!a||e.name.toLowerCase().includes(a)||e.description.toLowerCase().includes(a)||e.id.toLowerCase().includes(a))));i.length>0&&(e[o]=i)}return e}handleCategoryClick=e=>{this.selectedCategory=this.selectedCategory===e?null:e};render(){const e=this.getFilteredComponents(),n=t.length;return a(o,{key:"beac989569c0ca806ae655da242ec9904445d39f"},a("div",{key:"959612c2d98c7daca8a4ac1f35cf3df93ae7b2c7",class:"library-container"},a("header",{key:"27e8009daad08c4b07d52e64881c29b87e3b9c40",class:"library-header"},a("div",{key:"b07dcdd2b87367c4c2d83f00b0a739e3b3713c7a",class:"header-content"},a("div",{key:"da37733ca7ee6888845f17acc3636efa8119300c",class:"logo-section"},a("div",{key:"f621cc915750bcf3ede6518baa6aceb6ca8d39a5",class:"logo"},a("span",{key:"bd201dccfd00236e31789149190244b08d38a005",class:"logo-icon"},"🎨"),a("span",{key:"eb94d775fce9a5d47127b19eb5d512857cfb0de0",class:"logo-text"},"App UI")),a("span",{key:"225b246368e5e6fe765387ed2d03fdb3722fe463",class:"version-badge"},"v0.1.0")),a("div",{key:"961bed93bdb2e56ec60b1dae9a5389c1a75e067f",class:"search-container"},a("ui-input",{key:"feda70660a055323076630917b0e7a49afcb0a8a",class:"search-input",placeholder:"Search components...",value:this.searchQuery,onInputChange:e=>this.searchQuery=e.detail,"prefix-icon":"search","icon-library":"lucide",clearable:!0})),a("div",{key:"592f3d4fe0f19a5bc1a33f8cd6ffc2f98766b13c",class:"header-stats"},a("span",{key:"edfe4fe44fc73aa922883f30ee2c50abcd407aa0",class:"stat"},n," components"),a("span",{key:"1271653612b2d1e56327e4eb043ef1848be9e7ae",class:"stat"},i.length," categories")))),a("nav",{key:"d5e1be2e568e66c317362e85baa4f8b184b2ad05",class:"category-nav"},a("ui-button",{key:"a43178b8702bda6441c706d7b27d7d5268b1017e",label:"All",variant:null===this.selectedCategory?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(null),style:{borderRadius:"20px"}}),i.map((e=>a("ui-button",{key:e,label:`${this.getCategoryIcon(e)} ${e}`,variant:this.selectedCategory===e?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(e),style:{borderRadius:"20px"}})))),a("main",{key:"011117cd9c223602cc8dc11af1f8a058b8b25a5a",class:"library-content"},0===Object.keys(e).length?a("div",{class:"no-results"},a("ui-icon",{name:"search",library:"lucide",size:"2em",class:"no-results-icon"}),a("h3",null,"No components found"),a("p",null,"Try adjusting your search or filter criteria")):Object.entries(e).map((([e,o])=>a("category-section",{key:e,"category-name":e,"category-icon":this.getCategoryIcon(e),components:o,mode:this.mode})))),a("footer",{key:"fd993854e47f108c29bda48371866c5ab43935a5",class:"library-footer"},a("p",{key:"78fbe5d2283722f32297cc99446e37b8b366d045"},"Built with ❤️ using Stencil.js"),a("div",{key:"0be6641e6a4f57e02a0070311eceeab0fff6136a",class:"footer-links"},a("a",{key:"e166e252d8367239b62ab1904cddef9425dcb7c1",href:"#",class:"footer-link"},"Documentation"),a("a",{key:"fdcd853536091767eefcdc8d28a231972f573a51",href:"#",class:"footer-link"},"GitHub"),a("a",{key:"a8d34f3e11ed0aa47aa82f074530d774f6982635",href:"#",class:"footer-link"},"Changelog")))))}};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;font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#6366f1;--primary-light:#818cf8;--bg-dark:#0f172a;--bg-card:rgba(30, 41, 59, 0.6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:rgba(255, 255, 255, 0.08);--header-bg:rgba(15, 23, 42, 0.85);--input-bg:rgba(255, 255, 255, 0.05)}:host-context([data-theme=light]),:host-context(.light),html[data-theme=light] :host{--bg-dark:#f8fafc;--bg-card:#ffffff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--header-bg:rgba(255, 255, 255, 0.85);--input-bg:rgba(0, 0, 0, 0.04)}:host-context([data-theme=green]),:host-context(.green),html[data-theme=green] :host{--primary:#22c55e;--primary-light:#86efac;--bg-dark:#052e16;--bg-card:rgba(20, 83, 45, 0.6);--text-primary:#f0fdf4;--text-secondary:#86efac;--border:rgba(34, 197, 94, 0.2);--header-bg:rgba(5, 46, 22, 0.85);--input-bg:rgba(255, 255, 255, 0.1)}.library-container{min-height:100vh;background:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);background-attachment:fixed;color:var(--text-primary)}.library-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 32px}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-badge{font-size:0.7rem;font-weight:600;padding:4px 10px;background:rgba(99, 102, 241, 0.2);color:#a5b4fc;border-radius:20px;border:1px solid rgba(99, 102, 241, 0.3)}.search-container{flex:1;max-width:500px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:14px 48px;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary);background:rgba(99, 102, 241, 0.08);box-shadow:0 0 0 4px rgba(99, 102, 241, 0.15)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.2s ease}.clear-search:hover{background:rgba(239, 68, 68, 0.3);color:#fca5a5}.header-stats{display:flex;gap:20px;flex-shrink:0;margin-left:auto}.stat{font-size:0.85rem;color:var(--text-secondary);padding:8px 16px;background:rgba(255, 255, 255, 0.03);border-radius:10px;white-space:nowrap}.category-nav{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 20px;background:rgba(255, 255, 255, 0.05);border:1px solid var(--border);border-radius:30px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.category-pill:hover{background:rgba(99, 102, 241, 0.15);border-color:rgba(99, 102, 241, 0.3);color:var(--text-primary);transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg, #10b981 0%, #047857 100%);border-color:transparent;color:white;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);font-weight:600}.category-pill.active:hover{transform:translateY(-2px)}.library-content{max-width:1400px;margin:0 auto;padding:0 32px 48px}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary)}.no-results-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:0.5}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.no-results p{margin:0;font-size:1rem}.library-footer{max-width:1400px;margin:0 auto;padding:32px;text-align:center;border-top:1px solid var(--border)}.library-footer p{margin:0 0 16px 0;color:var(--text-secondary);font-size:0.9rem}.footer-links{display:flex;justify-content:center;gap:24px}.footer-link{color:var(--primary-light);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s ease}.footer-link:hover{color:#a5b4fc}@media (max-width: 768px){.library-header{padding:12px 16px}.header-content{flex-wrap:wrap;gap:16px}.logo-section{flex:1}.search-container{order:3;flex:100%;max-width:none}.header-stats{display:none}.category-nav{padding:16px;gap:8px}.category-pill{padding:8px 14px;font-size:0.8rem}.library-content{padding:0 16px 32px}}';export{n as ui_library}

package/dist/exploration-project-tailwind/p-vwwmWKs9.js

@@ -0,0 +1 @@
+const s=new class{listeners=new Map;on(s,t){const n=this.listeners.get(s)||[];return n.push(t),this.listeners.set(s,n),()=>this.off(s,t)}off(s,t){const n=this.listeners.get(s)||[];this.listeners.set(s,n.filter((s=>s!==t)))}emit(s,...t){const n=this.listeners.get(s)||[];for(const s of n.slice())s(...t)}};export{s as G}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';