atomicuilibrary 0.0.1 → 0.1.3

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

@@ -0,0 +1 @@
+import{r as t,c as o,a as r,h as e,H as i}from"./p-Dqu2zaH1.js";import{c as n}from"./p-DFBTWhGw.js";const d=new class{container;politeRegion;assertiveRegion;constructor(){this.init()}init(){const t=document.getElementById("aria-live-regions");if(t)return this.container=t,this.politeRegion=document.getElementById("aria-live-polite"),void(this.assertiveRegion=document.getElementById("aria-live-assertive"));this.container=document.createElement("div"),this.container.id="aria-live-regions",this.container.style.position="absolute",this.container.style.width="1px",this.container.style.height="1px",this.container.style.padding="0",this.container.style.margin="-1px",this.container.style.overflow="hidden",this.container.style.clip="rect(0, 0, 0, 0)",this.container.style.whiteSpace="nowrap",this.container.style.border="0",this.politeRegion=this.createRegion("polite"),this.assertiveRegion=this.createRegion("assertive"),this.container.appendChild(this.politeRegion),this.container.appendChild(this.assertiveRegion),document.body.appendChild(this.container)}createRegion(t){const o=document.createElement("div");return o.id=`aria-live-${t}`,o.setAttribute("aria-live",t),o.setAttribute("aria-atomic","true"),o}announce(t,o="polite"){this.container||this.init();const r="assertive"===o?this.assertiveRegion:this.politeRegion;r.textContent="",setTimeout((()=>{r.textContent=t}),50)}},a=class{constructor(r){t(this,r),this.valueChange=o(this,"valueChange"),this.dropdownOpen=o(this,"dropdownOpen"),this.dropdownClose=o(this,"dropdownClose")}get hostElement(){return r(this)}options=[];placeholder="Select an option";multiSelect=!1;cascading=!1;value="";disabled=!1;searchable=!1;maxHeight=300;size="md";appearance="dropdown";variant="default";chipView=!1;showArrow;ignoreParentPosition=!0;clearable;fullWidth=!1;fitContent=!1;menuWidth;loading=!1;invalid=!1;helperText;errorMessage;searchPlaceholder="Search...";iconLibrary="ionicons";showPath=!1;highFidelity=!0;rtl=!1;shape="default";showSelectedMarker=!0;selectedMarkerIcon="check";selectedMarkerLibrary="lucide";selectedMarkerLabel="";selectedMarkerColor="";isOpen=!1;parsedOptions=[];selectedValues=new Set;searchQuery="";expandedNodes=new Set;dropdownPosition="bottom";menuLeft=0;menuTop=0;computedMenuWidth=0;menuMaxHeight=0;highlightedIndex=-1;nestedPath=[];optionsRef=[];searchInputRef;searchDebounce;menuElement;rafId=null;deferredPositionRafId=null;isPortaled=!1;lastWheelTimestamp=0;handleDocumentClick=t=>{if(!this.isOpen)return;const o=t.composedPath(),r=o.some((t=>t===this.hostElement)),e=this.menuElement&&o.some((t=>t===this.menuElement||t instanceof Node&&this.menuElement.contains(t)));r||e||this.closeDropdown()};expandAll=!1;skeleton=!1;showSelectAll=!1;selectAllLabel="Select All";textColor="";virtualScroll=!1;caseSensitive=!1;label="";valueChange;dropdownOpen;dropdownClose;handleOptionsChange(t){this.parseOptions(t),this.syncNestedPath()}handleValueChange(t){this.updateSelectedValues(t),this.syncNestedPath()}handleSearchQueryChange(){clearTimeout(this.searchDebounce),this.searchDebounce=setTimeout((()=>{const t=this.getVisibleOptionCount();d.announce(`${t} option${1!==t?"s":""} found`)}),300)}componentWillLoad(){this.parseOptions(this.options),this.updateSelectedValues(this.value),this.syncNestedPath(),this.expandAll&&this.cascading&&this.expandAllNodes(this.parsedOptions)}expandAllNodes(t){t.forEach((t=>{t.children&&(this.expandedNodes.add(t.value.toString()),this.expandAllNodes(t.children))})),this.expandedNodes=new Set(this.expandedNodes)}async open(){this.isOpen||this.toggleDropdown()}componentDidUpdate(){this.deferPositionRecalculation()}connectedCallback(){this.handleViewportChange=this.handleViewportChange.bind(this),this.handleScrollChange=this.handleScrollChange.bind(this),window.addEventListener("scroll",this.handleScrollChange,!0),window.addEventListener("resize",this.handleViewportChange),document.addEventListener("click",this.handleDocumentClick,!0),window.addEventListener("popstate",this.closeDropdown),window.addEventListener("hashchange",this.closeDropdown)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollChange,!0),window.removeEventListener("resize",this.handleViewportChange),document.removeEventListener("click",this.handleDocumentClick,!0),window.removeEventListener("popstate",this.closeDropdown),window.removeEventListener("hashchange",this.closeDropdown),this.cleanupPortal()}getOptionId(t){return`dropdown-option-${t}`}handleKeyDown=t=>{if(!this.disabled)if(this.searchable||1!==t.key.length||!this.isOpen)switch(t.key){case"Enter":case" ":if(this.isOpen){if(this.highlightedIndex>=0){t.preventDefault();const o=this.getVisibleOptions();o[this.highlightedIndex]&&this.handleOptionClick(o[this.highlightedIndex],t)}}else t.preventDefault(),this.toggleDropdown();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){const t=this.getVisibleOptionCount();this.highlightedIndex=Math.min(this.highlightedIndex+1,t-1),this.scrollToHighlighted()}else this.toggleDropdown();break;case"ArrowUp":t.preventDefault(),this.isOpen&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.scrollToHighlighted());break;case"Escape":this.isOpen&&(t.preventDefault(),this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus());break;case"Tab":this.isOpen&&this.closeDropdown()}else{const o=t.key.toLowerCase(),r=this.getVisibleOptions(),e=this.highlightedIndex+1,i=[...r.slice(e),...r.slice(0,e)].findIndex((t=>(t.label??"").toLowerCase().startsWith(o)));if(-1!==i){let t=e+i;t>=r.length&&(t-=r.length),this.highlightedIndex=t,this.scrollToHighlighted(),d.announce(r[t].label??"")}}};getVisibleOptions(){if(this.isNestedMenuVariant())return this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).flat();const t=[],o=r=>{r.forEach((r=>{t.push(r),r.children&&(this.expandedNodes.has(r.value?.toString()??"")||this.searchQuery)&&o(r.children)}))};return this.cascading?o(this.filterOptions(this.parsedOptions)):this.filterOptions(this.parsedOptions).forEach((o=>t.push(o))),t}getVisibleOptionCount(){return this.getVisibleOptions().length}scrollToHighlighted(){const t=this.optionsRef[this.highlightedIndex];t&&t.scrollIntoView({block:"nearest"})}isNestedMenuVariant(){return"nested-menu"===this.variant&&this.cascading&&!this.searchQuery}findOptionPathByValue(t,o,r=[]){for(const e of t){const t=e.value?.toString()??"",i=t?[...r,t]:[...r];if(t===o)return i;if(e.children){const t=this.findOptionPathByValue(e.children,o,i);if(t)return t}}return null}syncNestedPath(){if("nested-menu"!==this.variant||!this.cascading)return void(this.nestedPath=[]);const t=Array.from(this.selectedValues)[0];this.nestedPath=t?this.findOptionPathByValue(this.parsedOptions,t)??[]:[]}setNestedPath(t,o){const r=this.nestedPath.slice(0,t);r[t]=o,this.nestedPath=r}getNestedMenuLevels(t){const o=[];let r=t;r.length>0&&o.push(r);for(let t=0;t<this.nestedPath.length;t++){const e=this.nestedPath[t],i=r.find((t=>(t.value?.toString()??"")===e));if(!i?.children?.length)break;r=i.children,o.push(r)}return o}getNestedMenuEstimatedWidth(){return("sm"===this.size?190:"lg"===this.size?260:220)*Math.max(1,this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).length)}parseOptions(t){let o=[];if("string"==typeof t&&t.length>0)try{o=JSON.parse(t)}catch(t){console.error("Invalid JSON for dropdown options:",t),o=[]}else if(Array.isArray(t)&&t.length>0)o=t;else{const t=Array.from(this.hostElement.querySelectorAll("option"));o=t.length>0?t.map((t=>({label:t.textContent||"",value:t.value||t.textContent||"",disabled:t.disabled,...t.dataset.icon?{icon:t.dataset.icon}:{},...t.dataset.subtitle?{subtitle:t.dataset.subtitle}:{},...t.dataset.description?{description:t.dataset.description}:{},...t.dataset.group?{group:t.dataset.group}:{}}))):[]}const r=[];o.forEach((t=>{t.options&&Array.isArray(t.options)?t.options.forEach((o=>{r.push({...o,group:t.label})})):r.push(t)})),this.parsedOptions=r}updateSelectedValues(t){this.selectedValues=t?this.multiSelect?new Set(t.split(",").filter((t=>t))):new Set([t]):new Set}handleTriggerWheel=()=>{this.lastWheelTimestamp=performance.now()};toggleDropdown=t=>{if(this.disabled)return;if(!this.isOpen&&t){if(0!==t.button)return;if(performance.now()-this.lastWheelTimestamp<180)return}const o=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!o)return;const r=o.getBoundingClientRect();if(0!==r.width||0!==r.height)if(this.isOpen=!this.isOpen,this.isOpen){if(this.dropdownOpen.emit(),this.highlightedIndex=-1,"nested-menu"===this.variant&&this.cascading&&this.syncNestedPath(),this.schedulePositionUpdate(),!this.multiSelect&&this.selectedValues.size>0){const t=this.getVisibleOptions().findIndex((t=>this.selectedValues.has(t.value?.toString()??"")));-1!==t&&(this.highlightedIndex=t)}setTimeout((()=>{this.calculateDropdownPosition(),this.searchable&&this.searchInputRef&&this.searchInputRef.focus()}),50)}else this.closeDropdown()};schedulePositionUpdate(){null!==this.rafId&&cancelAnimationFrame(this.rafId);const t=performance.now(),o=r=>{this.isOpen?(this.calculateDropdownPosition(),this.rafId=r-t<250?requestAnimationFrame(o):null):this.rafId=null};this.rafId=requestAnimationFrame(o)}deferPositionRecalculation(){this.isOpen&&this.menuElement?(null!==this.deferredPositionRafId&&cancelAnimationFrame(this.deferredPositionRafId),this.deferredPositionRafId=requestAnimationFrame((()=>{this.deferredPositionRafId=null,this.isOpen&&this.menuElement&&this.calculateDropdownPosition()}))):null!==this.deferredPositionRafId&&(cancelAnimationFrame(this.deferredPositionRafId),this.deferredPositionRafId=null)}cleanupPortal(){null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),null!==this.deferredPositionRafId&&(cancelAnimationFrame(this.deferredPositionRafId),this.deferredPositionRafId=null),this.isPortaled&&this.menuElement&&this.menuElement.parentElement===document.body&&(this.hostElement.appendChild(this.menuElement),this.isPortaled=!1)}handleViewportChange(){this.isOpen&&this.calculateDropdownPosition()}handleScrollChange(t){if(!this.isOpen)return;const o=t.target;o instanceof Node&&this.menuElement&&(o===this.menuElement||this.menuElement.contains(o))||o instanceof Node&&this.hostElement&&(o===this.hostElement||this.hostElement.contains(o))||this.calculateDropdownPosition()}parseConfiguredMenuWidth(){if(null==this.menuWidth)return{};if("number"==typeof this.menuWidth&&Number.isFinite(this.menuWidth))return{cssWidth:`${this.menuWidth}px`,pixelWidth:this.menuWidth};const t=String(this.menuWidth).trim();if(!t)return{};if(/^\d+(?:\.\d+)?$/.test(t)){const o=Number(t);return{cssWidth:`${o}px`,pixelWidth:o}}return/^\d+(?:\.\d+)?px$/i.test(t)?{cssWidth:t,pixelWidth:parseFloat(t)}:{cssWidth:t}}getMenuStyle(t){const o=this.parseConfiguredMenuWidth(),r=this.computedMenuWidth>0?`${this.computedMenuWidth}px`:void 0,e=this.menuMaxHeight>0?this.menuMaxHeight:this.maxHeight||300,i=this.hostElement.closest("ui-dialog-box");let n=10001;i&&(n=(i.zIndex||1e4)+20);const d={left:`${this.menuLeft}px`,maxWidth:"calc(100vw - 16px)",maxHeight:`${e}px`,visibility:t?"visible":0===this.menuLeft&&0===this.menuTop?"hidden":"visible",top:`${this.menuTop}px`,zIndex:`${n}`};return o.cssWidth?{...d,width:o.cssWidth}:{...d,width:"max-content",minWidth:r}}shouldPortalMenu(){return!0}calculateDropdownPosition(){if(!this.hostElement||!this.isOpen||!this.menuElement)return;const t=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!t)return;const o=t.getBoundingClientRect();if(0===o.width&&0===o.height)return this.menuLeft=0,this.menuTop=0,this.computedMenuWidth=0,void(this.dropdownPosition="bottom");const r=this.parseConfiguredMenuWidth(),e=t.offsetWidth||o.width,i=this.menuElement&&this.menuElement.offsetWidth||0,d=r.pixelWidth?r.pixelWidth:this.isNestedMenuVariant()?Math.max(e,this.getNestedMenuEstimatedWidth()):Math.max(e,i),a=this.shouldPortalMenu();a&&this.menuElement.parentElement!==document.body?(document.body.appendChild(this.menuElement),this.isPortaled=!0):!a&&this.isPortaled&&this.cleanupPortal();const s=this.maxHeight||300,p=this.menuElement.offsetHeight||s,l=window.innerHeight-o.bottom-4-8,h=o.top-4-8,c=l<Math.min(s,p)&&h>l?"top":"bottom",{left:g,top:u,placement:m,availableHeight:w}=n(t,{menuWidth:d,menuHeight:s,actualMenuHeight:Math.min(p,s),actualMenuWidth:this.menuElement?this.menuElement.offsetWidth:void 0,gap:4,placement:c,useTransformedAncestorOffset:!a||!this.ignoreParentPosition}),b=Math.max(80,Math.min(s,w||("top"===c?h:l)));let x=g,f=u;a||(x=g,f=u),this.menuLeft===x&&this.menuTop===f&&this.computedMenuWidth===e&&this.dropdownPosition===m&&this.menuMaxHeight===b||(this.menuLeft=x,this.menuTop=f,this.computedMenuWidth=e,this.dropdownPosition="top"===m?"top":"bottom",this.menuMaxHeight=b)}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.dropdownClose.emit(),this.searchQuery="",this.cleanupPortal())};handleOptionClick=(t,o)=>{if(o.stopPropagation(),!t.disabled)if(this.cascading&&t.children&&t.children.length>0){if(this.isNestedMenuVariant()){const o=this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).findIndex((o=>o.some((o=>(o.value?.toString()??"")===(t.value?.toString()??"")))));return void this.setNestedPath(-1===o?0:o,t.value?.toString()??"")}this.toggleNode(t.value?.toString()??"")}else{if(this.multiSelect){const o=new Set(this.selectedValues),r=t.value?.toString()??"";o.has(r)?(o.delete(r),d.announce(`Deselected ${t.label}`)):(o.add(r),d.announce(`Selected ${t.label}`)),this.selectedValues=o,this.value=Array.from(o).join(",")}else{const o=t.value?.toString()??"";this.selectedValues=new Set([o]),this.value=o,this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus(),d.announce(`Selected ${t.label}`)}this.emitChangeEvent()}};toggleNode=t=>{const o=new Set(this.expandedNodes);o.has(t)?o.delete(t):o.add(t),this.expandedNodes=o};handleClear=t=>{t.stopPropagation(),this.selectedValues=new Set,this.value="",this.emitChangeEvent(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus()};handleSearchInput=t=>{this.searchQuery=t.target.value.toLowerCase()};emitChangeEvent(){const t=this.getSelectedOptions();this.valueChange.emit({value:this.value,selectedOptions:t})}getSelectedOptions(){const t=[],o=r=>{r.forEach((r=>{this.selectedValues.has(r.value?.toString()??"")&&t.push(r),r.children&&o(r.children)}))};return o(this.parsedOptions),t}getSelectedDescendantCount(t){if(!t.children)return 0;let o=0;const r=t=>{t.forEach((t=>{this.selectedValues.has(t.value?.toString()??"")&&o++,t.children&&r(t.children)}))};return r(t.children),o}filterOptions(t){return this.searchQuery?t.filter((t=>{const o=this.caseSensitive?this.searchQuery:this.searchQuery.toLowerCase(),r=this.caseSensitive?t.label??"":(t.label??"").toLowerCase(),e=this.caseSensitive?t.subtitle||"":(t.subtitle||"").toLowerCase(),i=this.caseSensitive?t.description||"":(t.description||"").toLowerCase(),n=this.caseSensitive?t.group||"":(t.group||"").toLowerCase(),d=r.includes(o),a=e.includes(o),s=i.includes(o),p=n.includes(o),l=t.children&&this.filterOptions(t.children).length>0;return d||a||s||p||l})).map((t=>({...t,children:t.children?this.filterOptions(t.children):void 0}))):t}getIconSize(t){let o="md";return"sm"!==this.size&&"md"!==this.size&&"lg"!==this.size||(o=this.size),{sm:{main:"14px",sub:"12px",marker:"16px"},md:{main:"16px",sub:"14px",marker:"18px"},lg:{main:"18px",sub:"16px",marker:"20px"}}[o][t]}highlightMatches(t){if(!this.searchQuery||!t)return t;const o=this.searchQuery.toLowerCase(),r=t.toLowerCase().indexOf(o);return-1===r?t:e("span",null,t.substring(0,r),e("span",{class:"dropdown-search-highlight"},t.substring(r,r+o.length)),t.substring(r+o.length))}renderOption(t,o=0,r={current:0}){if(t.isSeparator)return e("div",{class:"dropdown-separator"});const i=this.selectedValues.has(t.value?.toString()??""),n=!!(this.cascading&&t.children&&t.children.length>0),d=r.current;r.current++;const a=d===this.highlightedIndex,s=this.getOptionId(d);return e("div",{class:"dropdown-option-wrapper",key:t.value?.toString()??"",role:"option",id:s,"aria-selected":i?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"ui-dropdown-option-selected":i,"dropdown-option-highlighted":a,"dropdown-option-disabled":!!t.disabled,"dropdown-option-parent":n},style:{paddingLeft:"16px",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:"12px",boxSizing:"border-box",width:"100%",whiteSpace:"nowrap",...i?{backgroundColor:"var(--dd-selected-bg)",color:"var(--dd-selected-text)",borderRadius:"12px"}:{}},onClick:o=>this.handleOptionClick(t,o),ref:t=>{t&&(this.optionsRef[d]=t)}},(this.multiSelect&&!n||t.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!n&&e("div",{class:{"dropdown-checkbox":!0,checked:i,"dropdown-checkbox-selected":i}},i&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),t.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof t.icon?e("ui-icon",{name:t.icon,library:t.iconLibrary,size:this.getIconSize("main")}):t.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:{"dropdown-option-content":!0,"dropdown-content-parent":n}},e("div",{class:"dropdown-option-label"},this.highlightMatches(t.label??"")),(t.subtitle||t.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(t.subtitle??t.description??"")))),e("div",{class:"dropdown-option-right"},t.rightTag&&e("ui-tag",{label:t.rightTag,color:t.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),t.rightIcon&&e("span",{class:"dropdown-option-right-icon"},e("ui-icon",{name:t.rightIcon,library:t.rightIconLibrary,size:this.getIconSize("sub")})),n&&e("div",{class:"dropdown-expand-group"},this.multiSelect&&(()=>{const o=this.getSelectedDescendantCount(t);return o>0?e("span",{class:"dropdown-badge"},o):null})(),e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:this.expandedNodes.has(t.value?.toString()??"")}})),!this.multiSelect&&!n&&this.showSelectedMarker&&e("span",{class:"ui-dropdown-selected-marker-wrap",style:i?{}:{visibility:"hidden"}},e("ui-icon",{name:this.selectedMarkerIcon,library:this.selectedMarkerLibrary,size:this.getIconSize("marker"),class:"ui-dropdown-selected-marker",color:this.selectedMarkerColor||"var(--dd-selected-icon)"}),this.selectedMarkerLabel&&e("span",{class:"ui-dropdown-selected-marker-label"},this.selectedMarkerLabel)))),n&&this.expandedNodes.has(t.value?.toString()??"")&&e("div",{class:"dropdown-children"},t.children?.map((t=>this.renderOption(t,o+1,r)))))}renderChips(){const t=this.getSelectedOptions();return 0===t.length?this.placeholder:e("div",{class:"dropdown-chips"},t.map((t=>e("ui-tag",{label:t.label??"",size:"sm",color:"primary",variant:"light",removable:!0,animation:"slide",onTagRemove:o=>{o.stopPropagation(),this.handleOptionClick(t,o)}}))))}getDisplayText(){if(0===this.selectedValues.size)return this.placeholder;if(this.multiSelect){if(this.chipView)return this.renderChips();const t=this.getSelectedOptions();return 1===t.length?t[0].label:`${t.length} items selected`}{const t=this.getSelectedOptions();if(t.length>0){const o=t[0];return"detailed"===this.variant&&o.icon?e("div",{class:"dropdown-trigger-content"},e("ui-icon",{name:o.icon,library:o.iconLibrary||this.iconLibrary,size:"18px",class:"dropdown-trigger-icon"}),e("span",{class:"dropdown-trigger-label"},o.label)):o.label}return this.placeholder}}renderValidationSubstrate(){return this.invalid&&this.errorMessage?e("div",{class:"dropdown-helper-text dropdown-error-text"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),e("span",null,this.errorMessage)):this.helperText?e("div",{class:"dropdown-helper-text"},this.helperText):null}render(){if(this.skeleton)return e("div",{class:{"dropdown-container":!0,"dropdown-skeleton":!0,[`dropdown-${this.size}`]:!0,"dropdown-full-width":this.fullWidth,"dropdown-fit-content":this.fitContent,[`variant-${this.variant}`]:!0}},e("div",{class:"dropdown-trigger"},e("div",{class:"dropdown-skeleton-text"}),e("div",{class:"dropdown-skeleton-icon"})));const t=this.filterOptions(this.parsedOptions),o=this.selectedValues.size>0,r=void 0!==this.showArrow?this.showArrow:"button"!==this.appearance,i=void 0!==this.clearable?this.clearable:this.multiSelect&&!this.chipView,n=this.isOpen&&this.highlightedIndex>=0?this.getOptionId(this.highlightedIndex):void 0,d=!this.shouldPortalMenu();let a={};return a.color=this.textColor&&o?this.textColor:"var(--dd-text, var(--color-on-surface, #10213a))",e("div",{class:{"dropdown-container":!0,[`dropdown-${this.size}`]:!0,[`variant-${this.variant}`]:!0,"dropdown-disabled":this.disabled,"dropdown-open":this.isOpen,"dropdown-invalid":this.invalid,"dropdown-appearance-button":"button"===this.appearance,"dropdown-full-width":this.fullWidth,"dropdown-fit-content":this.fitContent,"dropdown-has-chips":this.chipView&&this.multiSelect&&o,"dropdown-rtl":this.rtl,[`dropdown-shape-${this.shape}`]:"default"!==this.shape},dir:this.rtl?"rtl":"ltr"},this.label&&e("label",{class:"dropdown-label"},this.label),e("div",{class:"dropdown-trigger",onClick:t=>this.toggleDropdown(t),onWheel:this.handleTriggerWheel,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":"dropdown-list","aria-label":this.placeholder,"aria-activedescendant":n},e("slot",{name:"prefix"}),e("div",{class:{"dropdown-display":!0,"dropdown-placeholder":!o},style:a},this.getDisplayText()),e("div",{class:"dropdown-icons"},this.loading&&e("span",{class:"dropdown-spinner"},e("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"16px"})),o&&i&&!this.disabled&&e("span",{class:"dropdown-clear",onClick:this.handleClear,tabIndex:0,role:"button","aria-label":"Clear selection",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),this.handleClear(t))}},e("ui-icon",{name:"x",library:"lucide",size:this.getIconSize("sub")})),r&&e("ui-icon",{name:"chevron-down",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-arrow":!0,open:this.isOpen}}))),this.renderValidationSubstrate(),this.isOpen&&e("div",{class:{"ui-dropdown-menu":!0,"ui-dropdown-menu--local":d,"dropdown-menu-top":"top"===this.dropdownPosition,[`dropdown-menu-${this.size}`]:!0,[`dropdown-menu-variant-${this.variant}`]:!0,"dropdown-menu-searchable":this.searchable,"dropdown-menu-cascading":this.cascading},id:"dropdown-list",role:"listbox","aria-multiselectable":this.multiSelect?"true":"false",ref:t=>{t&&(this.menuElement=t)},style:this.getMenuStyle(d)},this.searchable&&e("div",{class:"dropdown-search"},e("div",{class:"dropdown-search-container"},e("ui-icon",{name:"search",library:"lucide",size:"16px",class:"dropdown-search-icon"}),e("input",{type:"text",class:"dropdown-search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,ref:t=>{t&&(this.searchInputRef=t)},onKeyDown:this.handleKeyDown,"aria-activedescendant":n}))),e("div",{class:"dropdown-options"},this.renderBulkActions(t),t.length>0?this.renderMenuContents(t,{current:0}):e("div",{class:"dropdown-empty"},e("slot",{name:"empty-state"},"No options found")))))}isAllSelected(t){const o=t=>{let r=[];return t.forEach((t=>{r.push(t.value?.toString()??""),t.children&&(r=[...r,...o(t.children)])})),r},r=o(t);return 0!==r.length&&r.every((t=>this.selectedValues.has(t)))}toggleSelectAll(t){const o=t=>{let r=[];return t.forEach((t=>{r.push(t.value?.toString()??""),t.children&&(r=[...r,...o(t.children)])})),r},r=o(t),e=this.isAllSelected(t);r.forEach(e?t=>this.selectedValues.delete(t):t=>this.selectedValues.add(t)),this.selectedValues=new Set(this.selectedValues),this.value=Array.from(this.selectedValues).join(","),this.emitChangeEvent()}clearAllSelections(){this.selectedValues=new Set,this.value="",this.emitChangeEvent()}renderBulkActions(t){if(!this.multiSelect||this.searchQuery)return null;if(!(this.selectedValues.size>0))return null;const o=this.isAllSelected(t),r=!o;return e("div",{class:"dropdown-bulk-actions"},this.showSelectAll&&t.length>0&&e("div",{class:"dropdown-select-all",onClick:o=>{o.stopPropagation(),this.toggleSelectAll(t)}},e("div",{class:{"dropdown-checkbox":!0,"dropdown-checkbox-selected":o,"dropdown-checkbox-indeterminate":r}},o&&e("ui-icon",{name:"check",library:"lucide",size:"12px"}),r&&e("ui-icon",{name:"minus",library:"lucide",size:"12px"})),e("span",null,this.selectAllLabel)),e("div",{class:"dropdown-clear-all",onClick:t=>{t.stopPropagation(),this.clearAllSelections()}},e("ui-icon",{name:"trash-2",library:"lucide",size:"14px"}),e("span",null,"Clear All")))}renderNestedMenuContents(t,o){const r=this.getNestedMenuLevels(t);return e("div",{class:"dropdown-nested-columns"},r.map(((t,r)=>e("div",{class:"dropdown-nested-panel",key:`nested-level-${r}`},t.map((t=>{const i=!!t.children?.length,n=t.value?.toString()??"",d=this.selectedValues.has(n),a=this.nestedPath[r]===n,s=o.current;o.current++;const p=s===this.highlightedIndex,l=this.getOptionId(s);return e("div",{class:"dropdown-option-wrapper",key:`${n}-${r}`,role:"option",id:l,"aria-selected":d?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"dropdown-nested-option":!0,"ui-dropdown-option-selected":d,"dropdown-option-highlighted":p,"dropdown-option-disabled":!!t.disabled,"dropdown-option-parent":i,"dropdown-nested-option-active":a},onMouseEnter:()=>{i&&this.setNestedPath(r,n)},onClick:o=>this.handleOptionClick(t,o),ref:t=>{t&&(this.optionsRef[s]=t)}},(this.multiSelect&&!i||t.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!i&&e("div",{class:{"dropdown-checkbox":!0,checked:d,"dropdown-checkbox-selected":d}},d&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),t.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof t.icon?e("ui-icon",{name:t.icon,library:t.iconLibrary,size:this.getIconSize("main")}):t.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:"dropdown-option-content"},e("div",{class:"dropdown-option-label"},this.highlightMatches(t.label??"")),(t.subtitle||t.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(t.subtitle??t.description??"")))),e("div",{class:"dropdown-option-right"},t.rightTag&&e("ui-tag",{label:t.rightTag,color:t.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),i&&e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:a}}),!this.multiSelect&&!i&&this.showSelectedMarker&&e("span",{class:"ui-dropdown-selected-marker-wrap",style:d?{}:{visibility:"hidden"}},e("ui-icon",{name:this.selectedMarkerIcon,library:this.selectedMarkerLibrary,size:this.getIconSize("marker"),class:"ui-dropdown-selected-marker",color:this.selectedMarkerColor||"var(--dd-selected-icon)"}),this.selectedMarkerLabel&&e("span",{class:"ui-dropdown-selected-marker-label"},this.selectedMarkerLabel)))))}))))))}renderMenuContents(t,o){if(this.isNestedMenuVariant())return this.renderNestedMenuContents(t,o);const r=[];let i=null;return(this.virtualScroll?t.slice(0,50):t).forEach((t=>{t.group&&t.group!==i&&(r.push(e("div",{class:"dropdown-group-header"},t.group)),i=t.group),r.push(this.renderOption(t,0,o))})),this.virtualScroll&&t.length>50&&r.push(e("div",{class:"dropdown-more-info"},"Showing 50 of ",t.length," items. Use search to find more.")),r}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}],searchQuery:[{handleSearchQueryChange:0}]}}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:root{--dd-primary:var(--color-primary, #2563eb);--dd-border:var(--border-default, #cfd8e3);--dd-border-strong:var(--border-strong, #b4c1d1);--dd-focus:var(--color-primary-hover, #2563eb);--dd-text:var(--label-color, var(--text-primary, var(--color-on-surface, #10213a)));--dd-muted:var(--label-subtitle-color, var(--text-secondary, var(--color-on-surface-muted, #62748a)));--dd-bg:var(--bg-primary, #ffffff);--dd-panel:rgba(255, 255, 255, 0.98);--dd-panel-solid:var(--bg-primary, #ffffff);--dd-hover:var(--bg-hover, var(--bg-secondary, #f3f8ff));--dd-selected:var(--dropdown-selected-bg, var(--bg-selected, var(--color-primary-subtle, rgba(37, 99, 235, 0.1))));--dd-selected-bg:var(--dropdown-selected-bg, var(--bg-selected, var(--color-primary-subtle, rgba(37, 99, 235, 0.1))));--dd-selected-text:var(--dropdown-selected-text, var(--color-primary, var(--text-primary, #2563eb)));--dd-selected-icon:var(--dropdown-selected-icon, var(--color-primary, var(--text-primary, #2563eb)));--dd-selected-border:var(--dropdown-selected-border, var(--color-primary-subtle, var(--border-strong, #3b82f6)));--dd-transition:all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);--dd-error:var(--color-danger, #ef4444);--dd-radius-sm:8px;--dd-radius-md:10px}.dark,[data-theme=dark],[data-theme=violet],[data-theme=pink],[data-theme=blue],[data-theme=green],[data-theme=yellow]{--dd-text:var(--label-color, #f1f5f9);--dd-muted:var(--label-subtitle-color, #cbd5e1);--dd-bg:var(--bg-primary, #1e293b);--dd-panel:rgba(30, 41, 59, 0.98);--dd-panel-solid:var(--bg-primary, #1e293b);--dd-hover:var(--bg-hover, #334155);--dd-border:var(--border-default, #334155);--dd-border-strong:var(--border-strong, #475569)}.dropdown-label{display:block;font-size:11px;font-weight:700;color:var(--dd-text);margin-bottom:8px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.65;cursor:default}.dropdown-container{position:relative;display:inline-flex;flex-direction:column;width:max-content;min-width:50px;vertical-align:middle}.dropdown-full-width{width:100%;display:block;}.dropdown-fit-content{width:max-content;min-width:unset}.dropdown-fit-content .ui-dropdown-menu{width:max-content;min-width:100%;white-space:nowrap}.dropdown-fit-content .dropdown-trigger{width:max-content}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-primary, #ffffff);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);cursor:pointer;transition:var(--dd-transition);-webkit-user-select:none;user-select:none;gap:12px;padding:0 16px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);color:var(--dd-text);font-weight:500;line-height:normal;box-sizing:border-box}.dropdown-trigger:hover{border-color:var(--dd-border-strong);box-shadow:0 10px 22px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.dropdown-open .dropdown-trigger{border-color:var(--dd-focus);background:var(--dd-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.dropdown-disabled .dropdown-trigger{background:var(--bg-secondary, #f1f5f9);cursor:not-allowed;opacity:0.7;border-color:var(--dd-border);box-shadow:none}.dropdown-disabled .dropdown-trigger:hover{background:var(--bg-secondary, #f1f5f9)}.dropdown-xxxs .dropdown-trigger{padding:0 6px;font-size:11px;min-height:20px;height:20px;border-radius:var(--dd-radius-sm)}.dropdown-xxs .dropdown-trigger{padding:0 8px;font-size:12px;min-height:24px;height:24px;border-radius:var(--dd-radius-sm)}.dropdown-xs .dropdown-trigger{padding:0 10px;font-size:13px;min-height:28px;height:28px;border-radius:var(--dd-radius-sm)}.dropdown-sm .dropdown-trigger{padding:0 12px;font-size:13px;min-height:32px;height:32px;border-radius:var(--dd-radius-sm)}.dropdown-md .dropdown-trigger{padding:0 16px;font-size:14px;min-height:40px;height:40px;border-radius:var(--dd-radius-md)}.dropdown-lg .dropdown-trigger{padding:0 20px;font-size:15px;min-height:44px;height:44px;border-radius:var(--dd-radius-md)}.dropdown-xl .dropdown-trigger{padding:0 24px;font-size:16px;min-height:48px;height:48px;border-radius:var(--dd-radius-md)}.dropdown-xxl .dropdown-trigger{padding:0 28px;font-size:18px;min-height:54px;height:54px;border-radius:12px}.dropdown-xxxl .dropdown-trigger{padding:0 32px;font-size:20px;min-height:64px;height:64px;border-radius:14px}.dropdown-shape-square .dropdown-trigger,.dropdown-shape-square .dropdown-menu{border-radius:0 !important}.dropdown-shape-rounded .dropdown-trigger,.dropdown-shape-rounded .dropdown-menu{border-radius:20px !important}.dropdown-shape-pill .dropdown-trigger{border-radius:999px !important}.dropdown-shape-pill .dropdown-menu{border-radius:28px !important}.dropdown-appearance-button .dropdown-trigger{background:var(--dd-primary);border-color:var(--dd-primary);color:var(--color-primary-text, var(--dd-text, #ffffff));box-shadow:0 4px 14px 0 rgba(var(--color-primary-rgb, 37, 99, 235), 0.39)}.dropdown-appearance-button .dropdown-trigger:hover{background:var(--color-primary, #1d4ed8);border-color:var(--color-primary, #1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 37, 99, 235), 0.23)}.dropdown-appearance-button .dropdown-trigger:active{transform:translateY(0)}.variant-glass .dropdown-trigger{background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07)}.variant-glass .dropdown-trigger:hover{background:rgba(255, 255, 255, 0.12);border-color:rgba(255, 255, 255, 0.2)}.variant-glass .dropdown-display,.variant-glass .dropdown-placeholder{color:var(--text-standard, #ffffff)}.variant-glass.dropdown-open .dropdown-trigger{background:rgba(255, 255, 255, 0.15);border-color:var(--dd-focus)}.variant-toggle{min-width:unset !important}.variant-toggle .dropdown-trigger{background:transparent;border-color:transparent;padding:0 !important;min-height:unset !important;height:auto !important;box-shadow:none;gap:4px}.variant-toggle .dropdown-trigger:hover{background:var(--dd-hover);border-color:var(--dd-border)}.variant-toggle.dropdown-open .dropdown-trigger{background:var(--dd-hover);border-color:var(--dd-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.variant-toggle .dropdown-display{padding:2px}.dropdown-appearance-button .dropdown-display{color:var(--color-primary-text, var(--dd-text, #ffffff))}.dropdown-appearance-button .dropdown-clear,.dropdown-appearance-button .dropdown-arrow{color:var(--color-primary-text, var(--dd-text, #ffffff))}.dropdown-display{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.dropdown-has-chips .dropdown-trigger{height:auto;min-height:48px;padding:6px 16px}.dropdown-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;width:100%}.dropdown-placeholder{color:var(--label-subtitle-color, #91a0b4);font-weight:400}.dropdown-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.dropdown-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-primary, #eef4fb);color:var(--dd-muted);transition:var(--dd-transition)}.dropdown-clear:hover{background:var(--bg-primary, #e2ecf8);color:var(--dd-text)}.dropdown-arrow{display:flex;align-items:center;color:var(--dd-muted);transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.dropdown-arrow.open{transform:rotate(180deg);color:var(--dd-focus)}.ui-dropdown-menu{position:fixed;display:flex !important;flex-direction:column !important;gap:0;background:var(--bg-primary, #ffffff) !important;border:1px solid rgba(0, 0, 0, 0.08);border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1);z-index:10001;overflow:hidden;animation:dropdownPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);width:auto;min-width:0;container-type:inline-size;container-name:dropdown-menu}.ui-dropdown-menu--local{position:absolute}@keyframes dropdownPop{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-dropdown-menu.dropdown-menu-top{bottom:auto}.ui-dropdown-menu--local.dropdown-menu-top{top:auto;bottom:calc(100% + 8px)}.dropdown-menu-top{animation:dropdownPopTop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes dropdownPopTop{from{opacity:0;transform:translateY(-4px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{padding:12px;border-bottom:1px solid var(--border-subtle, #edf2f7);background:var(--dd-panel)}.dropdown-search-container{position:relative;display:flex;align-items:center}.dropdown-search-icon{position:absolute;left:12px;color:var(--dd-muted);pointer-events:none}.dropdown-search-input{width:100%;padding:11px 13px 11px 36px;background:var(--bg-primary, #f9fbfe);border:1px solid var(--border-default, #d4deea);border-radius:12px;font-size:14px;color:var(--dd-text);outline:none;transition:var(--dd-transition)}.dropdown-search-input::placeholder{color:var(--dd-muted);opacity:0.8}.dropdown-search-input:focus{background:var(--bg-primary, #ffffff);border-color:var(--dd-focus);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.dropdown-options{flex:1;min-height:0;overflow-y:auto;padding:8px;background:var(--dd-panel-solid)}.dropdown-menu-sm{border-radius:12px;--dd-option-min-height:28px;--dd-option-padding-y:8px;--dd-option-padding-x:12px;--dd-option-gap:10px;--dd-option-spacing-y:2px}.dropdown-menu-sm .dropdown-search{padding:8px}.dropdown-menu-sm .dropdown-search-input{min-height:34px;font-size:13px;padding:8px 12px 8px 34px}.dropdown-menu-sm .dropdown-options{padding:6px}.dropdown-menu-sm .dropdown-option-label{font-size:13px}.dropdown-menu-sm .dropdown-option-subtitle,.dropdown-menu-sm .dropdown-empty,.dropdown-menu-sm .dropdown-group-header,.dropdown-menu-sm .dropdown-bulk-actions,.dropdown-menu-sm .dropdown-select-all,.dropdown-menu-sm .dropdown-clear-all{font-size:12px}.dropdown-menu-md{border-radius:16px;--dd-option-min-height:30px;--dd-option-padding-y:10px;--dd-option-padding-x:16px;--dd-option-gap:12px;--dd-option-spacing-y:4px}.dropdown-menu-lg{border-radius:18px;--dd-option-min-height:32px;--dd-option-padding-y:12px;--dd-option-padding-x:18px;--dd-option-gap:14px;--dd-option-spacing-y:6px}.dropdown-menu-lg .dropdown-search{padding:14px}.dropdown-menu-lg .dropdown-search-input{min-height:46px;font-size:15px;padding:12px 14px 12px 40px}.dropdown-menu-lg .dropdown-options{padding:10px}.dropdown-menu-lg .dropdown-option-label{font-size:15px}.dropdown-menu-lg .dropdown-option-subtitle,.dropdown-menu-lg .dropdown-empty,.dropdown-menu-lg .dropdown-group-header,.dropdown-menu-lg .dropdown-bulk-actions,.dropdown-menu-lg .dropdown-select-all,.dropdown-menu-lg .dropdown-clear-all{font-size:14px}.dropdown-options::-webkit-scrollbar{width:5px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--color-primary, #cbd5e1);border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #94a3b8)}.dropdown-option-wrapper{position:relative}.ui-dropdown-option,.dropdowndata{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;gap:var(--dd-option-gap, 12px);background-color:transparent;transition:var(--dd-transition);border-radius:12px;margin:var(--dd-option-spacing-y, 4px) 0;padding:var(--dd-option-padding-y, 10px) var(--dd-option-padding-x, 16px);min-height:var(--dd-option-min-height, 48px);width:100%;box-sizing:border-box}.dropdown-menu-sm .ui-dropdown-option,.dropdown-menu-sm .dropdowndata{border-radius:10px}.dropdown-menu-lg .ui-dropdown-option,.dropdown-menu-lg .dropdowndata{border-radius:14px}.ui-dropdown-option:hover,.dropdowndata:hover,.dropdown-option-highlighted{background:var(--dd-hover);border-color:var(--color-primary, #d7e7ff);box-shadow:0 10px 24px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08);transform:translateY(-1px)}.ui-dropdown-option-selected{background:var(--dd-selected-bg) !important;color:var(--dd-selected-text) !important;font-weight:600;border-radius:12px;margin:4px 0;box-shadow:none !important}.ui-dropdown-option-selected .dropdown-option-label{color:var(--dd-selected-text) !important;font-weight:600 !important}.dropdown-option-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dropdown-option-parent{font-weight:600;letter-spacing:-0.01em}.dropdown-option-left{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}.dropdown-option-icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dd-muted);line-height:1}.dropdown-option-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;overflow:hidden;line-height:normal;padding:4px 0}.dropdown-option-text .dropdown-option-content{width:100%;min-width:0;overflow:hidden}.dropdown-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;color:var(--dd-text, var(--color-on-surface, #10213a))}.dropdown-option-subtitle{font-size:12px;color:var(--dd-muted, var(--color-on-surface-muted, #62748a));font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dropdown-option-description{font-size:12px;color:var(--dd-muted, var(--color-on-surface-muted, #62748a));font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dropdown-option-right{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto;gap:8px}.dropdown-option-right:empty{display:none}.dropdown-option-tag{flex-shrink:0}.dropdown-option-right-icon{display:flex;align-items:center;justify-content:center;color:var(--dd-muted);opacity:0.8}.ui-dropdown-selected-marker{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;animation:checkPop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-dropdown-selected-marker-wrap{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.ui-dropdown-selected-marker-label{font-size:11px;font-weight:500;color:var(--dd-selected-text);white-space:nowrap;animation:checkPop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes checkPop{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}.dropdown-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-primary, #cbd5e1);border-radius:5px;flex-shrink:0;transition:var(--dd-transition);background:var(--bg-primary, #ffffff);line-height:1}.dropdown-checkbox ui-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff)}.dropdown-option-selected .dropdown-checkbox,.dropdown-checkbox.checked,.dropdown-checkbox.dropdown-checkbox-selected{background:var(--dd-primary);border-color:var(--dd-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.dropdown-expand-icon{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--dd-muted);opacity:0.6}.dropdown-expand-icon.expanded{transform:rotate(90deg);color:var(--dd-primary);opacity:1}.dropdown-children{margin-left:20px;padding-left:12px;border-left:1px solid var(--dd-border);margin-top:-1px;margin-bottom:4px}.dropdown-empty{padding:32px 16px;font-size:14px}.dropdown-helper-text{margin-top:6px;font-size:12px;color:var(--dd-muted);display:flex;align-items:center;gap:6px;padding:0 4px}.dropdown-error-text{color:var(--dd-error);font-weight:500;animation:dropdownShake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.dropdown-invalid .dropdown-trigger{border-color:var(--dd-error)}.dropdown-invalid .dropdown-trigger:hover{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}@keyframes dropdownShake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.dropdown-spinner{display:flex;animation:dropdownSpin 1s linear infinite;color:var(--dd-primary)}@keyframes dropdownSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dropdown-group-header{padding:12px 14px 6px;font-size:11px;font-weight:700;color:var(--dd-muted);text-transform:uppercase;letter-spacing:0.05em;background:var(--dd-panel-solid)}.dropdown-select-all{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;font-weight:600;font-size:14px;color:var(--dd-primary);background:transparent;transition:var(--dd-transition);border-bottom:none;border-radius:10px;min-height:36px;flex:1;justify-content:flex-start}.dropdown-select-all.dropdown-select-all-with-clear{border-bottom:1px solid var(--dd-border)}.dropdown-select-all:hover{background:rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.dropdown-select-all .dropdown-checkbox{width:18px;height:18px;border:1px solid var(--dd-border-strong);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--dd-transition)}.dropdown-select-all .dropdown-checkbox.dropdown-checkbox-selected{background-color:var(--dd-primary);border-color:var(--dd-primary);color:#fff}.dropdown-select-all .dropdown-checkbox.dropdown-checkbox-indeterminate{background-color:var(--dd-primary);border-color:var(--dd-primary);color:#fff;opacity:0.7}.dropdown-skeleton{pointer-events:none}.dropdown-skeleton .dropdown-trigger{background:var(--bg-secondary, #f1f5f9);border-color:var(--border-subtle, #e2e8f0);box-shadow:none}.dropdown-skeleton .dropdown-skeleton-text{width:60%;height:14px;background:linear-gradient(90deg, var(--bg-primary, #e2e8f0) 25%, var(--bg-primary, #f8fafc) 50%, var(--bg-primary, #e2e8f0) 75%);background-size:200% 100%;animation:dropdownShimmer 1.5s infinite;border-radius:4px}.dropdown-skeleton .dropdown-skeleton-icon{width:16px;height:16px;background:var(--bg-primary, #e2e8f0);border-radius:4px}@keyframes dropdownShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.dropdown-separator{height:1px;background-color:var(--dd-border);margin:6px 10px;pointer-events:none}.dropdown-search-highlight{background-color:var(--bg-primary, #fef08a);color:var(--color-danger, #854d0e);border-radius:2px;padding:0 1px;font-weight:600}.dropdown-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--dd-border);background:linear-gradient(180deg, var(--bg-primary, #fbfdff) 0%, var(--bg-primary, #f8fafc) 100%);font-size:13px;gap:12px}.dropdown-clear-all{display:flex;align-items:center;gap:8px;color:var(--color-danger, #ef4444);cursor:pointer;padding:8px 10px;border-radius:10px;transition:all 0.2s;font-weight:500;min-height:36px;justify-content:center;white-space:nowrap}.dropdown-clear-all:hover{background-color:var(--bg-primary, #fef2f2);color:var(--color-danger-hover, #dc2626)}@container dropdown-menu (max-width: 220px){.dropdown-clear-all{padding:8px;gap:0;border-radius:8px}.dropdown-clear-all span{display:none}}.dropdown-menu-variant-nested-menu{overflow:visible}.dropdown-menu-variant-nested-menu .dropdown-options{overflow:visible;padding:6px}.dropdown-nested-columns{display:flex;align-items:stretch;min-width:max-content}.dropdown-nested-panel{min-width:210px;max-width:280px;padding:2px}.dropdown-nested-panel+.dropdown-nested-panel{border-left:1px solid var(--dd-border);margin-left:4px;padding-left:10px}.dropdown-menu-sm .dropdown-nested-panel{min-width:180px}.dropdown-menu-lg .dropdown-nested-panel{min-width:240px}.dropdown-nested-option{margin:2px 0}.dropdown-nested-option-active{background:var(--dd-hover);border-color:var(--dd-border-strong)}.variant-detailed .dropdown-trigger{border-color:var(--dd-border);border-radius:14px;min-height:48px;background:linear-gradient(180deg, var(--bg-primary, #ffffff) 0%, var(--bg-primary, #f8fbff) 100%);box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);font-weight:500}.variant-detailed .dropdown-trigger:hover{border-color:var(--dd-border-strong);box-shadow:0 10px 22px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.variant-detailed.dropdown-open .dropdown-trigger{border-color:var(--dd-focus);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 37, 99, 235), 0.14), 0 16px 32px rgba(var(--color-primary-rgb, 37, 99, 235), 0.14)}.variant-detailed .dropdown-menu{border-radius:20px !important;padding:6px !important;background:rgba(255, 255, 255, 0.98) !important;backdrop-filter:blur(20px) !important;box-shadow:0 20px 50px rgba(15, 23, 42, 0.22) !important}.variant-detailed .dropdown-options{padding:4px !important}.variant-detailed .ui-dropdown-option,.variant-detailed .dropdowndata{padding:12px 14px !important;border-radius:16px !important;margin:4px 0 !important;gap:14px !important;border:1px solid transparent !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important}.variant-detailed .ui-dropdown-option:hover,.variant-detailed .ui-dropdown-option.dropdown-option-highlighted,.variant-detailed .dropdowndata:hover,.variant-detailed .dropdowndata.dropdown-option-highlighted{background:var(--bg-primary, #f0f7ff) !important;border-color:var(--border-subtle, #dbeafe) !important;transform:translateY(-1.5px) !important;box-shadow:0 8px 16px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08) !important}.variant-detailed .ui-dropdown-option.ui-dropdown-option-selected,.variant-detailed .dropdowndata.ui-dropdown-option-selected{background:var(--dd-selected-bg) !important;border-color:var(--dd-selected-border) !important;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5) !important}.variant-detailed .ui-dropdown-option.ui-dropdown-option-selected .dropdown-option-label,.variant-detailed .dropdowndata.ui-dropdown-option-selected .dropdown-option-label{color:var(--dd-selected-text) !important;font-weight:700 !important}.variant-detailed .dropdown-option-label{font-size:14px !important;font-weight:600 !important;color:var(--text-primary, #1e293b) !important;margin-bottom:2px !important}.variant-detailed .dropdown-option-subtitle{font-size:11px !important;color:var(--text-muted, #64748b) !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:0.02em !important}.variant-detailed .dropdown-option-tag{font-size:10px !important;font-weight:700 !important;letter-spacing:0.05em !important;padding:4px 10px !important;border-radius:999px !important;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05) !important}.variant-detailed .dropdown-option-icon,.variant-detailed .dropdown-option-right-icon{font-size:20px !important;display:flex !important;align-items:center !important;justify-content:center !important}.variant-detailed .dropdown-option-right-icon{color:var(--color-primary, #cbd5e1) !important;transition:all 0.2s !important}.variant-detailed .dropdown-option-right-icon:hover{color:var(--color-warning, #f59e0b) !important;transform:scale(1.1) !important}.variant-detailed .ui-dropdown-selected-marker{display:inline-flex !important;align-items:center !important;justify-content:center !important;color:var(--dd-primary) !important;background:var(--bg-primary, #dbeafe) !important;padding:4px !important;border-radius:50% !important;flex-shrink:0 !important}.variant-detailed .dropdown-trigger-content{display:flex !important;align-items:center !important;gap:10px !important}.variant-detailed .dropdown-trigger-icon{color:var(--dd-primary, var(--color-primary, #10b981)) !important;font-size:18px !important;flex-shrink:0 !important}.variant-detailed .dropdown-trigger-label{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.variant-detailed .dropdown-expand-group{display:flex !important;align-items:center !important;gap:8px !important}.variant-detailed .dropdown-badge{background:var(--dd-primary, var(--color-primary, #10b981)) !important;color:var(--text-standard, #ffffff) !important;font-size:10px !important;font-weight:800 !important;height:18px !important;min-width:18px !important;padding:0 5px !important;border-radius:9px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3) !important;animation:badgePop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important}@keyframes badgePop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.dropdown-option:active{transform:scale(0.98);transition:transform 0.1s ease}.dropdown-option-selected.dropdowndata{position:relative;overflow:hidden}.dropdown-option-selected.dropdowndata::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) 0%, transparent 70%);pointer-events:none}';const s=class{constructor(r){t(this,r),this.toggleGroupChange=o(this,"toggleGroupChange"),this.toggleGroupSearch=o(this,"toggleGroupSearch"),this.toggleGroupReorder=o(this,"toggleGroupReorder"),this.toggleGroupCollapse=o(this,"toggleGroupCollapse")}get el(){return r(this)}value=[];name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="horizontal";columns=3;selectionMode="single";size="md";color="primary";variant="solid";shape="default";options=[];labelPosition="right";showIcons=!1;enableAnimation=!0;keyboardNavigation=!0;showSelectAll=!1;searchable=!1;searchPlaceholder="Search toggles...";isDraggable=!1;collapsible=!1;collapsed=!1;loading=!1;loadingText="Loading options...";maxSelections=0;showSkeleton=!1;skeletonCount=3;compact=!1;items=[];searchQuery="";focusedIndex=-1;isCollapsed=!1;draggedIndex=-1;dragOverIndex=-1;indicatorRect={left:0,top:0,width:0,height:0,opacity:0};listEl;resizeObserver;internals;toggleGroupChange;toggleGroupSearch;toggleGroupReorder;toggleGroupCollapse;handleOptionsChange(){this.parseOptions()}handleValueChange(){this.syncToggles(),this.updateIndicator()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.parseOptions(),this.isCollapsed=this.collapsed,"multiple"!==this.selectionMode||Array.isArray(this.value)||(this.value=this.value?[this.value]:[]),this.updateFormValue()}updateFormValue(){if(this.internals){const t=Array.isArray(this.value)?this.value.join(","):this.value;this.internals.setFormValue(t)}}componentDidRender(){this.updateIndicator(),!this.resizeObserver&&this.el&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}async updateIndicator(){"segmented"===this.variant&&this.listEl&&"multiple"!==this.selectionMode?requestAnimationFrame((()=>{const t=this.value;if(!t)return void(this.indicatorRect={...this.indicatorRect,opacity:0});const o=this.listEl?.querySelector(`.toggle-item-wrapper[data-value="${t}"]`);this.indicatorRect=o?{left:o.offsetLeft,top:o.offsetTop,width:o.offsetWidth,height:o.offsetHeight,opacity:1}:{...this.indicatorRect,opacity:0}})):0!==this.indicatorRect.opacity&&(this.indicatorRect={...this.indicatorRect,opacity:0})}parseOptions(){if("string"==typeof this.options)try{this.items=JSON.parse(this.options)}catch(t){console.error("Invalid options JSON in ui-toggle-group"),this.items=[]}else this.items=[...this.options||[]]}handleSwitchChange(t){t.stopPropagation();const o=t.detail.value,r=t.detail.checked;if("single"===this.selectionMode)r?this.value=o:this.required||(this.value="");else{let e=Array.isArray(this.value)?[...this.value]:[];if(r){if(this.maxSelections>0&&e.length>=this.maxSelections)return void(t.target.checked=!1);e.includes(o)||e.push(o)}else e=e.filter((t=>t!==o));this.value=e}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}syncToggles(){const t=this.el.shadowRoot?.querySelectorAll("ui-switch");t?.forEach((t=>{if("single"===this.selectionMode)t.checked=t.value===this.value;else{const o=Array.isArray(this.value)?this.value:[];t.checked=o.includes(t.value)}}))}handleSearch=t=>{this.searchQuery=t.detail.toLowerCase();const o=this.getFilteredItems();this.toggleGroupSearch.emit({query:this.searchQuery,results:o})};getFilteredItems(){return this.searchQuery?this.items.filter((t=>t.label?.toLowerCase().includes(this.searchQuery)||t.value?.toLowerCase().includes(this.searchQuery))):this.items}handleSelectAll=t=>{if("multiple"===this.selectionMode){if(t){const t=this.items.map((t=>t.value));this.value=this.maxSelections>0?t.slice(0,this.maxSelections):t}else this.value=[];this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}};toggleCollapse=()=>{this.isCollapsed=!this.isCollapsed,this.toggleGroupCollapse.emit({collapsed:this.isCollapsed})};onDragStart=t=>{this.isDraggable&&(this.draggedIndex=t)};onDragOver=(t,o)=>{this.isDraggable&&(t.preventDefault(),this.dragOverIndex=o)};onDrop=t=>{if(!this.isDraggable||-1===this.draggedIndex)return;const o=[...this.items],r=o.splice(this.draggedIndex,1)[0];o.splice(t,0,r),this.items=o,this.toggleGroupReorder.emit({oldIndex:this.draggedIndex,newIndex:t,items:o}),this.draggedIndex=-1,this.dragOverIndex=-1};handleKeyDown=t=>{if(!this.keyboardNavigation)return;const o=this.getFilteredItems();"ArrowDown"===t.key||"ArrowRight"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%o.length):"ArrowUp"===t.key||"ArrowLeft"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex-1+o.length)%o.length):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),-1===this.focusedIndex)||this.toggleItemValue(o[this.focusedIndex].value)};toggleItemValue(t){if("single"===this.selectionMode)this.value=t;else{let o=Array.isArray(this.value)?[...this.value]:[];o.includes(t)?o=o.filter((o=>o!==t)):(0===this.maxSelections||o.length<this.maxSelections)&&o.push(t),this.value=o}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}renderLabel(){return this.label?e("div",{class:"toggle-group-header"},e("label",{class:"toggle-group-label"},this.label,this.required&&e("span",{class:"required"},"*")),this.collapsible&&e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconSize:"16px",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse"})):null}renderSearch(){return this.searchable?e("div",{class:"search-container"},e("ui-icon",{name:"search",library:"lucide",size:"14px",class:"search-icon"}),e("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})):null}renderControls(){return this.showSelectAll&&"multiple"===this.selectionMode?e("div",{class:"group-controls"},e("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!0),icon:"check-circle",iconLibrary:"lucide",iconSize:"14px",label:"Select All",ariaLabel:"Select All"}),e("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!1),icon:"x-circle",iconLibrary:"lucide",iconSize:"14px",label:"Deselect All",ariaLabel:"Deselect All"}),this.maxSelections>0&&e("span",{class:"max-badge"},"Max: ",this.maxSelections)):null}renderLoading(){return this.showSkeleton?e("div",{class:"skeleton-container"},Array.from({length:this.skeletonCount}).map((()=>e("div",{class:"skeleton-item"},e("div",{class:"skeleton-switch"}),e("div",{class:"skeleton-text"}))))):this.loading?e("div",{class:"loading-container"},e("ui-icon",{name:"refresh",spin:!0})," ",this.loadingText):null}render(){const t=t=>"single"===this.selectionMode?this.value===t:Array.isArray(this.value)&&this.value.includes(t),o=this.getFilteredItems();return e(i,{class:{"toggle-group-host":!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-collapsed":this.isCollapsed,"group-compact":this.compact},onKeyDown:this.handleKeyDown},this.renderLabel(),this.renderSearch(),this.renderControls(),this.loading||this.showSkeleton?this.renderLoading():!this.isCollapsed&&e("div",{class:{"toggle-list":!0,[`layout-${this.layout}`]:!0,"is-segmented":"segmented"===this.variant,"is-multiple":"multiple"===this.selectionMode},style:{..."grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},"--active-bg":`var(--toggle-group-${this.color})`},ref:t=>this.listEl=t},"segmented"===this.variant&&e("div",{class:"segmented-indicator",style:{transform:`translate3d(${this.indicatorRect.left}px, ${this.indicatorRect.top}px, 0)`,width:`${this.indicatorRect.width}px`,height:`${this.indicatorRect.height}px`,opacity:`${this.indicatorRect.opacity}`,backgroundColor:`var(--toggle-group-${this.color})`}}),o.map(((o,r)=>e("div",{class:{"toggle-item-wrapper":!0,"is-dragging":this.draggedIndex===r,"is-drag-over":this.dragOverIndex===r,"is-focused":this.focusedIndex===r,"is-active":t(o.value)&&"segmented"===this.variant},"data-value":o.value,onClick:()=>this.toggleItemValue(o.value),draggable:this.isDraggable,onDragStart:()=>this.onDragStart(r),onDragOver:t=>this.onDragOver(t,r),onDrop:()=>this.onDrop(r)},this.isDraggable&&e("ui-icon",{name:"menu",class:"drag-handle"}),e("ui-switch",{value:o.value,label:o.label,"icon-on":o.icon,disabled:this.disabled||o.disabled,checked:t(o.value),size:this.size,color:this.color,variant:this.variant,shape:this.shape,"label-position":this.labelPosition,"show-icons":this.showIcons,"enable-animation":this.enableAnimation,readonly:this.readonly}))))),this.invalid&&this.errorMessage&&e("div",{class:"error-message"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"14px"}),this.errorMessage),this.helperText&&!this.invalid&&e("div",{class:"helper-text"},this.helperText))}static get formAssociated(){return!0}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--toggle-group-gap:16px;--toggle-group-border:var(--border-subtle, #e2e8f0);--toggle-group-text:var(--text-primary, #1e293b);--toggle-group-muted:var(--color-primary, #64748b);--toggle-group-primary:var(--color-primary-hover, #2563eb);--toggle-group-danger:var(--color-danger, #ef4444)}.toggle-group-host{display:flex;flex-direction:column}.toggle-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--toggle-group-text);display:flex;align-items:center}.toggle-group-label .required{color:var(--toggle-group-danger);margin-left:4px}.collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--toggle-group-muted);transition:all 0.2s}.collapse-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-text)}.search-container{position:relative;margin-bottom:16px}.search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--toggle-group-muted)}.search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--toggle-group-border);border-radius:8px;font-size:14px;transition:all 0.2s;outline:none}.search-container .search-input:focus{border-color:var(--toggle-group-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.group-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-controls .control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--toggle-group-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--toggle-group-muted);cursor:pointer;transition:all 0.2s}.group-controls .control-btn ui-icon{color:var(--toggle-group-muted)}.group-controls .control-btn:hover{background:var(--bg-primary, #f8fafc);border-color:var(--color-primary, #cbd5e1);transform:translateY(-1px);color:var(--toggle-group-text)}.max-badge{font-size:11px;background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-muted);padding:2px 8px;border-radius:9999px;font-weight:600}.group-compact{gap:8px}.group-compact .toggle-list{gap:8px}.group-compact .layout-vertical{gap:4px}.group-compact .toggle-group-header{margin-bottom:4px}.toggle-list{display:flex;gap:var(--toggle-group-gap)}.toggle-list.layout-horizontal{flex-direction:row;flex-wrap:wrap}.toggle-list.layout-vertical{flex-direction:column;gap:8px}.toggle-list.layout-grid{display:grid;gap:16px}.toggle-list{}.toggle-list.is-segmented{position:relative;background:var(--bg-secondary, #f1f5f9);padding:6px;border-radius:16px;display:inline-flex;width:fit-content;gap:0;border:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.toggle-list.is-segmented .toggle-item-wrapper{position:relative;z-index:2;padding:10px 24px;border-radius:12px;background:transparent !important;border:none !important;box-shadow:none !important;transform:none !important;flex:1;justify-content:center;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:120px;font-weight:700}.toggle-list.is-segmented .toggle-item-wrapper ui-switch{transition:color 0.3s ease;--switch-track-bg:transparent;--switch-thumb-bg:transparent;--switch-glow:none;pointer-events:none;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(track){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(thumb){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(container){margin:0;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(label){margin:0;width:100%;text-align:center;justify-content:center;align-items:center}.toggle-list.is-segmented .toggle-item-wrapper.is-active ui-switch::part(label){color:#ffffff !important;font-weight:700;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}.toggle-list.is-segmented .toggle-item-wrapper:hover:not(.is-active){background:rgba(0, 0, 0, 0.03) !important}.toggle-list.is-segmented .segmented-indicator{position:absolute;top:0px;left:0px;bottom:6px;border-radius:12px;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s ease, background-color 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.toggle-list.is-segmented.is-multiple .toggle-item-wrapper.is-active{background:var(--active-bg, var(--toggle-group-primary)) !important;border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.toggle-item-wrapper{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;border:1px solid transparent;transition:background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer}.toggle-item-wrapper:hover{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.03);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.toggle-item-wrapper:active{transform:scale(0.96);background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.06)}.toggle-item-wrapper:focus-within{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05);border-color:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.4);box-shadow:0 0 0 3px rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.15)}.toggle-item-wrapper.is-dragging{opacity:0.5;transform:scale(0.98);background:var(--bg-secondary, #f1f5f9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.toggle-item-wrapper.is-drag-over{border-top:2px solid var(--toggle-group-primary);padding-top:2px}.toggle-item-wrapper.is-focused{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05)}.drag-handle{cursor:grab;color:var(--toggle-group-muted);opacity:0.4}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.error-message{margin-top:8px;font-size:13px;color:var(--toggle-group-danger);display:flex;align-items:center;gap:6px}.helper-text{margin-top:8px;font-size:13px;color:var(--toggle-group-muted)}.skeleton-container{display:flex;flex-direction:inherit;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px}.skeleton-item .skeleton-switch{width:44px;height:24px;border-radius:12px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item .skeleton-text{width:120px;height:16px;border-radius:4px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-disabled{opacity:0.5;pointer-events:none}.group-collapsed .toggle-list{display:none}';export{a as ui_dropdown,s as ui_toggle_group}

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

@@ -0,0 +1 @@
+import{r as t,c as o,h as a}from"./p-Dqu2zaH1.js";const i=class{constructor(a){t(this,a),this.navItemClick=o(this,"navItemClick"),this.submenuToggle=o(this,"submenuToggle"),this.popoverStateChange=o(this,"popoverStateChange")}item;collapsed=!1;active=!1;activeId="";open=!1;animationDuration=350;indentation=0;forcePopover=!1;orientation="vertical";iconLibrary="default";isHovering=!1;popoverPlacement="bottom";hoverTimeout;navItemClick;submenuToggle;popoverStateChange;handleMouseEnter=t=>{if(this.hoverTimeout&&clearTimeout(this.hoverTimeout),this.isHovering=!0,"horizontal"===this.orientation)this.popoverPlacement="bottom";else{const o=t.currentTarget.getBoundingClientRect(),a=window.innerHeight;this.popoverPlacement=o.top>.6*a?"top":"bottom"}(this.collapsed||this.forcePopover||"top"===this.popoverPlacement)&&this.item.children&&this.item.children.length>0&&this.popoverStateChange.emit(!0)};handleMouseLeave=()=>{this.hoverTimeout=setTimeout((()=>{this.isHovering=!1,this.popoverStateChange.emit(!1)}),50)};hasActiveChild(t=this.item.children){return!!t&&t.some((t=>t.id===this.activeId||t.children&&this.hasActiveChild(t.children)))}handleClick=()=>{const t=this.item.children&&this.item.children.length>0;t&&(this.collapsed||this.forcePopover)||(t?this.submenuToggle.emit(this.item.id):this.navItemClick.emit(this.item))};render(){const t=this.item.children&&this.item.children.length>0,o=this.active||this.item.id===this.activeId,i=this.hasActiveChild(),e=this.forcePopover||"user-profile"===this.item.id;return a("li",{key:"ff4490ba41dc44a85951b48c73b9c3fbc651e4a9",class:{"nav-item":!0,active:o,"active-parent":i,disabled:this.item.disabled,"has-children":t,open:this.open&&!e,collapsed:this.collapsed,hovering:this.isHovering,"in-popover":this.forcePopover,"is-user-profile":"user-profile"===this.item.id,"placement-top":"top"===this.popoverPlacement,"placement-bottom":"bottom"===this.popoverPlacement},tabindex:this.item.disabled?-1:0,"aria-disabled":this.item.disabled?"true":"false","aria-expanded":this.open&&!e?"true":"false",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("div",{key:"b3caa94e8b15549c9181af5bcb5c4e631f8096df",class:"item-content",onClick:this.handleClick,onKeyDown:t=>{"Enter"===t.key&&this.handleClick()}},this.item.icon&&a("span",{key:"b1985031c4248c5cf8e2a2eb3d02804c5d0b943b",class:"nav-icon"},a("ui-icon",{key:"3b73edba04f5d45218d1fe92995ba7dbc820243e",name:this.item.icon,library:this.item.iconLibrary||this.iconLibrary,size:"1.25rem"})),(!this.collapsed||this.forcePopover)&&a("span",{key:"6ceff6c8ff5d454f30c72e410706bbb64a9a4fb5",class:"nav-label"},this.item.label),this.item.badge&&(!this.collapsed||this.forcePopover)&&a("span",{key:"46e3f8f642ece0eb4be6f6b44a7aaf8adcf142eb",class:"nav-badge"},this.item.badge),t&&!e&&a("span",{key:"48113063a5b6ef7f425f59db684effbcb7696d36",class:"nav-arrow"},a("ui-icon",{key:"6b5a1f241c3cd7b6f06f806438b625874f2af337",name:"chevron-right",library:"lucide",size:"12px"})),t&&e&&a("span",{key:"9818385d0163e9a8873a51fcddc709ae04b65297",class:"nav-arrow cascading"},a("ui-icon",{key:"654f91ad0a6e1b34b8f0fbfb0483f836b3897647",name:"chevron-right",library:"lucide",size:"12px"}))),!t&&this.collapsed&&this.isHovering&&a("div",{key:"41dd6199319b7cfd67ad61bce60bebaadcc10fd3",class:"nav-tooltip"},this.item.label))}};i.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}.nav-item{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;user-select:none;width:100%}.item-content{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;color:var(--nav-text-dim);transition:all 0.3s ease;position:relative;z-index:2;border-radius:10px}:host([orientation=horizontal]){display:flex;align-items:center;height:64px}:host([orientation=horizontal]) .nav-item{margin-bottom:0;height:100%;display:flex;align-items:center}:host([orientation=horizontal]) .item-content{height:100%;padding:0 12px;justify-content:center}.nav-item:hover .item-content{background:var(--nav-item-hover-bg, var(--nav-hover-bg, var(--bg-hover, #e6e6e6)));color:var(--nav-text, var(--text-primary, #000000))}.nav-item.active .item-content,.nav-item.active-parent .item-content{background:var(--nav-item-active-bg, var(--nav-active-bg, var(--bg-selected, rgba(0, 138, 22, 0.08))));color:var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-item.active::before,.nav-item.active-parent::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));z-index:3}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;transition:transform 0.3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon,.nav-item.active-parent .nav-icon{color:var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));transform:scale(1.1)}.nav-item.active .nav-icon svg,.nav-item.active-parent .nav-icon svg{filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--nav-accent-gradient);color:var(--text-standard, #ffffff);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:auto;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.nav-arrow{margin-left:auto;font-size:10px;color:var(--nav-text-dim);transition:transform 0.3s ease}.nav-item.open>.item-content .nav-arrow{transform:rotate(90deg)}.nav-submenu{list-style:none;margin:0;padding:0 0 8px 12px;overflow:hidden}.nav-item.collapsed .nav-label,.nav-item.collapsed .nav-badge,.nav-item.collapsed .nav-arrow,.nav-item.collapsed .nav-submenu:not(.floating-popover){display:none}.nav-item.collapsed .item-content{justify-content:center;padding:0;width:100%}:host([indentation="1"]) .nav-item{margin-left:8px;border-radius:8px}:host([indentation="1"]) .item-content{height:38px;font-size:13px}:host([indentation="1"]) .nav-item.active::before{width:2px;top:10px;bottom:10px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item.open .nav-submenu navigation-item{animation:slideDown 0.3s ease forwards}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover{background:var(--bg-primary, #1e293b) !important;z-index:2500 !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.5) !important;width:220px !important;display:flex !important;flex-direction:column !important;max-height:calc(100vh - 32px) !important;overflow-y:auto !important;overflow-x:hidden !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:not(.placement-top),:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-bottom{top:0;bottom:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top{bottom:0;top:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top::before{top:auto !important;bottom:18px !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar{width:6px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-track{background:transparent;border-radius:12px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb{background:rgba(148, 163, 184, 0.5);border-radius:12px;transition:background 0.3s ease}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb:hover{background:rgba(148, 163, 184, 0.8)}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover navigation-item,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover>navigation-item{display:block !important;width:100% !important;height:auto !important;min-height:40px !important;opacity:1 !important;visibility:visible !important;flex-shrink:0 !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:hover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.is-visible{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateX(0) translateY(0) !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering{overflow:visible !important;z-index:1001 !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::after{content:"";position:absolute;left:-25px;top:0;width:30px;height:100%;pointer-events:auto;background:transparent;z-index:2001}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu:not(.floating-popover){display:none !important}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top.is-visible{transform:translateX(0)}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::before{top:auto;bottom:18px}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::after{top:auto;bottom:0;height:100%}.nav-submenu.floating-popover::after{content:"";position:absolute;top:-20px;bottom:-20px;left:-24px;width:24px;background:transparent;z-index:-1}.nav-item:hover,.nav-item.hovering{z-index:1000;overflow:visible !important}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:100%;margin-left:12px;top:0}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading)::before{display:block;}.nav-submenu.floating-popover.cascading{left:100%;margin-left:4px;top:-4px;}.nav-submenu.floating-popover.cascading::before{top:18px;left:-6px}.popover-header{padding:12px 16px;font-size:11px;font-weight:700;color:var(--nav-text-dim);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255, 255, 255, 0.05);margin-bottom:4px;user-select:none;pointer-events:none}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-primary, #1e293b);color:var(--text-standard, #f8fafc);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);z-index:2000;margin-left:8px;pointer-events:none;animation:fadeIn 0.2s ease forwards}.nav-submenu.floating-popover::before,.nav-tooltip::before{content:"";position:absolute;left:-6px;top:18px;width:12px;height:12px;background:var(--bg-primary, #1e293b);transform:rotate(45deg);border-left:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:-1}.nav-tooltip::before{top:50%;margin-top:-6px}:host([orientation=horizontal]) .nav-submenu.floating-popover::before{content:"" !important;display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;margin:0 !important;width:12px !important;height:12px !important;background:var(--bg-primary, #1e293b) !important;transform:translateX(-50%) rotate(45deg) !important;border:none !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important;pointer-events:none !important}@keyframes fadeIn{from{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.nav-submenu.floating-popover ::slotted(navigation-item),.nav-submenu.floating-popover navigation-item{margin-left:0 !important}.nav-item.collapsed:hover{overflow:visible}.nav-item.in-popover .item-content{height:40px;padding:0 12px;border-radius:8px}.nav-item.in-popover{margin-left:0 !important;margin-bottom:2px}.nav-item.in-popover.active .item-content{background:var(--nav-active-bg);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.nav-item.in-popover.active .nav-label{color:var(--nav-accent) !important;font-weight:700}.nav-item.in-popover.active::before{top:8px;bottom:8px;width:3px}.nav-arrow.cascading{margin-left:auto;opacity:0.5;transition:transform 0.3s ease}.nav-item.placement-top .nav-arrow.cascading,.nav-submenu.placement-top .nav-arrow.cascading{transform:rotate(-90deg);}.nav-submenu:not(.placement-top) .nav-arrow.cascading{transform:rotate(0deg)}:host([indentation="0"]) .nav-item.in-popover{margin-left:0}.nav-item.is-user-profile .nav-icon{background:var(--nav-accent-gradient);border-radius:50%;color:var(--text-standard, #ffffff) !important;width:32px;height:32px;min-width:32px;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.nav-item.is-user-profile .nav-icon svg{width:18px;height:18px}.nav-item.is-user-profile .nav-label{font-weight:600;color:var(--nav-text)}:host([orientation=horizontal]){height:100%}:host([orientation=horizontal]) .nav-item{height:100%;flex-direction:row;align-items:center;justify-content:center;margin-bottom:0;border-radius:0;padding:0 4px}:host([orientation=horizontal]) .item-content{height:100%;padding:0 16px;border-radius:0;font-weight:600;transition:all 0.2s ease}:host([orientation=horizontal]) .nav-item:hover .item-content{background:rgba(255, 255, 255, 0.08)}:host([orientation=horizontal]) .nav-item.active::before,:host([orientation=horizontal]) .nav-item.active-parent::before{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;border-radius:4px 4px 0 0}:host([orientation=horizontal]) .nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:0 !important;top:100% !important;bottom:auto !important;margin-left:0 !important;margin-top:8px !important;transform:translateY(-5px)}:host([orientation=horizontal][indentation="0"]) .nav-arrow{transform:rotate(90deg);}:host([orientation=horizontal][indentation="0"]) .nav-item.open>.item-content .nav-arrow{transform:rotate(-90deg);}:host([orientation=horizontal][indentation="1"]) .nav-arrow.cascading,:host([orientation=horizontal][indentation="2"]) .nav-arrow.cascading{transform:rotate(0deg);}:host([orientation=horizontal]) .nav-submenu.floating-popover::after{top:-12px;left:0;right:0;height:12px;width:100%}:host([orientation=horizontal]) .nav-submenu.floating-popover:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-bottom:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-top:not(.cascading)::before{content:"" !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:translateX(-50%) rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;border-left:none !important;border-bottom:none !important;z-index:-1 !important}:host([orientation=horizontal]) .nav-submenu.floating-popover.cascading::before{content:"" !important;position:absolute !important;left:-6px !important;right:auto !important;top:18px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:none !important;border-right:none !important;border-left:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important}';export{i as ui_navigation_item}

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

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

package/dist/exploration-project-tailwind/{p-d30e24bd.entry.js → p-fa034f69.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as r}from"./p-DUsoYu9r.js";const a=class{constructor(i){t(this,i),this.commandSelect=e(this,"commandSelect"),this.paletteOpen=e(this,"paletteOpen"),this.paletteClose=e(this,"paletteClose")}commands=[];placeholder="Search commands…";shortcut="k";open=!1;maxVisible=8;showRecent=!0;persistKey="ui-command-palette-recent";query="";activeIndex=0;recent=[];isExecuting=!1;commandSelect;paletteOpen;paletteClose;inputRef;handlePersistKeyChange(){this.checkPersistence()}componentWillLoad(){this.checkPersistence(),this.handleGlobalKey=this.handleGlobalKey.bind(this)}checkPersistence(){if(this.persistKey&&this.showRecent)try{const t=localStorage.getItem(this.persistKey);t&&(this.recent=JSON.parse(t))}catch{}}componentDidLoad(){window.addEventListener("keydown",this.handleGlobalKey)}disconnectedCallback(){window.removeEventListener("keydown",this.handleGlobalKey)}async show(){this.open=!0,this.query="",this.isExecuting=!1,setTimeout((()=>this.inputRef?.focus()),50),this.paletteOpen.emit()}async hide(){this.open=!1,this.isExecuting=!1,this.paletteClose.emit()}handleGlobalKey(t){(t.metaKey||t.ctrlKey)&&t.key===this.shortcut&&(t.preventDefault(),this.open?this.hide():this.show()),"Escape"===t.key&&this.open&&this.hide()}getCommands(){if("string"==typeof this.commands)try{return JSON.parse(this.commands)}catch{return[]}return this.commands}fuzzyMatch(t,e){if(t=t.toLowerCase(),e=e.toLowerCase(),t.includes(e))return 10;let i=0,r=0;for(let a=0;a<t.length&&r<e.length;a++)t[a]===e[r]&&(i+=5,r++);return r===e.length?i:0}getFiltered(){const t=this.query.toLowerCase().trim(),e=this.getCommands();return t?e.map((e=>({item:e,score:Math.max(2*this.fuzzyMatch(e.label??"",t),this.fuzzyMatch(e.description||"",t),this.fuzzyMatch(e.group||"",t))}))).filter((t=>t.score>0)).sort(((t,e)=>e.score-t.score)).map((t=>t.item)).slice(0,this.maxVisible):this.showRecent&&this.recent.length>0?this.recent.map((t=>e.find((e=>e.id===t)))).filter(Boolean).slice(0,this.maxVisible):e.slice(0,this.maxVisible)}select(t){if(this.recent=[String(t.id),...this.recent.filter((e=>e!==String(t.id)))].slice(0,5),this.persistKey&&this.showRecent)try{localStorage.setItem(this.persistKey,JSON.stringify(this.recent))}catch{}this.commandSelect.emit(t),t.action?.(),this.hide()}handleKey=t=>{const e=this.getFiltered();"ArrowDown"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length),"ArrowUp"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length),"Enter"===t.key&&e[this.activeIndex]&&this.select(e[this.activeIndex])};groupItems(t){return t.reduce(((t,e)=>{const i=e.group||(this.showRecent&&!this.query&&this.recent.includes(String(e.id))?"Recent":"Commands");return(t[i]=t[i]||[]).push(e),t}),{})}render(){if(!this.open)return i(r,{class:"cp-hidden"});const t=this.getFiltered(),e=this.groupItems(t);let a=0;return i(r,null,i("div",{class:"cp-backdrop",onClick:()=>this.hide()}),i("div",{class:"cp-modal",role:"dialog","aria-modal":"true"},i("div",{class:"cp-search-row"},i("span",{class:"cp-search-icon"},"⌘"),i("input",{ref:t=>this.inputRef=t,class:"cp-search-input",type:"text",placeholder:this.placeholder,value:this.query,onInput:t=>{this.query=t.target.value,this.activeIndex=0},onKeyDown:this.handleKey,role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":t[this.activeIndex]?`cp-item-${t[this.activeIndex].id}`:void 0}),this.query&&i("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"cp-clear",onClick:()=>this.query="",ariaLabel:"Clear",icon:"x",iconLibrary:"lucide",iconSize:"14px"}),i("kbd",{class:"cp-esc"},"esc")),0===t.length?i("div",{class:"cp-empty"},'No commands found for "',i("strong",null,this.query),'"'):i("div",{class:"cp-results",role:"listbox"},Object.entries(e).map((([t,e])=>i("div",{class:"cp-group",key:t},i("div",{class:"cp-group-label"},t),e.map((t=>{const e=a++;return i("div",{id:`cp-item-${t.id}`,class:{"cp-item":!0,"cp-item-active":e===this.activeIndex},role:"option","aria-selected":e===this.activeIndex,onClick:()=>this.select(t),onMouseEnter:()=>this.activeIndex=e,key:t.id,style:{"--stagger-idx":`${e}`}},t.icon&&i("span",{class:"cp-item-icon"},t.icon),i("div",{class:"cp-item-content"},i("span",{class:"cp-item-label"},t.label),t.description&&i("span",{class:"cp-item-desc"},t.description)),t.shortcut&&i("kbd",{class:"cp-shortcut"},t.shortcut))})))))),i("div",{class:"cp-footer"},i("span",null,i("kbd",null,"↑↓")," Navigate"),i("span",null,i("kbd",null,"↵")," Select"),i("span",null,i("kbd",null,"esc")," Close"))))}static get watchers(){return{persistKey:[{handlePersistKeyChange:0}]}}};a.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:fixed;z-index:9999;inset:0}:host(.cp-hidden){display:none;pointer-events:none}.cp-backdrop,.cp-modal{pointer-events:auto}.cp-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cp-fade-in 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes cp-fade-in{from{opacity:0}to{opacity:1}}.cp-modal{position:fixed;top:20%;left:50%;transform:translateX(-50%);width:560px;max-width:calc(100vw - 32px);background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 60px rgba(0, 0, 0, 0.25);overflow:hidden;animation:cp-slide-in 0.15s ease;z-index:10000}@keyframes cp-slide-in{from{opacity:0;transform:translateX(-50%) translateY(-12px) scale(0.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.cp-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle, #f3f4f6)}.cp-search-icon{font-size:18px;color:var(--text-muted, #9ca3af);flex-shrink:0}.cp-search-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary, #111827);background:transparent}.cp-search-input::placeholder{color:var(--bg-secondary, #d1d5db)}.cp-clear{border:none;background:none;color:var(--text-muted, #9ca3af);font-size:14px;cursor:pointer;padding:4px;border-radius:50%;line-height:1}.cp-clear:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.cp-esc{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 7px;font-size:11px;color:var(--text-muted, #6b7280);flex-shrink:0}.cp-results{max-height:380px;overflow-y:auto}.cp-results::-webkit-scrollbar{width:4px}.cp-results::-webkit-scrollbar-thumb{background:var(--bg-primary, #e5e7eb);border-radius:4px}.cp-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280);font-size:14px}.cp-empty strong{color:var(--text-secondary, #374151)}.cp-group{padding:6px 0}.cp-group-label{padding:6px 16px 4px;font-size:11px;font-weight:700;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:0.6px}.cp-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:8px;margin:0 8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateY(10px);animation:cp-item-appear 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:calc(var(--stagger-idx, 0) * 0.03s)}.cp-item:hover,.cp-item.cp-item-active{background:var(--bg-secondary, #f3f4f6);transform:scale(1.01) translateY(0)}.cp-item:hover .cp-item-label,.cp-item.cp-item-active .cp-item-label{color:var(--color-primary, #10b981)}@keyframes cp-item-appear{to{opacity:1;transform:translateY(0)}}.cp-item-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.cp-item-content{flex:1;min-width:0}.cp-item-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #111827)}.cp-item-desc{display:block;font-size:12px;color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-shortcut{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 8px;font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap;flex-shrink:0}.cp-footer{display:flex;gap:18px;align-items:center;padding:10px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #fafafa);font-size:11px;color:var(--text-muted, #9ca3af)}.cp-footer kbd{background:var(--bg-primary, #e5e7eb);border:1px solid var(--border-strong, #d1d5db);border-radius:4px;padding:1px 5px;font-size:10px;color:var(--text-secondary, #374151);margin-right:3px}";export{a as ui_command_palette}
+import{r as t,c as e,h as i,H as r}from"./p-Dqu2zaH1.js";const a=class{constructor(i){t(this,i),this.commandSelect=e(this,"commandSelect"),this.paletteOpen=e(this,"paletteOpen"),this.paletteClose=e(this,"paletteClose")}commands=[];placeholder="Search commands…";shortcut="k";open=!1;maxVisible=8;showRecent=!0;persistKey="ui-command-palette-recent";query="";activeIndex=0;recent=[];isExecuting=!1;commandSelect;paletteOpen;paletteClose;inputRef;handlePersistKeyChange(){this.checkPersistence()}componentWillLoad(){this.checkPersistence(),this.handleGlobalKey=this.handleGlobalKey.bind(this)}checkPersistence(){if(this.persistKey&&this.showRecent)try{const t=localStorage.getItem(this.persistKey);t&&(this.recent=JSON.parse(t))}catch{}}componentDidLoad(){window.addEventListener("keydown",this.handleGlobalKey)}disconnectedCallback(){window.removeEventListener("keydown",this.handleGlobalKey)}async show(){this.open=!0,this.query="",this.isExecuting=!1,setTimeout((()=>this.inputRef?.focus()),50),this.paletteOpen.emit()}async hide(){this.open=!1,this.isExecuting=!1,this.paletteClose.emit()}handleGlobalKey(t){(t.metaKey||t.ctrlKey)&&t.key===this.shortcut&&(t.preventDefault(),this.open?this.hide():this.show()),"Escape"===t.key&&this.open&&this.hide()}getCommands(){if("string"==typeof this.commands)try{return JSON.parse(this.commands)}catch{return[]}return this.commands}fuzzyMatch(t,e){if(t=t.toLowerCase(),e=e.toLowerCase(),t.includes(e))return 10;let i=0,r=0;for(let a=0;a<t.length&&r<e.length;a++)t[a]===e[r]&&(i+=5,r++);return r===e.length?i:0}getFiltered(){const t=this.query.toLowerCase().trim(),e=this.getCommands();return t?e.map((e=>({item:e,score:Math.max(2*this.fuzzyMatch(e.label??"",t),this.fuzzyMatch(e.description||"",t),this.fuzzyMatch(e.group||"",t))}))).filter((t=>t.score>0)).sort(((t,e)=>e.score-t.score)).map((t=>t.item)).slice(0,this.maxVisible):this.showRecent&&this.recent.length>0?this.recent.map((t=>e.find((e=>e.id===t)))).filter(Boolean).slice(0,this.maxVisible):e.slice(0,this.maxVisible)}select(t){if(this.recent=[String(t.id),...this.recent.filter((e=>e!==String(t.id)))].slice(0,5),this.persistKey&&this.showRecent)try{localStorage.setItem(this.persistKey,JSON.stringify(this.recent))}catch{}this.commandSelect.emit(t),t.action?.(),this.hide()}handleKey=t=>{const e=this.getFiltered();"ArrowDown"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length),"ArrowUp"===t.key&&(t.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length),"Enter"===t.key&&e[this.activeIndex]&&this.select(e[this.activeIndex])};groupItems(t){return t.reduce(((t,e)=>{const i=e.group||(this.showRecent&&!this.query&&this.recent.includes(String(e.id))?"Recent":"Commands");return(t[i]=t[i]||[]).push(e),t}),{})}render(){if(!this.open)return i(r,{class:"cp-hidden"});const t=this.getFiltered(),e=this.groupItems(t);let a=0;return i(r,null,i("div",{class:"cp-backdrop",onClick:()=>this.hide()}),i("div",{class:"cp-modal",role:"dialog","aria-modal":"true"},i("div",{class:"cp-search-row"},i("span",{class:"cp-search-icon"},"⌘"),i("input",{ref:t=>this.inputRef=t,class:"cp-search-input",type:"text",placeholder:this.placeholder,value:this.query,onInput:t=>{this.query=t.target.value,this.activeIndex=0},onKeyDown:this.handleKey,role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":t[this.activeIndex]?`cp-item-${t[this.activeIndex].id}`:void 0}),this.query&&i("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"cp-clear",onClick:()=>this.query="",ariaLabel:"Clear",icon:"x",iconLibrary:"lucide",iconSize:"14px"}),i("kbd",{class:"cp-esc"},"esc")),0===t.length?i("div",{class:"cp-empty"},'No commands found for "',i("strong",null,this.query),'"'):i("div",{class:"cp-results",role:"listbox"},Object.entries(e).map((([t,e])=>i("div",{class:"cp-group",key:t},i("div",{class:"cp-group-label"},t),e.map((t=>{const e=a++;return i("div",{id:`cp-item-${t.id}`,class:{"cp-item":!0,"cp-item-active":e===this.activeIndex},role:"option","aria-selected":e===this.activeIndex,onClick:()=>this.select(t),onMouseEnter:()=>this.activeIndex=e,key:t.id,style:{"--stagger-idx":`${e}`}},t.icon&&i("span",{class:"cp-item-icon"},t.icon),i("div",{class:"cp-item-content"},i("span",{class:"cp-item-label"},t.label),t.description&&i("span",{class:"cp-item-desc"},t.description)),t.shortcut&&i("kbd",{class:"cp-shortcut"},t.shortcut))})))))),i("div",{class:"cp-footer"},i("span",null,i("kbd",null,"↑↓")," Navigate"),i("span",null,i("kbd",null,"↵")," Select"),i("span",null,i("kbd",null,"esc")," Close"))))}static get watchers(){return{persistKey:[{handlePersistKeyChange:0}]}}};a.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:fixed;z-index:9999;inset:0}:host(.cp-hidden){display:none;pointer-events:none}.cp-backdrop,.cp-modal{pointer-events:auto}.cp-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cp-fade-in 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes cp-fade-in{from{opacity:0}to{opacity:1}}.cp-modal{position:fixed;top:20%;left:50%;transform:translateX(-50%);width:560px;max-width:calc(100vw - 32px);background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 60px rgba(0, 0, 0, 0.25);overflow:hidden;animation:cp-slide-in 0.15s ease;z-index:10000}@keyframes cp-slide-in{from{opacity:0;transform:translateX(-50%) translateY(-12px) scale(0.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.cp-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle, #f3f4f6)}.cp-search-icon{font-size:18px;color:var(--text-muted, #9ca3af);flex-shrink:0}.cp-search-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary, #111827);background:transparent}.cp-search-input::placeholder{color:var(--bg-secondary, #d1d5db)}.cp-clear{border:none;background:none;color:var(--text-muted, #9ca3af);font-size:14px;cursor:pointer;padding:4px;border-radius:50%;line-height:1}.cp-clear:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.cp-esc{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 7px;font-size:11px;color:var(--text-muted, #6b7280);flex-shrink:0}.cp-results{max-height:380px;overflow-y:auto}.cp-results::-webkit-scrollbar{width:4px}.cp-results::-webkit-scrollbar-thumb{background:var(--bg-primary, #e5e7eb);border-radius:4px}.cp-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #6b7280);font-size:14px}.cp-empty strong{color:var(--text-secondary, #374151)}.cp-group{padding:6px 0}.cp-group-label{padding:6px 16px 4px;font-size:11px;font-weight:700;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:0.6px}.cp-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:8px;margin:0 8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateY(10px);animation:cp-item-appear 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:calc(var(--stagger-idx, 0) * 0.03s)}.cp-item:hover,.cp-item.cp-item-active{background:var(--bg-secondary, #f3f4f6);transform:scale(1.01) translateY(0)}.cp-item:hover .cp-item-label,.cp-item.cp-item-active .cp-item-label{color:var(--color-primary, #10b981)}@keyframes cp-item-appear{to{opacity:1;transform:translateY(0)}}.cp-item-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.cp-item-content{flex:1;min-width:0}.cp-item-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #111827)}.cp-item-desc{display:block;font-size:12px;color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-shortcut{background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:2px 8px;font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap;flex-shrink:0}.cp-footer{display:flex;gap:18px;align-items:center;padding:10px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #fafafa);font-size:11px;color:var(--text-muted, #9ca3af)}.cp-footer kbd{background:var(--bg-primary, #e5e7eb);border:1px solid var(--border-strong, #d1d5db);border-radius:4px;padding:1px 5px;font-size:10px;color:var(--text-secondary, #374151);margin-right:3px}";export{a as ui_command_palette}

package/dist/types/components/accordion/accordion.d.ts

@@ -68,11 +68,19 @@ export declare class Accordion {
      */
     selectionPosition: 'left' | 'top' | 'none';
     /**
-    * Accordion variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline'
+    * Accordion variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic'
     * Use 'card' or 'card-list' for a separated card layout with icon pills and a right-chevron.
     * Use 'headline' for a minimalist, high-impact typography-first layout.
+    * Use 'boxed' for dark individual cards with glowing yellow action badges.
+    * Use 'minimal' for border-bottom separators and clean typography.
+    * Use 'left-toggle' for a left plus-minus toggle structure.
+    * Use 'iconic' for custom left status/brand icons with micro plus-minus toggles.
     */
-    variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline';
+    variant: 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline' | 'boxed' | 'minimal' | 'left-toggle' | 'iconic';
+    /**
+     * Toggle icon style: 'chevron' | 'plus-minus'
+     */
+    toggleStyle: 'chevron' | 'plus-minus';
     /**
      * Size of the accordion: 'sm' | 'md' | 'lg'
      */

package/dist/types/components/aside-panel/aside-panel.d.ts

@@ -161,9 +161,6 @@ export declare class AsidePanel {
      * Alignment along the secondary axis for 'floating' variant
      */
     floatingAlign: AlignmentType;
-    /**
-     * Background color of the panel
-     */
     backgroundColor: string;
     /**
      * Event emitted when the panel is closed

package/dist/types/components/avatar/avatar.d.ts

@@ -45,6 +45,8 @@ export declare class Avatar {
     statusPosition: FourCornerPosition;
     /** Show status indicator */
     showStatus: boolean;
+    /** Size of the status indicator dot. Accepts a number (px) or any CSS size value. */
+    indicatorSize?: number | string;
     /** Badge count/text overlay */
     badge: string | number;
     /** Badge position */
@@ -183,6 +185,7 @@ export declare class Avatar {
     private renderText;
     private getAvatarSizeAlias;
     private getTooltipText;
+    private getIndicatorSizeStyles;
     private renderStatusIndicator;
     private renderBadge;
     private renderVerified;

package/dist/types/components/avatar/types.d.ts

@@ -43,6 +43,8 @@ export interface AvatarProps {
     statusPosition?: FourCornerPosition;
     /** Show status indicator */
     showStatus?: boolean;
+    /** Size of the status indicator dot */
+    indicatorSize?: number | string;
     /** Badge count/text overlay */
     badge?: string | number;
     /** Badge position */

package/dist/types/components/badge/badge.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { StatusColor, ComponentSize, FourCornerPosition, ComponentVariant, ComponentAnimation, IconLibrary, LeftRight } from '../../types/common.type';
 export declare class Badge {
+    hostElement: HTMLElement;
     /**
      * Content/number to display in badge
      */

package/dist/types/components/button/button.d.ts

@@ -81,6 +81,14 @@ export declare class Button {
     grow: boolean;
     /** Badge content */
     badge?: string | number;
+    /** Counter badge content (inline right side of text) */
+    counter?: string | number;
+    /** Counter badge color variant (primary, success, danger, etc.) */
+    counterColor?: StatusColor;
+    /** Custom background color for the counter badge */
+    counterCustomColor?: string;
+    /** Custom text color for the counter badge */
+    counterCustomTextColor?: string;
     /** Badge color variant (primary, success, danger, etc.) */
     badgeColor: StatusColor;
     /** Custom background color for the badge */
@@ -110,6 +118,7 @@ export declare class Button {
     copied: boolean;
     /** Click event */
     buttonClick: EventEmitter<MouseEvent>;
+    private getBadgeColor;
     private handleClick;
     private createRipple;
     /**

package/dist/types/components/card/card.d.ts

@@ -61,6 +61,8 @@ export declare class Card {
     collapsed: boolean;
     /** Show close button in header */
     closable: boolean;
+    /** Controlled closed/dismissed state of the card */
+    closed: boolean;
     /** Enable selection mode */
     selectable: boolean;
     /** Selection state */
@@ -116,6 +118,7 @@ export declare class Card {
     isFlipped: boolean;
     isMenuOpen: boolean;
     isCollapsed: boolean;
+    isClosed: boolean;
     parsedMenuItems: CardMenuItem[];
     magneticTransform: string;
     tiltTransform: string;
@@ -134,6 +137,7 @@ export declare class Card {
     handleMenuPropsChange(): void;
     handleFlippedChange(newValue: boolean): void;
     handleCollapsedChange(newValue: boolean): void;
+    handleClosedChange(newValue: boolean): void;
     componentWillLoad(): void;
     handleClickOutside(event: MouseEvent): void;
     private parseMenuItems;

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

@@ -15,8 +15,13 @@ export declare class ColorPicker {
     /** Show HSL input field */
     showHsl: boolean;
     /** Show HSLA input field */
-    showHsla: boolean;
-    /** Show alpha channel slider */
+    showHsla: boolean; /**
+     * Comma-separated string or array of formats to show.
+     * Accepted values: 'hex', 'rgb', 'rgba', 'hsl', 'hsla'.
+     * When set, overrides the individual showHex/showRgb/showRgba/showHsl/showHsla flags.
+     * Examples: formats="hex,rgb"  |  :formats="['hex','hsl','hsla']"
+     */
+    formats: string | string[]; /** Show alpha channel slider */
     showAlpha: boolean;
     /** Show preset swatches */
     showSwatches: boolean;
@@ -44,6 +49,8 @@ export declare class ColorPicker {
     showGradient: boolean;
     /** Display variant: full picker, hue slider only, or direct inputs */
     variant: ColorPickerVariant;
+    /** Compact trigger — shows only the color swatch, no hex label or arrow */
+    compact: boolean;
     el: HTMLElement;
     private internals;
     isOpen: boolean;
@@ -58,12 +65,37 @@ export declare class ColorPicker {
     isGradientMode: boolean;
     gradientStops: string[];
     activeStopIndex: number;
+    private enabledFormatsSet;
+    private dropdownStyle;
+    /** Prevents refineDropdownPlacement from running more than once per open cycle */
+    private _placementRefined;
     colorChange: EventEmitter<string>;
     private readonly handleDocumentPointerDown;
     private defaultSwatches;
     private colorNames;
     private initializeInternals;
+    handleFormatsChange(): void;
+    handleIsOpenChange(open: boolean): void;
+    componentDidUpdate(): void;
+    /**
+     * Fast pre-compute using estimated panel height — called synchronously on
+     * click so the dropdown renders in the right place from the very first frame.
+     */
+    private preComputePlacement;
+    /**
+     * Accurate refinement using the actual rendered dropdown dimensions.
+     * Runs once after the first render with the dropdown in the DOM.
+     */
+    private refineDropdownPlacement;
+    /**
+     * Computes position: fixed coordinates so the dropdown is always fully
+     * visible within the viewport, preferring below but flipping upward as needed.
+     * Always constrains dimensions so the panel never extends past any viewport edge.
+     */
+    private buildPositionStyle;
     componentWillLoad(): void;
+    private parseFormats;
+    private isFormatEnabled;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private loadHistory;
@@ -112,5 +144,6 @@ export declare class ColorPicker {
     private renderFormatInput;
     private renderChannelInput;
     private renderChannelGroup;
+    private getFieldError;
     render(): any;
 }

package/dist/types/components/dialog-box/dialog-box.d.ts

@@ -22,6 +22,7 @@ import { DialogType, DialogLayout } from './types';
 export declare class DialogBox {
     private _defaultDialogTitle;
     private _defaultOkText;
+    private _defaultCancelText;
     el: HTMLElement;
     private _restoredLayout;
     private _isShaking;
@@ -300,6 +301,8 @@ export declare class DialogBox {
      * Disable the OK button.
      */
     okDisabled: boolean;
+    private _forceRender;
+    watchOkDisabled(): void;
     /**
      * Text for the Reset button (left-aligned).
      */
@@ -565,6 +568,10 @@ export declare class DialogBox {
     /**
      * Open the dialog and return a promise that resolves to true when OK is clicked, false on Cancel/Close.
      */
+    /**
+     * Set the disabled state of the OK button
+     */
+    setOkDisabled(disabled: boolean): Promise<void>;
     openDialog(): Promise<boolean>;
     /**
      * Show dialog and return a promise that resolves with data when closed via OK.
@@ -618,6 +625,8 @@ export declare class DialogBox {
     private startSessionTimer;
     private stopSessionTimer;
     private handleTermsScroll;
+    private handleContentScroll;
+    private handleInternalScroll;
     private handleOk;
     /**
      * Programmatically submit the dialog (resolves the promise).
@@ -630,6 +639,7 @@ export declare class DialogBox {
     cancelDialog(): Promise<void>;
     private handleCancel;
     private handleReset;
+    handleCheckboxChange(e: CustomEvent): void;
     handleGlobalShortcuts(e: KeyboardEvent): void;
     private handleBackdropClick;
     handleKeyDown(e: KeyboardEvent): void;

package/dist/types/components/dropdown/dropdown.d.ts

@@ -155,7 +155,9 @@ export declare class Dropdown {
     private searchDebounce;
     private menuElement;
     private rafId;
+    private deferredPositionRafId;
     private isPortaled;
+    private lastWheelTimestamp;
     private handleDocumentClick;
     /**
      * If true, all nodes in a cascading dropdown will be expanded by default.
@@ -226,6 +228,7 @@ export declare class Dropdown {
     private getNestedMenuEstimatedWidth;
     private parseOptions;
     private updateSelectedValues;
+    private handleTriggerWheel;
     private toggleDropdown;
     /**
      * Schedule position updates after the menu element renders.
@@ -233,8 +236,10 @@ export declare class Dropdown {
      * to ensure the menu stays perfectly aligned as the transition progresses.
      */
     private schedulePositionUpdate;
+    private deferPositionRecalculation;
     private cleanupPortal;
     private handleViewportChange;
+    private handleScrollChange;
     private parseConfiguredMenuWidth;
     private getMenuStyle;
     private shouldPortalMenu;

package/dist/types/components/file-upload/file-upload.d.ts

@@ -20,9 +20,10 @@ export declare class FileUpload {
     showPreview: boolean;
     /** Disabled */
     disabled: boolean;
-    /** Variant: 'dropzone' | 'button' | 'compact' | 'sideload' */
-    variant: 'dropzone' | 'button' | 'compact' | 'sideload';
-    /** Icon emoji or text */
+    /** Variant: 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload' */
+    variant: 'dropzone' | 'button' | 'compact' | 'inline' | 'sideload';
+    /** Custom upload icon: pass a lucide icon name (e.g. "file-plus") or any emoji/text.
+     *  Defaults to the upload-cloud lucide icon when left empty. */
     uploadIcon: string;
     /** RTL support */
     rtl: boolean;
@@ -34,12 +35,16 @@ export declare class FileUpload {
     fileNamePattern: string;
     /** Show manual validate button */
     showValidateButton: boolean;
-    /** Show manual upload button */
+    /** Show manual upload button — overrides auto-upload when true */
     showUploadButton: boolean;
-    /** Automatically trigger upload when files are selected */
+    /** When true (default), upload begins immediately after files are selected.
+     *  When false, files stay in "Ready" state until the user clicks the Upload button inside the queue dialog. */
     autoUpload: boolean;
     /** Automatically emit completion event and hide list when all files succeed */
     autoCloseOnSuccess: boolean;
+    /** Allow the user to select an entire folder instead of individual files.
+     *  Sets webkitdirectory on the hidden input. Implicitly enables multiple. */
+    directory: boolean;
     /** Integrated header title (for sideload variant) */
     headerTitle: string;
     isDragging: boolean;
@@ -47,6 +52,10 @@ export declare class FileUpload {
     errors: string[];
     /** Overall component state: 'idle' | 'validating' | 'uploading' | 'success' | 'error' */
     componentStatus: 'idle' | 'validating' | 'uploading' | 'success' | 'error';
+    /** Whether the queue management dialog is visible */
+    isQueueOpen: boolean;
+    /** Index of the file currently shown in the preview dialog (-1 = closed) */
+    private previewFileIndex;
     private uploadIntervals;
     fileSelect: EventEmitter<UploadedFile[]>;
     fileRemove: EventEmitter<string>;
@@ -86,6 +95,14 @@ export declare class FileUpload {
     private checkAllComplete;
     private handleFileInput;
     private removeFile;
-    private getIcon;
+    private getFileIconStyles;
+    /** Renders the zone/trigger icon — lucide icon name, emoji text, or default upload-cloud */
+    private renderUploadZoneIcon;
+    /** Renders the reusable file-row used in both the queue dialog and sideload list */
+    private renderFileRow;
+    /** Queue management dialog — shown for all non-sideload variants */
+    /** Queue management dialog - shown for all non-sideload variants */
+    private renderQueueDialog;
+    private renderPreviewDialog;
     render(): any;
 }