atomicuilibrary 0.1.0 → 0.1.3

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

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

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

@@ -1 +0,0 @@
-import{r as t,c as a,a as o,h as e,H as i}from"./p-DUsoYu9r.js";import{s as l}from"./p-Dyu3Nplq.js";const s=class{constructor(o){t(this,o),this.calloutDismiss=a(this,"calloutDismiss"),this.calloutShow=a(this,"calloutShow"),this.calloutAction=a(this,"calloutAction")}ariaRole;testId;focusOnShow=!1;progress;i18n;_id=Math.random().toString(36).slice(2,10);variant="info";heading;message;icon;iconLibrary="lucide";closable=!0;dismissLabel="Dismiss";outlined=!1;compact=!1;banner=!1;autoClose=0;loading=!1;pulse=!1;noIcon=!1;solid=!1;accentBar=!1;pauseOnHover=!1;sticky=!1;truncate=0;size="md";persistKey;marquee=!1;marqueeSpeed=18;visible=!0;closing=!1;paused=!1;expanded=!1;closeReady=!0;slottedHTML="";get el(){return o(this)}calloutDismiss;calloutShow;calloutAction;autoCloseTimer;closeBtnTimer;dismissTimer;remainingTime=0;timerStart=0;handlePersistKeyChange(){this.checkPersistence()}componentWillLoad(){this.checkPersistence()}checkPersistence(){if(this.persistKey&&"undefined"!=typeof window){const t=localStorage.getItem(`ui-callout-dismissed-${this.persistKey}`);"true"!==t&&"1"!==t||(this.visible=!1)}}connectedCallback(){this.focusOnShow&&setTimeout((()=>{const t=this.hostElement?.shadowRoot?.querySelector(".callout-close");t?t.focus():this.hostElement?.focus()}),100),this.scheduleAutoClose(),this.closableAfter>0&&this.closable?(this.closeReady=!1,this.closeBtnTimer=setTimeout((()=>{this.closeReady=!0}),this.closableAfter)):this.closeReady=!0,this.readSlottedContent()}readSlottedContent(){this.marquee&&setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".callout-message slot:not([name])");if(t){const a=t.assignedNodes().map((t=>3===t.nodeType?t.textContent:t.outerHTML||t.innerHTML||t.textContent||"")).join("");this.slottedHTML=l(a)}}),50)}disconnectedCallback(){clearTimeout(this.autoCloseTimer),clearTimeout(this.closeBtnTimer),clearTimeout(this.dismissTimer)}enterFrom="top";href;target;closableAfter=0;async update(t){Object.entries(t).forEach((([t,a])=>{t in this&&(this[t]=a)}))}handleActionClick=t=>{t.target&&t.target.closest('[slot="actions"]')&&this.calloutAction.emit()};onAutoCloseChange(){clearTimeout(this.autoCloseTimer),this.scheduleAutoClose()}scheduleAutoClose(t){const a=t??this.autoClose;a>0&&this.visible&&(this.timerStart=Date.now(),this.remainingTime=a,this.autoCloseTimer=setTimeout((()=>this.dismiss()),a))}dismiss(){this.persistKey&&"undefined"!=typeof window&&localStorage.setItem(`ui-callout-dismissed-${this.persistKey}`,"true"),this.closing=!0,clearTimeout(this.dismissTimer),this.dismissTimer=setTimeout((()=>{this.visible=!1,this.closing=!1,this.calloutDismiss.emit()}),250)}async hide(){this.dismiss()}async show(){this.persistKey&&"undefined"!=typeof window&&localStorage.removeItem(`ui-callout-dismissed-${this.persistKey}`),this.visible=!0,this.closing=!1,this.calloutShow.emit(),this.scheduleAutoClose()}handleDismiss=()=>{this.dismiss()};handleMouseEnter=()=>{if(this.pauseOnHover&&this.autoClose>0&&this.visible&&!this.closing){clearTimeout(this.autoCloseTimer);const t=Date.now()-this.timerStart;this.remainingTime=Math.max(0,this.remainingTime-t),this.paused=!0}};handleMouseLeave=()=>{this.pauseOnHover&&this.paused&&(this.paused=!1,this.timerStart=Date.now(),this.autoCloseTimer=setTimeout((()=>this.dismiss()),this.remainingTime))};toggleExpand=()=>{this.expanded=!this.expanded};defaultIcon(){return{info:"info",success:"check-circle",warning:"triangle-alert",danger:"circle-x",neutral:"bell"}[this.variant]??"info"}getIcon(){const t=this.icon??this.defaultIcon();return e("ui-icon",{name:t,library:this.iconLibrary,size:"1.25em"})}render(){if(!this.visible)return null;const t={[`variant-${this.variant}`]:!0,outlined:this.outlined,compact:this.compact,banner:this.banner,closing:this.closing,loading:this.loading,pulse:this.pulse,"no-icon":this.noIcon,solid:this.solid,"accent-bar":this.accentBar,sticky:this.sticky,marquee:this.marquee,paused:this.paused,[`size-${this.size}`]:!0,[`enter-${this.enterFrom}`]:!0},a=`callout-title-${this._id}`,o=`callout-msg-${this._id}`,s=!!this.href,r=this.autoClose>0?"assertive":"polite",n=this.i18n||{},c=e("div",{class:"callout-inner",role:s?"button":"status","aria-live":r,"aria-labelledby":a,"aria-describedby":o,tabIndex:s&&!this.href?0:void 0,onKeyDown:s&&!this.href?t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleActionClick(t))}:void 0,"data-testid":this.testId},!this.noIcon&&e("div",{class:"callout-icon",part:"icon"},this.loading?e("span",{class:"callout-spinner","aria-hidden":"true"}):e("slot",{name:"icon"},this.getIcon())),e("div",{class:"callout-content",part:"content"},e("div",{class:"callout-title",part:"title",id:a},e("slot",{name:"title"},this.heading)),!this.compact&&e("div",{class:{"callout-message":!0,truncated:this.truncate>0&&!this.expanded},part:"message",id:o,style:this.truncate>0?{"--callout-truncate-lines":String(this.truncate)}:{}},this.marquee?e("div",{class:"callout-marquee-track",style:{"--marquee-speed":12*this.marqueeSpeed+"s"}},e("div",{class:"callout-marquee-group","aria-hidden":"true"},Array.from({length:12}).map((()=>e("span",{class:"callout-marquee-item",innerHTML:l(this.message||this.slottedHTML)})))),e("div",{class:"callout-marquee-group","aria-hidden":"true"},Array.from({length:12}).map((()=>e("span",{class:"callout-marquee-item",innerHTML:l(this.message||this.slottedHTML)})))),e("div",{style:{display:"none"}},e("slot",null,this.message))):e("slot",null,this.message)),!this.compact&&this.truncate>0&&e("ui-button",{variant:"ghost",class:"callout-show-more",onClick:this.toggleExpand,size:"sm",label:this.expanded?n.showLessLabel||"Show less ↑":n.showMoreLabel||"Show more ↓"}),!this.compact&&e("div",{class:"callout-actions",part:"actions",onClick:this.handleActionClick},e("slot",{name:"actions"}))),this.compact&&e("div",{class:"callout-inline-message",part:"message",id:o},e("slot",null,this.message)),this.closable&&this.closeReady&&e("ui-button",{variant:"ghost",class:"callout-close",onClick:this.handleDismiss,ariaLabel:n.dismissLabel||this.dismissLabel,icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),u="number"==typeof this.progress?e("div",{class:"callout-progress-bar",style:{width:this.progress+"%"},"aria-valuenow":this.progress,"aria-valuemin":"0","aria-valuemax":"100",role:"progressbar"}):this.autoClose>0&&this.visible&&!this.closing&&e("div",{class:{"callout-progress":!0,paused:this.paused},part:"progress",style:{animationDuration:`${this.autoClose}ms`}});return this.href?e("a",{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,class:t,part:"callout","aria-busy":this.loading?"true":void 0,"aria-labelledby":a,"aria-describedby":o,"aria-live":r,role:this.ariaRole||("neutral"===this.variant?"status":"alert"),"data-testid":this.testId,tabIndex:this.focusOnShow?0:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c,u):e(i,{class:t,part:"callout","aria-busy":this.loading?"true":void 0,"aria-labelledby":a,"aria-describedby":o,"aria-live":r,role:this.ariaRole||("neutral"===this.variant?"status":"alert"),"data-testid":this.testId,tabIndex:this.focusOnShow?0:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c,u)}static get watchers(){return{persistKey:[{handlePersistKeyChange:0}],autoClose:[{onAutoCloseChange:0}]}}};s.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}@media (prefers-color-scheme: dark){:host(.variant-info) .callout-inner{--callout-bg:#1e293b;--callout-text:#60a5fa;--callout-border:rgba(59, 130, 246, 0.35);--callout-icon-bg:rgba(59, 130, 246, 0.18);--callout-shadow:rgba(59, 130, 246, 0.13)}:host(.variant-success) .callout-inner{--callout-bg:#052e16;--callout-text:#4ade80;--callout-border:rgba(34,197,94,0.35);--callout-icon-bg:rgba(34,197,94,0.18);--callout-shadow:rgba(34,197,94,0.13)}:host(.variant-warning) .callout-inner{--callout-bg:#78350f;--callout-text:#facc15;--callout-border:rgba(251,191,36,0.35);--callout-icon-bg:rgba(251,191,36,0.18);--callout-shadow:rgba(251,191,36,0.13)}:host(.variant-danger) .callout-inner{--callout-bg:#7f1d1d;--callout-text:#f87171;--callout-border:rgba(239,68,68,0.35);--callout-icon-bg:rgba(239,68,68,0.18);--callout-shadow:rgba(239,68,68,0.13)}:host(.variant-neutral) .callout-inner{--callout-bg:#0f172a;--callout-text:#f1f5f9;--callout-border:rgba(148,163,184,0.25);--callout-icon-bg:rgba(148,163,184,0.13);--callout-shadow:rgba(148,163,184,0.09)}}a[part=callout]{text-decoration:none;color:inherit;display:block;transition:box-shadow 0.15s, filter 0.15s}a[part=callout]:hover,a[part=callout]:focus-visible{filter:brightness(1.04);box-shadow:0 6px 24px var(--callout-shadow, rgba(15, 23, 42, 0.13))}a[part=callout]:active{filter:brightness(0.98)}@keyframes callout-slide-in-top{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-top{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-bottom{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-bottom{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-left{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(-32px);max-width:0;padding:0;margin:0}}@keyframes callout-slide-in-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-right{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(32px);max-width:0;padding:0;margin:0}}@keyframes callout-fade-in{from{opacity:0}to{opacity:1}}@keyframes callout-fade-out{from{opacity:1}to{opacity:0}}@keyframes callout-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes callout-spin{to{transform:rotate(360deg)}}@keyframes callout-pulse{0%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 var(--callout-border)}70%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 7px transparent}100%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 transparent}}:host{display:block;width:100%}:host(.enter-top){animation:callout-slide-in-top 0.25s ease both}:host(.enter-bottom){animation:callout-slide-in-bottom 0.25s ease both}:host(.enter-left){animation:callout-slide-in-left 0.25s ease both}:host(.enter-right){animation:callout-slide-in-right 0.25s ease both}:host(.enter-fade){animation:callout-fade-in 0.25s ease both}:host(.closing.enter-top){animation:callout-slide-out-top 0.25s ease both;pointer-events:none}:host(.closing.enter-bottom){animation:callout-slide-out-bottom 0.25s ease both;pointer-events:none}:host(.closing.enter-left){animation:callout-slide-out-left 0.25s ease both;pointer-events:none}:host(.closing.enter-right){animation:callout-slide-out-right 0.25s ease both;pointer-events:none}:host(.closing.enter-fade){animation:callout-fade-out 0.25s ease both;pointer-events:none}:host(.banner){border-radius:0}.callout-inner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-radius:14px;position:relative;background:var(--callout-bg, #eff6ff);color:var(--callout-text, #1e3a8a);border:1px solid var(--callout-border, transparent);box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07));overflow:hidden}:host(.compact) .callout-inner{padding:8px 14px;gap:10px;border-radius:999px;align-items:center;grid-template-columns:auto auto 1fr auto}:host(.size-sm) .callout-inner{padding:6px 10px;border-radius:8px;gap:7px}:host(.size-sm) .callout-title,:host(.size-sm) .callout-message,:host(.size-sm) .callout-inline-message{font-size:0.78rem}:host(.size-sm) .callout-icon{width:22px;height:22px;font-size:1em}:host(.size-md) .callout-inner{padding:14px 18px;border-radius:14px;gap:12px}:host(.size-md) .callout-title,:host(.size-md) .callout-message,:host(.size-md) .callout-inline-message{font-size:0.95rem}:host(.size-md) .callout-icon{width:38px;height:38px;font-size:1.25em}:host(.size-lg) .callout-inner{padding:22px 28px;border-radius:22px;gap:18px}:host(.size-lg) .callout-title,:host(.size-lg) .callout-message,:host(.size-lg) .callout-inline-message{font-size:1.15rem}:host(.size-lg) .callout-icon{width:54px;height:54px;font-size:1.5em}:host(.compact) .callout-icon{width:28px;height:28px;border-radius:50%}:host(.compact) .callout-title{font-size:0.85rem}.callout-inline-message{font-size:0.85rem;opacity:0.8;flex:1}:host(.banner) .callout-inner{border-radius:0;border-left:none;border-right:none;box-shadow:none}.callout-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--callout-icon-bg, rgba(255, 255, 255, 0.5))}.callout-content{display:flex;flex-direction:column;gap:3px;min-width:0}.callout-title{font-weight:600;letter-spacing:-0.01em;font-size:0.95rem;line-height:1.3}.callout-message{font-size:0.875rem;opacity:0.85;line-height:1.5}.callout-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.callout-close{background:transparent;border:none;padding:5px;flex-shrink:0;border-radius:999px;cursor:pointer;color:inherit;opacity:0.6;transition:opacity 0.15s ease, background 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.callout-close:hover{opacity:1;background:rgba(15, 23, 42, 0.08)}.callout-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;opacity:0.3;transform-origin:left center;animation:callout-progress linear both}:host(.outlined) .callout-inner{box-shadow:none;background:transparent;border-color:var(--callout-text, currentColor) !important}:host(.variant-info) .callout-inner{--callout-bg:#eff6ff;--callout-text:#1d4ed8;--callout-border:rgba(59, 130, 246, 0.3);--callout-icon-bg:rgba(59, 130, 246, 0.12);--callout-shadow:rgba(59, 130, 246, 0.08)}:host(.variant-success) .callout-inner{--callout-bg:#f0fdf4;--callout-text:#15803d;--callout-border:rgba(22, 163, 74, 0.3);--callout-icon-bg:rgba(22, 163, 74, 0.12);--callout-shadow:rgba(22, 163, 74, 0.08)}:host(.variant-warning) .callout-inner{--callout-bg:#fffbeb;--callout-text:#b45309;--callout-border:rgba(217, 119, 6, 0.3);--callout-icon-bg:rgba(217, 119, 6, 0.12);--callout-shadow:rgba(217, 119, 6, 0.08)}:host(.variant-danger) .callout-inner{--callout-bg:#fef2f2;--callout-text:#dc2626;--callout-border:rgba(220, 38, 38, 0.3);--callout-icon-bg:rgba(220, 38, 38, 0.12);--callout-shadow:rgba(220, 38, 38, 0.08)}:host(.variant-neutral) .callout-inner{--callout-bg:#f8fafc;--callout-text:#334155;--callout-border:rgba(100, 116, 139, 0.25);--callout-icon-bg:rgba(100, 116, 139, 0.1);--callout-shadow:rgba(15, 23, 42, 0.06)}@media (max-width: 640px){.callout-inner{grid-template-columns:auto 1fr auto;padding:12px 14px}}.callout-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--callout-icon-bg, rgba(255, 255, 255, 0.3));border-top-color:var(--callout-text, currentColor);border-radius:50%;animation:callout-spin 0.7s linear infinite;flex-shrink:0}:host(.no-icon) .callout-inner{grid-template-columns:1fr auto}:host(.compact.no-icon) .callout-inner{grid-template-columns:auto 1fr auto}:host(.pulse) .callout-inner{animation:callout-pulse 1.8s ease-in-out infinite}:host(.solid) .callout-close:hover{background:rgba(255, 255, 255, 0.15)}:host(.solid.variant-info) .callout-inner{--callout-bg:#1d4ed8;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(29, 78, 216, 0.3)}:host(.solid.variant-success) .callout-inner{--callout-bg:#15803d;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(21, 128, 61, 0.3)}:host(.solid.variant-warning) .callout-inner{--callout-bg:#d97706;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(217, 119, 6, 0.3)}:host(.solid.variant-danger) .callout-inner{--callout-bg:#dc2626;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(220, 38, 38, 0.3)}:host(.solid.variant-neutral) .callout-inner{--callout-bg:#334155;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.15);--callout-shadow:rgba(51, 65, 85, 0.3)}:host(.accent-bar) .callout-inner{border-left:4px solid var(--callout-text, currentColor);border-radius:0 14px 14px 0;padding-left:14px}:host(.accent-bar.banner) .callout-inner{border-radius:0}:host(.accent-bar.compact) .callout-inner{border-radius:0 999px 999px 0}:host(.sticky){position:sticky;top:0;z-index:200}.callout-progress.paused,:host(.paused) .callout-marquee-content{animation-play-state:paused}.callout-message.truncated{display:-webkit-box;-webkit-line-clamp:var(--callout-truncate-lines, 3);line-clamp:var(--callout-truncate-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.callout-show-more{background:none;border:none;padding:0;margin-top:4px;font-size:0.8rem;font-weight:600;color:var(--callout-text, currentColor);cursor:pointer;opacity:0.75;text-decoration:underline;text-underline-offset:2px;display:inline-block;line-height:1.4}.callout-show-more:hover{opacity:1}.callout-show-more:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}:host(.marquee) .callout-inner{overflow:hidden}.callout-marquee-track{display:flex;width:100%;overflow:hidden;user-select:none;gap:3rem;}.callout-marquee-group{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;gap:3rem;min-width:100%;animation:callout-scroll var(--marquee-speed, 18s) linear infinite;will-change:transform}.callout-marquee-item{display:flex;align-items:center;white-space:nowrap}@keyframes callout-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 3rem))}}:host(.paused) .callout-marquee-group{animation-play-state:paused}:host(.marquee) .callout-message{overflow:hidden}';export{s as ui_callout_banner}

package/dist/types/components/color-controller/color-controller.d.ts

@@ -1,24 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class ColorController {
-    /** Current color as a hex string */
-    value: string;
-    /** Label for the entire group */
-    label: string;
-    /** Emitted when any color channel changes */
-    colorChange: EventEmitter<string>;
-    r: number;
-    g: number;
-    b: number;
-    h: number;
-    s: number;
-    v: number;
-    hex: string;
-    handleValueUpdate(newValue: string): void;
-    componentWillLoad(): void;
-    private updateAllFromHex;
-    private emitChange;
-    private handleHexInput;
-    private handleRgbChange;
-    private handleHsvChange;
-    render(): any;
-}

package/dist/types/components/smart-location-dropdown/smart-location-dropdown.d.ts

@@ -1,119 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LocationLoader, LocationOption, LocationOptionInternal, LocationSearchEvent, LocationSelectionChangeEvent } from './types';
-export declare class SmartLocationDropdown {
-    hostElement: HTMLElement;
-    /** Location options as JSON string or array */
-    options: string | LocationOption[];
-    /** Selected value(s): single => 'id', multi => comma-separated ids */
-    value: string;
-    /** Enables multiple location selection */
-    multiSelect: boolean;
-    /** Placeholder text for trigger */
-    placeholder: string;
-    /** Enables searching */
-    searchable: boolean;
-    /** Search placeholder */
-    searchPlaceholder: string;
-    /** Disables control */
-    disabled: boolean;
-    /** Show clear action */
-    clearable: boolean;
-    /** Maximum dropdown height in px */
-    maxHeight: number;
-    /** Search debounce in ms */
-    debounceMs: number;
-    /** Max selected items in multi mode (0 = no limit) */
-    maxSelections: number;
-    /** Max results rendered */
-    resultLimit: number;
-    /** Show recent selections section */
-    showRecent: boolean;
-    /** Show favorites section */
-    showFavorites: boolean;
-    /** Persist recent/favorites in local storage */
-    persistState: boolean;
-    /** Storage key for persistent state */
-    storageKey: string;
-    /** Display full hierarchy path in options and selected tags */
-    showPath: boolean;
-    /** Show location type badges */
-    showTypeBadge: boolean;
-    /** Allow custom value creation from search */
-    allowCustomValue: boolean;
-    /** Force menu position to ignore transformed/positioned parent offsets */
-    ignoreParentPosition: boolean;
-    /** Portal menu to document.body (off by default to preserve shadow styling) */
-    portal: boolean;
-    /** Optional async remote location loader */
-    loadLocations?: LocationLoader;
-    /** Minimum characters required before async loader executes */
-    remoteMinChars: number;
-    isOpen: boolean;
-    parsedOptions: LocationOptionInternal[];
-    remoteOptions: LocationOptionInternal[];
-    selectedIds: Set<string>;
-    searchQuery: string;
-    loading: boolean;
-    loadError: string;
-    highlightedIndex: number;
-    menuLeft: number;
-    menuTop: number;
-    menuWidth: number;
-    dropdownPosition: 'top' | 'bottom';
-    recentIds: string[];
-    favoriteIds: string[];
-    locationChange: EventEmitter<LocationSelectionChangeEvent>;
-    locationSearch: EventEmitter<LocationSearchEvent>;
-    locationOpen: EventEmitter<void>;
-    locationClose: EventEmitter<void>;
-    locationLoadError: EventEmitter<{
-        query: string;
-        message: string;
-    }>;
-    locationCreate: EventEmitter<LocationOption>;
-    private searchDebounceTimer;
-    private searchInputRef?;
-    private menuElement?;
-    private optionsRefs;
-    private rafId;
-    private isPortaled;
-    private searchToken;
-    watchOptions(newValue: string | LocationOption[]): void;
-    watchValue(newValue: string): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
-    handleOutsideClick(event: MouseEvent): void;
-    handleResize(): void;
-    handleScroll(): void;
-    private normalizeOptions;
-    private tryParse;
-    private inferType;
-    private parseSelectedIds;
-    private get selectedOptions();
-    private getMergedOptions;
-    private get filteredOptions();
-    private get typeLabelMap();
-    private toggleDropdown;
-    private closeDropdown;
-    private schedulePositionUpdate;
-    private calculatePosition;
-    private cleanupPortal;
-    private onSearchInput_Custom;
-    private runRemoteSearch;
-    private emitSearchEvent;
-    private handleKeyDown;
-    private scrollToHighlighted;
-    private selectOption;
-    private removeSelectedId;
-    private clearSelection;
-    private toggleFavorite;
-    private touchRecent;
-    private persistCurrentState;
-    private restorePersistentState;
-    private syncValueAndEmit;
-    private createCustomLocation;
-    private getDisplayText;
-    private renderSelectedChips;
-    private renderOption;
-    render(): any;
-}

package/dist/types/components/smart-location-dropdown/types.d.ts

@@ -1,37 +0,0 @@
-export type LocationType = 'country' | 'state' | 'province' | 'city' | 'district' | 'postal' | 'custom';
-export interface LocationOption {
-    id: string | number;
-    label: string;
-    type?: LocationType;
-    code?: string;
-    parentId?: string | number;
-    disabled?: boolean;
-    timezone?: string;
-    countryCode?: string;
-    lat?: number;
-    lng?: number;
-    tags?: string[];
-    children?: LocationOption[];
-    meta?: Record<string, any>;
-}
-export interface LocationOptionInternal extends LocationOption {
-    idStr: string;
-    parentIdStr?: string;
-    type: LocationType;
-    depth: number;
-    pathLabels: string[];
-    searchText: string;
-}
-export interface LocationSelectionChangeEvent {
-    value: string;
-    selected: LocationOption[];
-    trigger: 'select' | 'clear' | 'remove' | 'programmatic';
-    query: string;
-}
-export interface LocationSearchEvent {
-    query: string;
-    localResults: number;
-    remoteResults: number;
-    loading: boolean;
-}
-export type LocationLoader = (query: string) => Promise<LocationOption[]>;