atomicuilibrary 0.0.1 → 0.1.0

package/dist/collection/components/radio-group/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ui-checkbox-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiCheckboxGroup extends Components.UiCheckboxGroup, HTMLElement {}
-export const UiCheckboxGroup: {
-    prototype: UiCheckboxGroup;
-    new (): UiCheckboxGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-checkbox-group.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as s}from"@stencil/core/internal/client";import{d as o,a}from"./badge.js";import{d as l}from"./checkbox.js";import{d as c}from"./icon.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.groupChange=i(this,"groupChange",7),this.groupValidation=i(this,"groupValidation",7)}normalizeValue(e){return Array.isArray(e)?e:"string"==typeof e&&e?e.split(","):[]}get el(){return this}internals;value=[];name="";label="";helperText="";errorMessage="";required=!1;disabled=!1;readonly=!1;invalid=!1;orientation="vertical";gap="12px";showSelectAll=!1;selectAllLabel="Select All";buttonGroup=!1;min=0;max=1/0;validateOnChange=!0;size="md";color="primary";showSelectionCount=!1;reveal="none";revealDelay=0;revealStagger=60;victoryGlow=!1;rtl=!1;selectAllState="none";isVictory=!1;groupChange;groupValidation;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.discoverCheckboxes(),this.updateCheckboxStates(),this.updateSelectAllState()}formResetCallback(){this.value=[],this.updateCheckboxStates(),this.updateSelectAllState(),this.updateFormValue()}handleValueChange(){this.updateCheckboxStates(),this.updateSelectAllState(),this.validateOnChange&&this.validate()}handleCheckboxChange(e){const{checked:t,value:i}=e.detail;if(this.disabled||this.readonly)return;let r=this.normalizeValue(this.value);t?r.includes(i)||(this.max===1/0||r.length<this.max)&&(r=[...r,i]):r=r.filter((e=>e!==i)),this.value=r,this.groupChange.emit({value:this.value}),this.updateSelectAllState(),this.validateOnChange&&this.validate(),this.updateFormValue()}updateFormValue(){if(this.name){const e=new FormData;this.value.forEach((t=>e.append(this.name,t))),this.internals.setFormValue(e)}else this.internals.setFormValue(this.value.join(","))}discoverCheckboxes(){}updateCheckboxStates(){const e=this.getAllCheckboxes(),t=this.normalizeValue(this.value),i=this.max!==1/0&&t.length>=this.max;e.forEach(((e,r)=>{e.checked=t.includes(e.value),e.disabled=this.disabled||i&&!e.checked||e.disabled,e.readonly=this.readonly,e.size=this.size,e.color=this.color,e.reveal=this.reveal,e.revealDelay=this.revealDelay+r*this.revealStagger,e.rtl=this.rtl,e.isButton=this.buttonGroup,this.name&&(e.name=this.name)}))}getAllCheckboxes(){return[...Array.from(this.el.querySelectorAll("ui-checkbox")),...Array.from(this.el.shadowRoot.querySelectorAll("ui-checkbox"))]}updateSelectAllState(){const e=this.getAllCheckboxes(),t=this.normalizeValue(this.value),i=e.filter((e=>!e.disabled));if(0===i.length)return;const r=i.filter((e=>t.includes(e.value))).length;0===r?(this.selectAllState="none",this.isVictory=!1):r===i.length?(this.selectAllState="all",this.victoryGlow&&(this.isVictory=!0)):(this.selectAllState="some",this.isVictory=!1)}handleSelectAllChange=e=>{if(this.disabled||this.readonly)return;const t=e.target,i=this.getAllCheckboxes().filter((e=>!e.disabled));if(t.checked){const e=i.map((e=>e.value)),t=Array.from(new Set([...this.value,...e]));this.value=this.max!==1/0?t.slice(0,this.max):t}else{const e=i.map((e=>e.value));this.value=this.value.filter((t=>!e.includes(t)))}this.groupChange.emit({value:this.value}),this.updateSelectAllState(),this.validateOnChange&&this.validate()};validate(){const e=[];this.required&&0===this.value.length&&e.push("At least one option must be selected"),this.min>0&&this.value.length<this.min&&e.push(`At least ${this.min} option${this.min>1?"s":""} must be selected`),this.max!==1/0&&this.value.length>this.max&&e.push(`No more than ${this.max} option${this.max>1?"s":""} can be selected`);const t=0===e.length;return this.groupValidation.emit({valid:t,errors:e}),t}selectAll(){const e=this.getAllCheckboxes().filter((e=>!e.disabled)).map((e=>e.value));this.value=this.max!==1/0?e.slice(0,this.max):e,this.groupChange.emit({value:this.value})}deselectAll(){this.value=[],this.groupChange.emit({value:this.value})}toggleAll(){"all"===this.selectAllState?this.deselectAll():this.selectAll()}renderSelectAll(){return this.showSelectAll?r("div",{class:"select-all-container"},r("ui-checkbox",{checked:"all"===this.selectAllState,indeterminate:"some"===this.selectAllState,label:this.selectAllLabel,disabled:this.disabled,readonly:this.readonly,size:this.size,color:this.color,rtl:this.rtl,onCheckboxChange:this.handleSelectAllChange})):null}renderLabel(){return this.label?r("div",{class:"group-label"},r("span",{class:"label-text"},this.label,this.required&&r("span",{class:"required-indicator"},"*")),this.showSelectionCount&&r("span",{class:"selection-count"},"(",this.value.length,this.max!==1/0?" / "+this.max:""," selected)")):null}renderHelperText(){if(this.invalid&&this.errorMessage)return r("div",{class:"helper-text error"},r("ui-icon",{name:"fa-exclamation-circle"}),this.errorMessage);if(this.helperText)return r("div",{class:"helper-text"},this.helperText);if(this.min>0||this.max!==1/0){const e=this.value.length;let t="";return this.min>0&&this.max!==1/0?t=`Select ${this.min}-${this.max} options (${e} selected)`:this.min>0?t=`Select at least ${this.min} option${this.min>1?"s":""} (${e} selected)`:this.max!==1/0&&(t=`Select up to ${this.max} option${this.max>1?"s":""} (${e} selected)`),r("div",{class:"helper-text"},t)}return null}options=[];searchable=!1;searchPlaceholder="Search options...";layout="list";columns=2;searchQuery="";handleSearch=e=>{this.searchQuery=e.target.value.toLowerCase()};getFilteredOptions(){if(!this.options||0===this.options.length)return[];const e=this.options.map((e=>"string"==typeof e?{label:e,value:e,disabled:!1}:e));return this.searchQuery?e.filter((e=>e.label.toLowerCase().includes(this.searchQuery))):e}renderSearch(){return this.searchable?r("div",{class:{"checkbox-search":!0,"search-active":this.searchQuery.length>0}},r("div",{class:"search-input-wrapper"},r("ui-icon",{name:"search",library:"lucide",class:"search-icon"}),r("input",{type:"text",placeholder:this.searchPlaceholder,onInput:this.handleSearch,value:this.searchQuery,class:"search-input"}),this.searchQuery.length>0&&r("ui-button",{variant:"ghost",class:"clear-search",onClick:()=>{this.searchQuery=""},icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}renderDataOptions(){const e=this.getFilteredOptions();if(0===e.length&&this.searchQuery)return r("div",{class:"no-results"},"No options found");const t=this.normalizeValue(this.value);return e.map(((e,i)=>r("ui-checkbox",{value:e.value,label:e.label,disabled:this.disabled||e.disabled,readonly:this.readonly,size:this.size,color:this.color,variant:e.variant||"default",name:this.name,checked:t.includes(e.value),reveal:this.reveal,revealDelay:this.revealDelay+i*this.revealStagger,rtl:this.rtl,isButton:this.buttonGroup,onCheckboxChange:this.handleCheckboxChange})))}render(){const e=this.options&&this.options.length>0;return r("div",{key:"05a2da58c9dd7f3438076d3beb725f3596545cb6",class:{"checkbox-group":!0,["checkbox-group-"+this.orientation]:"list"===this.layout,"checkbox-group-grid":"grid"===this.layout,["checkbox-group-cols-"+this.columns]:"grid"===this.layout,["checkbox-group-"+this.size]:!0,"checkbox-group-disabled":this.disabled,"checkbox-group-readonly":this.readonly,"checkbox-group-invalid":this.invalid,"checkbox-group-button":this.buttonGroup,"is-victory":this.isVictory},dir:this.rtl?"rtl":"ltr"},this.renderLabel(),this.renderSearch(),this.renderSelectAll(),r("div",{key:"0a64f5ff1b6474c771059e6d856b42a48641d5a1",class:"checkbox-group-items",style:"grid"===this.layout?{display:"grid",gridTemplateColumns:`repeat(${this.columns}, 1fr)`,gap:this.gap}:{gap:this.gap},role:"group","aria-labelledby":this.label?"group-label":void 0,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false"},e?this.renderDataOptions():r("slot",null)),this.renderHelperText())}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group.is-victory .group-label .selection-count{animation:victory-pulse 2s infinite ease-in-out;background:var(--primary-color);color:var(--text-standard, #ffffff);box-shadow:0 0 15px var(--primary-color)}.group-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;cursor:default}.group-label .selection-count{font-size:10px;font-weight:600;text-transform:none;letter-spacing:normal;opacity:1;color:var(--label-subtitle-color, var(--text-secondary, #666));background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:10px}.required-indicator{color:var(--danger-color, #f44336);margin-inline-start:4px}.select-all-container{padding-bottom:8px;border-bottom:1px solid var(--border-color, #e0e0e0)}.checkbox-group-items{display:flex}.checkbox-group-vertical .checkbox-group-items{flex-direction:column}.checkbox-group-horizontal .checkbox-group-items{flex-direction:row;flex-wrap:wrap}.checkbox-group-disabled{opacity:0.6;pointer-events:none}.checkbox-group-readonly{pointer-events:none}.checkbox-group-invalid .group-label{color:var(--danger-color, #f44336)}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));display:flex;align-items:center;gap:6px}.helper-text.error{color:var(--danger-color, #f44336)}.helper-text i{font-size:14px}.checkbox-group-sm .group-label{font-size:12px}.checkbox-group-sm .helper-text{font-size:11px}.checkbox-group-lg .group-label{font-size:16px}.checkbox-group-lg .helper-text{font-size:13px}.checkbox-search{position:relative;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.checkbox-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.checkbox-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.checkbox-search .search-icon{margin-left:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.checkbox-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.checkbox-search input.search-input::placeholder{opacity:1}.checkbox-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;color:var(--text-secondary);transition:all 0.2s}.checkbox-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.checkbox-search .clear-search ui-icon{font-size:14px}@keyframes victory-pulse{0%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}50%{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}100%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}}.no-results{font-size:14px;color:var(--text-secondary, #999);padding:8px 0;font-style:italic}.checkbox-group-grid .checkbox-group-items{display:grid}"}},[833,"ui-checkbox-group",{value:[1040],name:[1],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],required:[4],disabled:[4],readonly:[4],invalid:[4],orientation:[1],gap:[1],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],buttonGroup:[4,"button-group"],min:[2],max:[2],validateOnChange:[4,"validate-on-change"],size:[1],color:[1],showSelectionCount:[4,"show-selection-count"],reveal:[1],revealDelay:[2,"reveal-delay"],revealStagger:[2,"reveal-stagger"],victoryGlow:[4,"victory-glow"],rtl:[4],options:[16],searchable:[4],searchPlaceholder:[1,"search-placeholder"],layout:[1],columns:[2],selectAllState:[32],isVictory:[32],searchQuery:[32]},[[0,"checkboxChange","handleCheckboxChange"]],{value:[{handleValueChange:0}]}]),n=h,p=function(){"undefined"!=typeof customElements&&["ui-checkbox-group","ui-badge","ui-button","ui-checkbox","ui-icon"].forEach((e=>{switch(e){case"ui-checkbox-group":customElements.get(s(e))||customElements.define(s(e),h);break;case"ui-badge":customElements.get(s(e))||a();break;case"ui-button":customElements.get(s(e))||o();break;case"ui-checkbox":customElements.get(s(e))||l();break;case"ui-icon":customElements.get(s(e))||c()}}))};export{n as UiCheckboxGroup,p as defineCustomElement}

package/dist/components/ui-image-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiImageButton extends Components.UiImageButton, HTMLElement {}
-export const UiImageButton: {
-    prototype: UiImageButton;
-    new (): UiImageButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-image-button.js

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

package/dist/components/ui-input-pair.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as n,a as o}from"./badge.js";import{d as l}from"./icon.js";import{d as p}from"./input.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}labelLeft="";labelRight="";label;valueLeft="";valueRight="";placeholderLeft="";placeholderRight="";type="text";variant="outlined";size="md";gap="0";fullWidth=!1;render(){return e(a,{key:"fdf7f4502e0ae69ee732870df215948f6dd343d4",class:{"full-width":this.fullWidth}},this.label&&e("div",{key:"fab76ee80e86ffb845930a8b2ce26d210da9e72c",class:"pair-main-label"},this.label),e("div",{key:"cb95a4fda33d88723248c58d57e526f9ab7fc1c6",class:{"pair-container":!0,"is-connected":"0"===this.gap},style:{gap:"0"!==this.gap?this.gap:void 0}},e("div",{key:"562af03d33b4c7ec4f55ffa805dbbda5fa0e2c95",class:"input-item left"},e("ui-input",{key:"c75ac1faec6b8b0903d578064ba60529a923d4eb",label:this.labelLeft,placeholder:this.placeholderLeft,value:this.valueLeft,type:this.type,variant:this.variant,size:this.size,"full-width":!0})),e("div",{key:"2740efa73d5758bf88c58f2853cba1da3f43a420",class:"input-item right"},e("ui-input",{key:"4e110393af0e26ace0de9a68f12a9cb54b90d935",label:this.labelRight,placeholder:this.placeholderRight,value:this.valueRight,type:this.type,variant:this.variant,size:this.size,"full-width":!0}))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:auto;min-width:0;--pair-radius:10px}:host.full-width{width:100%}.pair-main-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-secondary, #64748b));margin-bottom:8px}.pair-container{display:flex;align-items:flex-end;width:100%}.pair-container .input-item{flex:1;min-width:0}.pair-container{}.pair-container .input-item.left ui-input::part(container),.pair-container .input-item.right ui-input::part(container){border-radius:var(--pair-radius);border-width:1.5px}.pair-container.is-connected .input-item.left ui-input::part(container){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0.75px}.pair-container.is-connected .input-item.right ui-input::part(container){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0.75px}"}},[513,"ui-input-pair",{labelLeft:[1,"label-left"],labelRight:[1,"label-right"],label:[1],valueLeft:[1,"value-left"],valueRight:[1,"value-right"],placeholderLeft:[1,"placeholder-left"],placeholderRight:[1,"placeholder-right"],type:[1],variant:[1],size:[1],gap:[1],fullWidth:[4,"full-width"]}]),d=s,c=function(){"undefined"!=typeof customElements&&["ui-input-pair","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-input-pair":customElements.get(r(t))||customElements.define(r(t),s);break;case"ui-badge":customElements.get(r(t))||o();break;case"ui-button":customElements.get(r(t))||n();break;case"ui-icon":customElements.get(r(t))||l();break;case"ui-input":customElements.get(r(t))||p()}}))};export{d as UiInputPair,c as defineCustomElement}

package/dist/components/ui-radio-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiRadioGroup extends Components.UiRadioGroup, HTMLElement {}
-export const UiRadioGroup: {
-    prototype: UiRadioGroup;
-    new (): UiRadioGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-radio-group.js

@@ -1 +0,0 @@
-import{proxyCustomElement as i,HTMLElement as r,createEvent as t,h as e,transformTag as a}from"@stencil/core/internal/client";import{d as o,a as s}from"./badge.js";import{d as l}from"./icon.js";import{d as n}from"./input.js";import{d}from"./radio.js";const p=i(class extends r{internals;get el(){return this}value="";name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="vertical";columns=2;gap="16px";size="md";color="primary";options=[];labelPosition="right";enableAnimation=!0;rippleEffect=!0;buttonGroup=!1;variant="default";skeleton=!1;allowEmpty=!1;showDot=!0;reveal="none";revealDelay=0;revealStagger=60;searchable=!1;searchPlaceholder="Search items...";rtl=!1;radios=[];searchQuery="";radioGroupChange;constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.radioGroupChange=t(this,"radioGroupChange",7),this.internals=this.el.attachInternals()}componentWillLoad(){this.updateOptions(),this.internals.setFormValue(this.value)}componentDidLoad(){this.syncRadios()}componentDidUpdate(){this.syncRadios()}watchValue(){this.syncRadios()}updateOptions(){let i=[];if("string"==typeof this.options)try{i=JSON.parse(this.options)}catch{console.error("Invalid options JSON"),i=[]}else Array.isArray(this.options)&&(i=[...this.options]);JSON.stringify(this.radios)!==JSON.stringify(i)&&(this.radios=i)}handleRadioClick(i){if(!this.allowEmpty)return;const r=i.target.closest("ui-radio")||i.composedPath&&i.composedPath().find((i=>"UI-RADIO"===i.tagName));!r||r.disabled||this.disabled||r.value===this.value&&(i.preventDefault(),i.stopPropagation(),this.value="",this.radioGroupChange.emit({value:""}))}handleRadioChange(i){const{checked:r,value:t}=i.detail;r&&(this.value=t,this.internals.setFormValue(t),this.updateValidity(),this.radioGroupChange.emit({value:t}))}updateValidity(){this.required&&!this.value?this.internals.setValidity({valueMissing:!0},"Please select an option.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}getRadios(){return[...Array.from(this.el.shadowRoot.querySelectorAll("ui-radio")),...Array.from(this.el.querySelectorAll("ui-radio"))]}syncRadios(){this.getRadios().forEach(((i,r)=>{i.checked=i.value===this.value,i.isButton=this.buttonGroup,i.variant=this.variant,i.skeleton=this.skeleton,i.name=this.name,i.reveal=this.reveal,i.revealDelay=this.revealDelay+r*this.revealStagger,i.rtl=this.rtl}))}renderLabel(){return this.label?e("div",{class:"radio-group-label"},this.label,this.required&&e("span",{class:"required-indicator"},"*")):null}renderSearch(){return this.searchable?e("div",{class:{"radio-search":!0,"search-active":this.searchQuery.length>0}},e("div",{class:"search-input-wrapper"},e("ui-icon",{name:"search",library:"lucide",class:"search-icon"}),e("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:i=>{this.searchQuery=i.detail.toLowerCase()},value:this.searchQuery,size:"sm",fullWidth:!0}),this.searchQuery.length>0&&e("ui-button",{variant:"ghost",class:"clear-search",onClick:()=>{this.searchQuery=""},ariaLabel:"Clear search",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}render(){const i=Array.isArray(this.radios)?this.radios.filter((i=>!this.searchQuery||i.label.toLowerCase().includes(this.searchQuery))):[],r={"radio-group":!0,["radio-group-"+this.layout]:!0,"radio-group-disabled":this.disabled,"radio-group-invalid":this.invalid,"radio-group-button":this.buttonGroup,["radio-group-variant-"+this.variant]:!0,"radio-group-skeleton":this.skeleton},t={"radio-list":!0,["radio-list-"+this.layout]:!0},a={..."grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},gap:this.gap};return e("div",{key:"8f4bf0db359a75ef98dfb5719adbd6b70fea3c38",class:r,role:"radiogroup","aria-label":this.label,dir:this.rtl?"rtl":"ltr"},this.renderLabel(),this.renderSearch(),e("div",{key:"6eb5c03abf60138dd6b20b7830fdc80310729bf8",class:t,style:a},e("slot",{key:"bdc217a91c554f749634d0b9ba2965b1f626ee27"}),0===i.length&&this.searchQuery&&e("div",{key:"f7dd1dc1cda443e0877a64c5e04cba402f905c6f",class:"no-results"},"No matches found"),i.map(((i,r)=>e("ui-radio",{value:i.value,label:i.label,description:i.description,badge:i.badge,tooltip:i.tooltip,"tooltip-position":i.tooltipPosition,name:this.name,checked:this.value===i.value,disabled:this.disabled||i.disabled,readonly:this.readonly,invalid:this.invalid,size:this.size,color:this.color,"label-position":this.labelPosition,"show-dot":this.showDot,"enable-animation":this.enableAnimation,"ripple-effect":this.rippleEffect,"is-button":this.buttonGroup,variant:this.variant,skeleton:this.skeleton,reveal:this.reveal,"reveal-delay":this.revealDelay+r*this.revealStagger,rtl:this.rtl})))),this.renderHelperText())}renderHelperText(){return this.invalid&&this.errorMessage?e("div",{class:"helper-text error"},e("ui-icon",{library:"lucide",name:"alert-circle",size:"14px"}),this.errorMessage):this.helperText?e("div",{class:"helper-text"},this.helperText):null}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],options:[{updateOptions:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-group{display:flex;flex-direction:column;gap:12px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.radio-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary));margin-bottom:8px}.radio-search{position:relative;margin-bottom:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.radio-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.radio-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.radio-search .search-icon{margin-inline-start:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.radio-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.radio-search input.search-input::placeholder{opacity:0.5}.radio-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-inline-end:6px;color:var(--text-secondary);transition:all 0.2s}.radio-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.radio-search .clear-search ui-icon{font-size:14px}.no-results{font-size:13px;color:var(--text-secondary);padding:12px 0;font-style:italic;opacity:0.7}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.radio-list{display:flex}.radio-list-vertical{flex-direction:column}.radio-list-horizontal{flex-direction:row;flex-wrap:wrap}.radio-list-grid{display:grid}.radio-group-button .radio-list{gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0);width:fit-content}.radio-group-button ui-radio:not(:first-child){margin-inline-start:-1px}.radio-group-button ui-radio{display:flex;flex:1}.radio-group-button .radio-list-vertical{flex-direction:column;width:100%}.radio-group-button .radio-list-vertical ui-radio:not(:first-child){margin-inline-start:0;margin-top:-1px}.radio-group-button .radio-list-vertical ui-radio:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.radio-group-button .radio-list-vertical ui-radio:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.radio-group-skeleton .radio-group-label{background:var(--bg-primary, #e5e7eb);color:transparent;border-radius:4px;width:150px}.helper-text{font-size:0.875rem;color:var(--label-subtitle-color, var(--text-muted, #6b7280));display:flex;align-items:center;gap:4px;margin-top:4px}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.radio-group-disabled{opacity:0.6;pointer-events:none}.radio-group-invalid .radio-group-label{color:var(--color-danger-hover, #dc2626)}'}},[833,"ui-radio-group",{value:[1025],name:[1],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],layout:[1],columns:[2],gap:[1],size:[1],color:[1],options:[1],labelPosition:[1,"label-position"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],buttonGroup:[4,"button-group"],variant:[1],skeleton:[4],allowEmpty:[4,"allow-empty"],showDot:[4,"show-dot"],reveal:[1],revealDelay:[2,"reveal-delay"],revealStagger:[2,"reveal-stagger"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],rtl:[4],radios:[32],searchQuery:[32],checkValidity:[64],reportValidity:[64]},[[2,"click","handleRadioClick"],[0,"radioChange","handleRadioChange"]],{value:[{watchValue:0}],options:[{updateOptions:0}]}]),c=p,h=function(){"undefined"!=typeof customElements&&["ui-radio-group","ui-badge","ui-button","ui-icon","ui-input","ui-radio"].forEach((i=>{switch(i){case"ui-radio-group":customElements.get(a(i))||customElements.define(a(i),p);break;case"ui-badge":customElements.get(a(i))||s();break;case"ui-button":customElements.get(a(i))||o();break;case"ui-icon":customElements.get(a(i))||l();break;case"ui-input":customElements.get(a(i))||n();break;case"ui-radio":customElements.get(a(i))||d()}}))};export{c as UiRadioGroup,h as defineCustomElement}

package/dist/esm/ui-checkbox-group.entry.js

@@ -1,328 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DUsoYu9r.js';
-
-const checkboxGroupCss = () => `.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}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group.is-victory .group-label .selection-count{animation:victory-pulse 2s infinite ease-in-out;background:var(--primary-color);color:var(--text-standard, #ffffff);box-shadow:0 0 15px var(--primary-color)}.group-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;cursor:default}.group-label .selection-count{font-size:10px;font-weight:600;text-transform:none;letter-spacing:normal;opacity:1;color:var(--label-subtitle-color, var(--text-secondary, #666));background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:10px}.required-indicator{color:var(--danger-color, #f44336);margin-inline-start:4px}.select-all-container{padding-bottom:8px;border-bottom:1px solid var(--border-color, #e0e0e0)}.checkbox-group-items{display:flex}.checkbox-group-vertical .checkbox-group-items{flex-direction:column}.checkbox-group-horizontal .checkbox-group-items{flex-direction:row;flex-wrap:wrap}.checkbox-group-disabled{opacity:0.6;pointer-events:none}.checkbox-group-readonly{pointer-events:none}.checkbox-group-invalid .group-label{color:var(--danger-color, #f44336)}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));display:flex;align-items:center;gap:6px}.helper-text.error{color:var(--danger-color, #f44336)}.helper-text i{font-size:14px}.checkbox-group-sm .group-label{font-size:12px}.checkbox-group-sm .helper-text{font-size:11px}.checkbox-group-lg .group-label{font-size:16px}.checkbox-group-lg .helper-text{font-size:13px}.checkbox-search{position:relative;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.checkbox-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.checkbox-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.checkbox-search .search-icon{margin-left:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.checkbox-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.checkbox-search input.search-input::placeholder{opacity:1}.checkbox-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;color:var(--text-secondary);transition:all 0.2s}.checkbox-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.checkbox-search .clear-search ui-icon{font-size:14px}@keyframes victory-pulse{0%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}50%{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}100%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}}.no-results{font-size:14px;color:var(--text-secondary, #999);padding:8px 0;font-style:italic}.checkbox-group-grid .checkbox-group-items{display:grid}`;
-
-const CheckboxGroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.groupChange = createEvent(this, "groupChange");
-        this.groupValidation = createEvent(this, "groupValidation");
-    }
-    /**
-     * Ensures value is always a string array
-     */
-    normalizeValue(val) {
-        if (Array.isArray(val))
-            return val;
-        if (typeof val === 'string')
-            return val ? val.split(',') : [];
-        return [];
-    }
-    get el() { return getElement(this); }
-    internals;
-    value = [];
-    name = '';
-    label = '';
-    helperText = '';
-    errorMessage = '';
-    required = false;
-    disabled = false;
-    readonly = false;
-    invalid = false;
-    orientation = 'vertical';
-    gap = '12px';
-    showSelectAll = false;
-    selectAllLabel = 'Select All';
-    buttonGroup = false;
-    min = 0;
-    max = Infinity;
-    validateOnChange = true;
-    size = 'md';
-    color = 'primary';
-    showSelectionCount = false;
-    /** Entrance animation */
-    reveal = 'none';
-    /** Delay for entry animation (ms) */
-    revealDelay = 0;
-    /** Stagger delay between items */
-    revealStagger = 60;
-    /** High-Fidelity: Victory glow pulse when all selected */
-    victoryGlow = false;
-    /** High-Fidelity: RTL support */
-    rtl = false;
-    selectAllState = 'none';
-    isVictory = false;
-    groupChange;
-    groupValidation;
-    componentWillLoad() {
-        this.internals = this.el.attachInternals();
-        this.updateFormValue();
-        this.discoverCheckboxes();
-        this.updateCheckboxStates();
-        this.updateSelectAllState();
-    }
-    /**
-     * Stencil form-association callback
-     */
-    formResetCallback() {
-        this.value = [];
-        this.updateCheckboxStates();
-        this.updateSelectAllState();
-        this.updateFormValue();
-    }
-    handleValueChange() {
-        this.updateCheckboxStates();
-        this.updateSelectAllState();
-        if (this.validateOnChange) {
-            this.validate();
-        }
-    }
-    handleCheckboxChange(event) {
-        const { checked, value: checkboxValue } = event.detail;
-        if (this.disabled || this.readonly)
-            return;
-        let valueArr = this.normalizeValue(this.value);
-        if (checked) {
-            if (!valueArr.includes(checkboxValue)) {
-                if (this.max === Infinity || valueArr.length < this.max) {
-                    valueArr = [...valueArr, checkboxValue];
-                }
-            }
-        }
-        else {
-            valueArr = valueArr.filter(v => v !== checkboxValue);
-        }
-        this.value = valueArr;
-        this.groupChange.emit({ value: this.value });
-        this.updateSelectAllState();
-        if (this.validateOnChange) {
-            this.validate();
-        }
-        this.updateFormValue();
-    }
-    updateFormValue() {
-        if (this.name) {
-            const data = new FormData();
-            this.value.forEach(val => data.append(this.name, val));
-            this.internals.setFormValue(data);
-        }
-        else {
-            this.internals.setFormValue(this.value.join(','));
-        }
-    }
-    discoverCheckboxes() {
-        // This is no longer needed as we use getAllCheckboxes in real-time
-    }
-    updateCheckboxStates() {
-        const allCbs = this.getAllCheckboxes();
-        const valueArr = this.normalizeValue(this.value);
-        const isMaxReached = this.max !== Infinity && valueArr.length >= this.max;
-        allCbs.forEach((checkbox, index) => {
-            checkbox.checked = valueArr.includes(checkbox.value);
-            checkbox.disabled = this.disabled || (isMaxReached && !checkbox.checked) || checkbox.disabled;
-            checkbox.readonly = this.readonly;
-            checkbox.size = this.size;
-            checkbox.color = this.color;
-            checkbox.reveal = this.reveal;
-            checkbox.revealDelay = this.revealDelay + (index * this.revealStagger);
-            checkbox.rtl = this.rtl;
-            checkbox.isButton = this.buttonGroup;
-            if (this.name) {
-                checkbox.name = this.name;
-            }
-        });
-    }
-    getAllCheckboxes() {
-        const slotted = Array.from(this.el.querySelectorAll('ui-checkbox'));
-        // If we have options prop, we need to consider them too, but they are rendered as components
-        // Stencil's shadow DOM might make this tricky if they are inside. 
-        // Actually, we can just get them from the shadow root if they are rendered in renderDataOptions
-        const shadowCbs = Array.from(this.el.shadowRoot.querySelectorAll('ui-checkbox'));
-        return [...slotted, ...shadowCbs];
-    }
-    updateSelectAllState() {
-        const allCbs = this.getAllCheckboxes();
-        const valueArr = this.normalizeValue(this.value);
-        const enabledCheckboxes = allCbs.filter((cb) => !cb.disabled);
-        if (enabledCheckboxes.length === 0)
-            return;
-        const checkedCount = enabledCheckboxes.filter((cb) => valueArr.includes(cb.value)).length;
-        if (checkedCount === 0) {
-            this.selectAllState = 'none';
-            this.isVictory = false;
-        }
-        else if (checkedCount === enabledCheckboxes.length) {
-            this.selectAllState = 'all';
-            if (this.victoryGlow)
-                this.isVictory = true;
-        }
-        else {
-            this.selectAllState = 'some';
-            this.isVictory = false;
-        }
-    }
-    handleSelectAllChange = (event) => {
-        if (this.disabled || this.readonly)
-            return;
-        const target = event.target;
-        const allCbs = this.getAllCheckboxes();
-        const enabledCheckboxes = allCbs.filter((cb) => !cb.disabled);
-        if (target.checked) {
-            // Select all enabled checkboxes
-            const allValues = enabledCheckboxes.map((cb) => cb.value);
-            const uniqueValues = Array.from(new Set([...this.value, ...allValues]));
-            // Respect max limit
-            if (this.max !== Infinity) {
-                this.value = uniqueValues.slice(0, this.max);
-            }
-            else {
-                this.value = uniqueValues;
-            }
-        }
-        else {
-            // Deselect all
-            const enabledValues = enabledCheckboxes.map((cb) => cb.value);
-            this.value = this.value.filter(v => !enabledValues.includes(v));
-        }
-        this.groupChange.emit({ value: this.value });
-        this.updateSelectAllState();
-        if (this.validateOnChange) {
-            this.validate();
-        }
-    };
-    validate() {
-        const errors = [];
-        if (this.required && this.value.length === 0) {
-            errors.push('At least one option must be selected');
-        }
-        if (this.min > 0 && this.value.length < this.min) {
-            errors.push(`At least ${this.min} option${this.min > 1 ? 's' : ''} must be selected`);
-        }
-        if (this.max !== Infinity && this.value.length > this.max) {
-            errors.push(`No more than ${this.max} option${this.max > 1 ? 's' : ''} can be selected`);
-        }
-        const valid = errors.length === 0;
-        this.groupValidation.emit({ valid, errors });
-        return valid;
-    }
-    selectAll() {
-        const allCbs = this.getAllCheckboxes();
-        const enabledCheckboxes = allCbs.filter((cb) => !cb.disabled);
-        const allValues = enabledCheckboxes.map((cb) => cb.value);
-        if (this.max !== Infinity) {
-            this.value = allValues.slice(0, this.max);
-        }
-        else {
-            this.value = allValues;
-        }
-        this.groupChange.emit({ value: this.value });
-    }
-    deselectAll() {
-        this.value = [];
-        this.groupChange.emit({ value: this.value });
-    }
-    toggleAll() {
-        if (this.selectAllState === 'all') {
-            this.deselectAll();
-        }
-        else {
-            this.selectAll();
-        }
-    }
-    renderSelectAll() {
-        if (!this.showSelectAll)
-            return null;
-        return (h("div", { class: "select-all-container" }, h("ui-checkbox", { checked: this.selectAllState === 'all', indeterminate: this.selectAllState === 'some', label: this.selectAllLabel, disabled: this.disabled, readonly: this.readonly, size: this.size, color: this.color, rtl: this.rtl, onCheckboxChange: this.handleSelectAllChange })));
-    }
-    renderLabel() {
-        if (!this.label)
-            return null;
-        return (h("div", { class: "group-label" }, h("span", { class: "label-text" }, this.label, this.required && h("span", { class: "required-indicator" }, "*")), this.showSelectionCount && (h("span", { class: "selection-count" }, "(", this.value.length, this.max !== Infinity ? ` / ${this.max}` : '', " selected)"))));
-    }
-    renderHelperText() {
-        if (this.invalid && this.errorMessage) {
-            return (h("div", { class: "helper-text error" }, h("ui-icon", { name: "fa-exclamation-circle" }), this.errorMessage));
-        }
-        if (this.helperText) {
-            return h("div", { class: "helper-text" }, this.helperText);
-        }
-        if (this.min > 0 || this.max !== Infinity) {
-            const count = this.value.length;
-            let text = '';
-            if (this.min > 0 && this.max !== Infinity) {
-                text = `Select ${this.min}-${this.max} options (${count} selected)`;
-            }
-            else if (this.min > 0) {
-                text = `Select at least ${this.min} option${this.min > 1 ? 's' : ''} (${count} selected)`;
-            }
-            else if (this.max !== Infinity) {
-                text = `Select up to ${this.max} option${this.max > 1 ? 's' : ''} (${count} selected)`;
-            }
-            return h("div", { class: "helper-text" }, text);
-        }
-        return null;
-    }
-    options = [];
-    searchable = false;
-    searchPlaceholder = 'Search options...';
-    layout = 'list';
-    columns = 2; // For grid layout
-    searchQuery = '';
-    handleSearch = (e) => {
-        this.searchQuery = e.target.value.toLowerCase();
-    };
-    getFilteredOptions() {
-        if (!this.options || this.options.length === 0)
-            return [];
-        // Normalize options
-        const normalizedOptions = this.options.map(opt => typeof opt === 'string' ? { label: opt, value: opt, disabled: false } : opt);
-        if (!this.searchQuery)
-            return normalizedOptions;
-        return normalizedOptions.filter(opt => opt.label.toLowerCase().includes(this.searchQuery));
-    }
-    renderSearch() {
-        if (!this.searchable)
-            return null;
-        return (h("div", { class: {
-                'checkbox-search': true,
-                'search-active': this.searchQuery.length > 0
-            } }, h("div", { class: "search-input-wrapper" }, h("ui-icon", { name: "search", library: "lucide", class: "search-icon" }), h("input", { type: "text", placeholder: this.searchPlaceholder, onInput: this.handleSearch, value: this.searchQuery, class: "search-input" }), this.searchQuery.length > 0 && (h("ui-button", { variant: "ghost", class: "clear-search", onClick: () => { this.searchQuery = ''; }, icon: "x", iconLibrary: "lucide", iconOnly: true, size: "sm" })))));
-    }
-    renderDataOptions() {
-        const visibleOptions = this.getFilteredOptions();
-        if (visibleOptions.length === 0 && this.searchQuery) {
-            return h("div", { class: "no-results" }, "No options found");
-        }
-        const valueArr = this.normalizeValue(this.value);
-        return visibleOptions.map((opt, index) => (h("ui-checkbox", { value: opt.value, label: opt.label, disabled: this.disabled || opt.disabled, readonly: this.readonly, size: this.size, color: this.color, variant: opt.variant || 'default', name: this.name, checked: valueArr.includes(opt.value), reveal: this.reveal, revealDelay: this.revealDelay + (index * this.revealStagger), rtl: this.rtl, isButton: this.buttonGroup, onCheckboxChange: this.handleCheckboxChange })));
-    }
-    render() {
-        const containerClasses = {
-            'checkbox-group': true,
-            [`checkbox-group-${this.orientation}`]: this.layout === 'list',
-            [`checkbox-group-grid`]: this.layout === 'grid',
-            [`checkbox-group-cols-${this.columns}`]: this.layout === 'grid',
-            [`checkbox-group-${this.size}`]: true,
-            'checkbox-group-disabled': this.disabled,
-            'checkbox-group-readonly': this.readonly,
-            'checkbox-group-invalid': this.invalid,
-            'checkbox-group-button': this.buttonGroup,
-            'is-victory': this.isVictory
-        };
-        const hasDataOptions = this.options && this.options.length > 0;
-        return (h("div", { key: '05a2da58c9dd7f3438076d3beb725f3596545cb6', class: containerClasses, dir: this.rtl ? 'rtl' : 'ltr' }, this.renderLabel(), this.renderSearch(), this.renderSelectAll(), h("div", { key: '0a64f5ff1b6474c771059e6d856b42a48641d5a1', class: "checkbox-group-items", style: this.layout === 'grid' ? {
-                display: 'grid',
-                gridTemplateColumns: `repeat(${this.columns}, 1fr)`,
-                gap: this.gap
-            } : { gap: this.gap }, role: "group", "aria-labelledby": this.label ? 'group-label' : undefined, "aria-required": this.required ? 'true' : 'false', "aria-invalid": this.invalid ? 'true' : 'false' }, hasDataOptions ? this.renderDataOptions() : h("slot", null)), this.renderHelperText()));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "value": [{
-                "handleValueChange": 0
-            }]
-    }; }
-};
-CheckboxGroup.style = checkboxGroupCss();
-
-export { CheckboxGroup as ui_checkbox_group };

package/dist/esm/ui-image-button.entry.js

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

package/dist/esm/ui-input-pair.entry.js

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