@elenajs/components 0.9.0 → 0.10.0

package/dist/bundle.css

@@ -1 +1 @@
-elena-button{--elena-button-bg:transparent;--elena-button-text:#333;--elena-button-border:#f19c77;--elena-button-radius:10rem;--elena-button-font:sans-serif;all:initial;display:inline-block}elena-button .elena-button{all:initial;display:inline-flex}:is(elena-button:not(.elena-hydrated),.elena-button){-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;background:var(--elena-button-bg);color:var(--elena-button-text);border-radius:var(--elena-button-radius);border:2px solid var(--elena-button-border);font-family:var(--elena-button-font);font-size:1rem;font-weight:700;padding:0.75rem 1.25rem;cursor:pointer}:is(elena-button:not(.elena-hydrated))::after{content:attr(label)}elena-button:hover{opacity:0.8}elena-button:active{opacity:0.6}elena-button:focus-within{box-shadow:0 0 0 3px red}elena-button[disabled]{--elena-button-bg:#2b1c15;--elena-button-text:#fff;--elena-button-border:#2b1c15;opacity:0.3;pointer-events:none}elena-button[variant="primary"]{--elena-button-bg:#f19c77;--elena-button-text:#2b1c15}elena-button[variant="danger"]{--elena-button-text:red;--elena-button-border:red}elena-input{--elena-input-bg:transparent;--elena-input-text:#333;--elena-input-border:#333;--elena-input-radius:4px;--elena-input-font:sans-serif;all:unset;min-inline-size:300px;box-sizing:border-box;display:inline-block;flex-direction:column;gap:5px}:is(elena-input:not(.elena-hydrated),.elena-input){-webkit-appearance:none;appearance:none;display:inline-flex;-webkit-user-select:none;user-select:none;line-height:1;block-size:3rem;background:var(--elena-input-bg);color:var(--elena-input-text);border-radius:var(--elena-input-radius);border:1px solid var(--elena-input-border);font-family:var(--elena-input-font);font-weight:700;padding:0.75rem 1.25rem;cursor:text;position:relative}elena-input:not(.elena-hydrated){margin-block-start:1.82rem}elena-input:not(.elena-hydrated)::before{content:attr(label);position:absolute;font-weight:700;top:-1.78rem;left:-1px;display:block;inline-size:100%}elena-input:not(.elena-hydrated)::after{content:attr(placeholder);display:flex;align-items:center;block-size:100%;color:#aaa}elena-input .elena-input{font-size:100%;box-sizing:border-box;inline-size:100%}elena-input label{font-weight:700;display:block;block-size:1.5rem;margin:0;inline-size:100%}.elena-input-container{inline-size:100%}elena-input input:focus{box-shadow:0 0 0 1px red}elena-input input::placeholder{opacity:1;color:#aaa}elena-input[error]{--elena-input-border:red}elena-input .elena-error{color:red}elena-stack{display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column wrap;gap:0.5rem}elena-stack[direction="row"]{flex-direction:row}
+@scope (elena-button){:scope{--elena-button-bg:#463630;--elena-button-text:#fff;--elena-button-font:sans-serif;--elena-button-radius:10rem;all:unset;display:inline-block;border-radius:var(--elena-button-radius)}button{all:unset;display:inline-flex}:scope:not([hydrated]),button{background:var(--elena-button-bg);color:var(--elena-button-text);font-family:var(--elena-button-font);border-radius:var(--elena-button-radius);appearance:none;user-select:none;font-size:1rem;font-weight:700;padding:0.75rem 1.25rem;cursor:pointer}:scope:hover{opacity:0.8}:scope:active{opacity:0.6}:scope:focus-within{outline:2px solid #f95b1f;outline-offset:2px}:scope[disabled]{--elena-button-bg:#2b1c15;--elena-button-text:#fff;--elena-button-border:#2b1c15;opacity:0.3;pointer-events:none}:scope[variant="primary"]{--elena-button-bg:#f95b1f}:scope[variant="danger"]{--elena-button-bg:#f91f1f}}@scope (elena-stack){:scope{all:unset;display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column wrap;flex-direction:column;gap:0.5rem}:scope[direction="row"]{flex-direction:row}}

package/dist/bundle.js

@@ -1,2 +1,2 @@
-function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i=new WeakMap;function l(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],l=i&&i.__raw,a=l?String(i):s(String(i??""));if(a!==e._tplValues[t])if(e._tplValues[t]=a,l)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let l=i.get(t);l||(l=Array.from(t,e=>e.replace(/\n\s*/g," ")),i.set(t,l));const a=l.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,a),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function a(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild;class a extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...r&&r.props?r.props:[],"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&l(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props){const n=!(!r||!r.element);for(const[s,r]of this._props){const i=e(typeof r,r,"toAttribute");t(this,s,i),n&&t(this.element,s,i)}}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.classList.add("elena-hydrated"))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return r&&r.props?.length&&(r.props.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r=!0){for(const i of s)Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(i))return;if(this._props.set(i,n),!this.isConnected)return;const s=e(typeof n,n,"toAttribute");t(this,i,s),r&&this.element&&t(this.element,i,s)}})}(a.prototype,r.props,!(!r||!r.element))),r&&r.tagName&&(a._tagName=r.tagName),a.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},a}const o={tagName:"elena-button",props:["label","variant","size","disabled","name","value","type"],events:["click","focus","blur"],element:".elena-button"};class c extends(a(HTMLElement,o)){constructor(){super(),this.variant="default",this.size="md",this.disabled=!1,this.name="",this.value="",this.type="button"}render(){return r`<button class="elena-button">${this.text}</button>`}}c.define();const u={tagName:"elena-input",props:["size","disabled","name","value","type","label","error","placeholder"],events:["click","focus","blur"],element:".elena-input"};class h extends(a(HTMLElement,u)){constructor(){super(),this.size="md",this.disabled=!1,this.name="",this.label="",this.value="",this.placeholder="",this.type="text",this.error=""}render(){return r`<label for="input">${this.label}</label><div class="elena-input-container"><span class="elena-input-start"></span> <input id="input" class="elena-input"> <span class="elena-input-end"></span></div>${this.error?r`<div class="elena-error" role="alert">${this.error}</div>`:""}`}}h.define();const p={tagName:"elena-stack",props:["direction"]};class d extends(a(HTMLElement,p)){constructor(){super(),this.direction="column"}}d.define();export{c as Button,h as Input,d as Stack};
+function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i=new WeakMap;function o(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],o=i&&i.__raw,l=o?String(i):s(String(i??""));if(l!==e._tplValues[t])if(e._tplValues[t]=l,o)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let o=i.get(t);o||(o=Array.from(t,e=>e.replace(/\n\s*/g," ")),i.set(t,o));const l=o.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,l),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function l(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild;class l extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...r&&r.props?r.props:[],"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&o(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props){const n=!(!r||!r.element);for(const[s,r]of this._props){const i=e(typeof r,r,"toAttribute");t(this,s,i),n&&t(this.element,s,i)}}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute("hydrated",""))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return r&&r.props?.length&&(r.props.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r=!0){for(const i of s)Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(i))return;if(this._props.set(i,n),!this.isConnected)return;const s=e(typeof n,n,"toAttribute");t(this,i,s),r&&this.element&&t(this.element,i,s)}})}(l.prototype,r.props,!(!r||!r.element))),r&&r.tagName&&(l._tagName=r.tagName),l.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},l}const a={tagName:"elena-button",props:["label","variant","disabled","name","value","type"],events:["click","focus","blur"]};class c extends(l(HTMLElement,a)){constructor(){super(),this.variant="default",this.disabled=!1,this.name="",this.value="",this.type="button"}render(){return r`<button>${this.text}</button>`}}c.define();const u={tagName:"elena-stack",props:["direction"]};class h extends(l(HTMLElement,u)){constructor(){super(),this.direction="column"}}h.define();export{c as Button,h as Stack};
 //# sourceMappingURL=bundle.js.map

package/dist/bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js","../src/button/button.js","../src/input/input.js","../src/stack/stack.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o=!0){for(const s of r)Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(s))return;if(this._props.set(s,n),!this.isConnected)return;const r=e(typeof n,n,\"toAttribute\");t(this,s,r),o&&this.element&&t(this.element,s,r)}})}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const o=n.reduce((n,o,r)=>{const i=e[r];return n+o+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>o}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,l){const a=l&&l.element?/^[a-z][a-z0-9-]*$/i.test(l.element)?e=>e.getElementsByClassName(l.element)[0]:e=>e.querySelector(l.element):e=>e.firstElementChild;class d extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...l&&l.props?l.props:[],\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&h(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=a(this),this.element||(l&&l.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props){const e=!(!l||!l.element);for(const[t,i]of this._props){const r=s(typeof i,i,\"toAttribute\");n(this,t,r),e&&n(this.element,t,r)}}}_delegateEvents(){!this._events&&l&&l.events&&(this.element?(this._events=!0,l.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.classList.add(\"elena-hydrated\"))}disconnectedCallback(){this._events&&(this._events=!1,l.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){l.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l&&l.props?.length&&(l.props.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(d.prototype,l.props,!(!l||!l.element))),l&&l.tagName&&(d._tagName=l.tagName),d.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},d}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n","import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\"label\", \"variant\", \"size\", \"disabled\", \"name\", \"value\", \"type\"],\n  events: [\"click\", \"focus\", \"blur\"],\n  element: \".elena-button\",\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-color-text] - Controls the color of the text.\n * @cssprop [--elena-button-color-bg] - Controls the color of the background.\n * @cssprop [--elena-button-color-border] - Controls the color of the border.\n * @cssprop [--elena-button-radius] - Controls the radius of the component.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * The size of the button.\n     *\n     * @attribute\n     * @type {\"sm\" | \"md\" | \"lg\"}\n     */\n    this.size = \"md\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {Boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`<button class=\"elena-button\">${this.text}</button>`;\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n","import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-input\",\n  props: [\"size\", \"disabled\", \"name\", \"value\", \"type\", \"label\", \"error\", \"placeholder\"],\n  events: [\"click\", \"focus\", \"blur\"],\n  element: \".elena-input\",\n};\n\n/**\n * The description of the component goes here.\n *\n * @displayName Input\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-input-color-text] - Controls the color of the text.\n * @cssprop [--elena-input-color-bg] - Controls the color of the background.\n * @cssprop [--elena-input-color-border] - Controls the color of the border.\n * @cssprop [--elena-input-radius] - Controls the radius of the component.\n */\nexport default class Input extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The size of the input.\n     *\n     * @attribute\n     * @type {\"sm\" | \"md\" | \"lg\"}\n     */\n    this.size = \"md\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {Boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the input in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The label for the input\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.label = \"\";\n\n    /**\n     * The value used to identify the input in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The placeholder text for the input.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.placeholder = \"\";\n\n    /**\n     * The type of the input\n     *\n     * @attribute\n     * @type {\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\" | \"unit\" | \"button\"}\n     */\n    this.type = \"text\";\n\n    /**\n     * The error to display\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.error = \"\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`\n      <label for=\"input\">${this.label}</label>\n      <div class=\"elena-input-container\">\n        <span class=\"elena-input-start\"></span>\n        <input\n          id=\"input\"\n          class=\"elena-input\"\n        />\n        <span class=\"elena-input-end\"></span>\n      </div>\n      ${this.error ? html`<div class=\"elena-error\" role=\"alert\">${this.error}</div>` : \"\"}\n    `;\n  }\n}\n\n/**\n * Register the web component\n */\nInput.define();\n","import { Elena } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-stack\",\n  props: [\"direction\"],\n};\n\n/**\n * Stack component manages layout of immediate children\n * with optional spacing between each child.\n *\n * @displayName Stack\n * @slot - The stacked content\n * @status alpha\n */\nexport default class Stack extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The direction of the stack.\n     *\n     * @attribute\n     * @type {\"column\" | \"row\"}\n     */\n    this.direction = \"column\";\n  }\n}\n\n/**\n * Register the web component\n */\nStack.define();\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","o","reduce","r","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","props","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","_events","events","forEach","addEventListener","classList","add","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements","options","Button","Elena","HTMLElement","variant","size","disabled","name","value","html","Input","label","placeholder","error","Stack","direction"],"mappings":"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"}
+{"version":3,"file":"bundle.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js","../src/button/button.js","../src/stack/stack.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o=!0){for(const s of r)Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(s))return;if(this._props.set(s,n),!this.isConnected)return;const r=e(typeof n,n,\"toAttribute\");t(this,s,r),o&&this.element&&t(this.element,s,r)}})}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const o=n.reduce((n,o,r)=>{const i=e[r];return n+o+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>o}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,l){const a=l&&l.element?/^[a-z][a-z0-9-]*$/i.test(l.element)?e=>e.getElementsByClassName(l.element)[0]:e=>e.querySelector(l.element):e=>e.firstElementChild;class d extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...l&&l.props?l.props:[],\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&h(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=a(this),this.element||(l&&l.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props){const e=!(!l||!l.element);for(const[t,i]of this._props){const r=s(typeof i,i,\"toAttribute\");n(this,t,r),e&&n(this.element,t,r)}}}_delegateEvents(){!this._events&&l&&l.events&&(this.element?(this._events=!0,l.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute(\"hydrated\",\"\"))}disconnectedCallback(){this._events&&(this._events=!1,l.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){l.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l&&l.props?.length&&(l.props.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(d.prototype,l.props,!(!l||!l.element))),l&&l.tagName&&(d._tagName=l.tagName),d.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},d}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n","import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\"label\", \"variant\", \"disabled\", \"name\", \"value\", \"type\"],\n  events: [\"click\", \"focus\", \"blur\"],\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-text] - Overrides the default text color.\n * @cssprop [--elena-button-bg] - Overrides the default background color.\n * @cssprop [--elena-button-font] - Overrides the default font family.\n * @cssprop [--elena-button-radius] - Overrides the default border radius.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {Boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`<button>${this.text}</button>`;\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n","import { Elena } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-stack\",\n  props: [\"direction\"],\n};\n\n/**\n * Stack component manages layout of immediate children\n * with optional spacing between each child.\n *\n * @displayName Stack\n * @slot - The stacked content\n * @status alpha\n */\nexport default class Stack extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The direction of the stack.\n     *\n     * @attribute\n     * @type {\"column\" | \"row\"}\n     */\n    this.direction = \"column\";\n  }\n}\n\n/**\n * Register the web component\n */\nStack.define();\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","o","reduce","r","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","props","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","_events","events","forEach","addEventListener","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements","options","Button","Elena","HTMLElement","variant","disabled","name","value","html","Stack","direction"],"mappings":"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"}

package/dist/button.css

@@ -1,85 +1 @@
-/* ---------------------------------------------
-/ ELENA BUTTON
-/ --------------------------------------------- */
-
-elena-button {
-  /* Public CSS Custom Properties */
-  --elena-button-bg: transparent;
-  --elena-button-text: #333;
-  --elena-button-border: #f19c77;
-  --elena-button-radius: 10rem;
-  --elena-button-font: sans-serif;
-
-  all: initial;
-  display: inline-block;
-}
-
-elena-button .elena-button {
-  all: initial;
-  display: inline-flex;
-}
-
-/**
- * For overall visual styles, we want to target both 
- * non-hydrated element and the internal button element 
- * with the same styles. This way the element will look 
- * the same before & after client side hydration.
- */
-:is(elena-button:not(.elena-hydrated), .elena-button) {
-  -webkit-appearance: none;
-  appearance: none;
-  -webkit-user-select: none;
-  user-select: none;
-  background: var(--elena-button-bg);
-  color: var(--elena-button-text);
-  border-radius: var(--elena-button-radius);
-  border: 2px solid var(--elena-button-border);
-  font-family: var(--elena-button-font);
-  font-size: 1rem;
-  font-weight: 700;
-  padding: 0.75rem 1.25rem;
-  cursor: pointer;
-}
-
-:is(elena-button:not(.elena-hydrated))::after {
-  content: attr(label);
-}
-
-/* ---------------------------------------------
-/ EXAMPLE STATES
-/ --------------------------------------------- */
-
-elena-button:hover {
-  opacity: 0.8;
-}
-
-elena-button:active {
-  opacity: 0.6;
-}
-
-elena-button:focus-within {
-  box-shadow: 0 0 0 3px red;
-}
-
-elena-button[disabled] {
-  --elena-button-bg: #2b1c15;
-  --elena-button-text: #fff;
-  --elena-button-border: #2b1c15;
-
-  opacity: 0.3;
-  pointer-events: none;
-}
-
-/* ---------------------------------------------
-/ EXAMPLE VARIANTS
-/ --------------------------------------------- */
-
-elena-button[variant="primary"] {
-  --elena-button-bg: #f19c77;
-  --elena-button-text: #2b1c15;
-}
-
-elena-button[variant="danger"] {
-  --elena-button-text: red;
-  --elena-button-border: red;
-}
+@scope (elena-button){:scope{--elena-button-bg:#463630;--elena-button-text:#fff;--elena-button-font:sans-serif;--elena-button-radius:10rem;all:unset;display:inline-block;border-radius:var(--elena-button-radius)}button{all:unset;display:inline-flex}:scope:not([hydrated]),button{background:var(--elena-button-bg);color:var(--elena-button-text);font-family:var(--elena-button-font);border-radius:var(--elena-button-radius);appearance:none;user-select:none;font-size:1rem;font-weight:700;padding:0.75rem 1.25rem;cursor:pointer}:scope:hover{opacity:0.8}:scope:active{opacity:0.6}:scope:focus-within{outline:2px solid #f95b1f;outline-offset:2px}:scope[disabled]{--elena-button-bg:#2b1c15;--elena-button-text:#fff;--elena-button-border:#2b1c15;opacity:0.3;pointer-events:none}:scope[variant="primary"]{--elena-button-bg:#f95b1f}:scope[variant="danger"]{--elena-button-bg:#f91f1f}}

package/dist/button.d.ts

@@ -3,8 +3,6 @@ export type { ButtonProps } from './custom-elements.js';
 declare class Button extends HTMLElement {
   /** The style variant of the button. */
   variant?: "default" | "primary" | "danger";
-  /** The size of the button. */
-  size?: "sm" | "md" | "lg";
   /** Makes the component disabled. */
   disabled?: Boolean;
   /** The name used to identify the button in forms. */

package/dist/button.js

@@ -1,2 +1,2 @@
-import{o as e,e as t}from"./elena-Bvw5aqmt.js";const s={tagName:"elena-button",props:["label","variant","size","disabled","name","value","type"],events:["click","focus","blur"],element:".elena-button"};class n extends(e(HTMLElement,s)){constructor(){super(),this.variant="default",this.size="md",this.disabled=!1,this.name="",this.value="",this.type="button"}render(){return t`<button class="elena-button">${this.text}</button>`}}n.define();export{n as default};
+import{o as t,e}from"./elena-6kltq0mt.js";const a={tagName:"elena-button",props:["label","variant","disabled","name","value","type"],events:["click","focus","blur"]};class s extends(t(HTMLElement,a)){constructor(){super(),this.variant="default",this.disabled=!1,this.name="",this.value="",this.type="button"}render(){return e`<button>${this.text}</button>`}}s.define();export{s as default};
 //# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../src/button/button.js"],"sourcesContent":["import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\"label\", \"variant\", \"size\", \"disabled\", \"name\", \"value\", \"type\"],\n  events: [\"click\", \"focus\", \"blur\"],\n  element: \".elena-button\",\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-color-text] - Controls the color of the text.\n * @cssprop [--elena-button-color-bg] - Controls the color of the background.\n * @cssprop [--elena-button-color-border] - Controls the color of the border.\n * @cssprop [--elena-button-radius] - Controls the radius of the component.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * The size of the button.\n     *\n     * @attribute\n     * @type {\"sm\" | \"md\" | \"lg\"}\n     */\n    this.size = \"md\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {Boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`<button class=\"elena-button\">${this.text}</button>`;\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n"],"names":["options","tagName","props","events","element","Button","Elena","HTMLElement","constructor","super","this","variant","size","disabled","name","value","type","render","html","text","define"],"mappings":"+CAEA,MAAMA,EAAU,CACdC,QAAS,eACTC,MAAO,CAAC,QAAS,UAAW,OAAQ,WAAY,OAAQ,QAAS,QACjEC,OAAQ,CAAC,QAAS,QAAS,QAC3BC,QAAS,iBAkBI,MAAMC,UAAeC,EAAMC,YAAaP,IACrD,WAAAQ,GACEC,QAQAC,KAAKC,QAAU,UAQfD,KAAKE,KAAO,KAQZF,KAAKG,UAAW,EAQhBH,KAAKI,KAAO,GAQZJ,KAAKK,MAAQ,GAQbL,KAAKM,KAAO,QACd,CAOA,MAAAC,GACE,OAAOC,CAAI,gCAAgCR,KAAKS,eAClD,EAMFd,EAAOe"}
+{"version":3,"file":"button.js","sources":["../src/button/button.js"],"sourcesContent":["import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\"label\", \"variant\", \"disabled\", \"name\", \"value\", \"type\"],\n  events: [\"click\", \"focus\", \"blur\"],\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-text] - Overrides the default text color.\n * @cssprop [--elena-button-bg] - Overrides the default background color.\n * @cssprop [--elena-button-font] - Overrides the default font family.\n * @cssprop [--elena-button-radius] - Overrides the default border radius.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {Boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`<button>${this.text}</button>`;\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n"],"names":["options","tagName","props","events","Button","Elena","HTMLElement","constructor","super","this","variant","disabled","name","value","type","render","html","text","define"],"mappings":"0CAEA,MAAMA,EAAU,CACdC,QAAS,eACTC,MAAO,CAAC,QAAS,UAAW,WAAY,OAAQ,QAAS,QACzDC,OAAQ,CAAC,QAAS,QAAS,SAkBd,MAAMC,UAAeC,EAAMC,YAAaN,IACrD,WAAAO,GACEC,QAQAC,KAAKC,QAAU,UAQfD,KAAKE,UAAW,EAQhBF,KAAKG,KAAO,GAQZH,KAAKI,MAAQ,GAQbJ,KAAKK,KAAO,QACd,CAOA,MAAAC,GACE,OAAOC,CAAI,WAAWP,KAAKQ,eAC7B,EAMFb,EAAOc"}

package/dist/custom-elements.d.ts

@@ -60,18 +60,9 @@ type BaseProps = {
 
 type BaseEvents = {};
 
-export type AvatarProps = {
-  /** The text content of the element, captured from light DOM before the first render. */
-  text?: string;
-  /**  */
-  state?: string;
-};
-
 export type ButtonProps = {
   /** The style variant of the button. */
   variant?: "default" | "primary" | "danger";
-  /** The size of the button. */
-  size?: "sm" | "md" | "lg";
   /** Makes the component disabled. */
   disabled?: Boolean;
   /** The name used to identify the button in forms. */
@@ -91,34 +82,6 @@ export type ButtonProps = {
   onblur?: (e: CustomEvent<never>) => void;
 };
 
-export type InputProps = {
-  /** The size of the input. */
-  size?: "sm" | "md" | "lg";
-  /** Makes the component disabled. */
-  disabled?: Boolean;
-  /** The name used to identify the input in forms. */
-  name?: string;
-  /** The label for the input */
-  label?: string;
-  /** The value used to identify the input in forms. */
-  value?: string;
-  /** The placeholder text for the input. */
-  placeholder?: string;
-  /** The type of the input */
-  type?: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "unit" | "button";
-  /** The error to display */
-  error?: string;
-  /** The text content of the element, captured from light DOM before the first render. */
-  text?: string;
-
-  /** Programmatically fire click on the component. */
-  onclick?: (e: CustomEvent<never>) => void;
-  /** Programmatically move focus to the component. */
-  onfocus?: (e: CustomEvent<never>) => void;
-  /** Programmatically remove focus from the component. */
-  onblur?: (e: CustomEvent<never>) => void;
-};
-
 export type StackProps = {
   /** The direction of the stack. */
   direction?: "column" | "row";
@@ -127,13 +90,6 @@ export type StackProps = {
 };
 
 export type CustomElements = {
-  /**
-   *
-   * ---
-   *
-   */
-  "elena-avatar": Partial<AvatarProps & BaseProps & BaseEvents>;
-
   /**
    * Button component is used for interface actions.
    * ---
@@ -145,31 +101,13 @@ export type CustomElements = {
    * - **blur** - Programmatically remove focus from the component.
    *
    * ### **CSS Properties:**
-   *  - **--elena-button-color-text** - Controls the color of the text. _(default: undefined)_
-   * - **--elena-button-color-bg** - Controls the color of the background. _(default: undefined)_
-   * - **--elena-button-color-border** - Controls the color of the border. _(default: undefined)_
-   * - **--elena-button-radius** - Controls the radius of the component. _(default: undefined)_
+   *  - **--elena-button-text** - Overrides the default text color. _(default: undefined)_
+   * - **--elena-button-bg** - Overrides the default background color. _(default: undefined)_
+   * - **--elena-button-font** - Overrides the default font family. _(default: undefined)_
+   * - **--elena-button-radius** - Overrides the default border radius. _(default: undefined)_
    */
   "elena-button": Partial<ButtonProps & BaseProps & BaseEvents>;
 
-  /**
-   * The description of the component goes here.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **click** - Programmatically fire click on the component.
-   * - **focus** - Programmatically move focus to the component.
-   * - **blur** - Programmatically remove focus from the component.
-   *
-   * ### **CSS Properties:**
-   *  - **--elena-input-color-text** - Controls the color of the text. _(default: undefined)_
-   * - **--elena-input-color-bg** - Controls the color of the background. _(default: undefined)_
-   * - **--elena-input-color-border** - Controls the color of the border. _(default: undefined)_
-   * - **--elena-input-radius** - Controls the radius of the component. _(default: undefined)_
-   */
-  "elena-input": Partial<InputProps & BaseProps & BaseEvents>;
-
   /**
    * Stack component manages layout of immediate children
    * with optional spacing between each child.

package/dist/custom-elements.json

@@ -15,14 +15,6 @@
             "module": "./button/button.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "Input",
-          "declaration": {
-            "name": "default",
-            "module": "./input/input.js"
-          }
-        },
         {
           "kind": "js",
           "name": "Stack",
@@ -33,87 +25,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/avatar/avatar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Avatar",
-          "members": [
-            {
-              "kind": "method",
-              "name": "renderImage"
-            },
-            {
-              "kind": "method",
-              "name": "renderFallback"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"initial\""
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "string"
-              },
-              "description": "The text content of the element, captured from light DOM before the first render.",
-              "attribute": "text"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "Elena",
-              "package": "@elenajs/core"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "elena-avatar",
-          "attributes": [
-            {
-              "name": "text",
-              "fieldName": "text",
-              "type": {
-                "text": "string"
-              },
-              "description": "The text content of the element, captured from light DOM before the first render."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Avatar",
-            "module": "src/avatar/avatar.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "elena-avatar",
-          "declaration": {
-            "name": "Avatar",
-            "module": "src/avatar/avatar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/button/button.js",
@@ -124,19 +35,19 @@
           "name": "Button",
           "cssProperties": [
             {
-              "description": "Controls the color of the text.",
-              "name": "--elena-button-color-text"
+              "description": "Overrides the default text color.",
+              "name": "--elena-button-text"
             },
             {
-              "description": "Controls the color of the background.",
-              "name": "--elena-button-color-bg"
+              "description": "Overrides the default background color.",
+              "name": "--elena-button-bg"
             },
             {
-              "description": "Controls the color of the border.",
-              "name": "--elena-button-color-border"
+              "description": "Overrides the default font family.",
+              "name": "--elena-button-font"
             },
             {
-              "description": "Controls the radius of the component.",
+              "description": "Overrides the default border radius.",
               "name": "--elena-button-radius"
             }
           ],
@@ -151,16 +62,6 @@
               "default": "\"default\"",
               "attribute": "variant"
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "\"sm\" | \"md\" | \"lg\""
-              },
-              "description": "The size of the button.",
-              "default": "\"md\"",
-              "attribute": "size"
-            },
             {
               "kind": "field",
               "name": "disabled",
@@ -235,15 +136,6 @@
               "default": "\"default\"",
               "fieldName": "variant"
             },
-            {
-              "name": "size",
-              "type": {
-                "text": "\"sm\" | \"md\" | \"lg\""
-              },
-              "description": "The size of the button.",
-              "default": "\"md\"",
-              "fieldName": "size"
-            },
             {
               "name": "disabled",
               "type": {
@@ -323,253 +215,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/input/input.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The description of the component goes here.",
-          "name": "Input",
-          "cssProperties": [
-            {
-              "description": "Controls the color of the text.",
-              "name": "--elena-input-color-text"
-            },
-            {
-              "description": "Controls the color of the background.",
-              "name": "--elena-input-color-bg"
-            },
-            {
-              "description": "Controls the color of the border.",
-              "name": "--elena-input-color-border"
-            },
-            {
-              "description": "Controls the radius of the component.",
-              "name": "--elena-input-radius"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "\"sm\" | \"md\" | \"lg\""
-              },
-              "description": "The size of the input.",
-              "default": "\"md\"",
-              "attribute": "size"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "Boolean"
-              },
-              "description": "Makes the component disabled.",
-              "default": "false",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name used to identify the input in forms.",
-              "default": "\"\"",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The label for the input",
-              "default": "\"\"",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value used to identify the input in forms.",
-              "default": "\"\"",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "The placeholder text for the input.",
-              "default": "\"\"",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\" | \"unit\" | \"button\""
-              },
-              "description": "The type of the input",
-              "default": "\"text\"",
-              "attribute": "type"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "description": "The error to display",
-              "default": "\"\"",
-              "attribute": "error"
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "string"
-              },
-              "description": "The text content of the element, captured from light DOM before the first render.",
-              "attribute": "text"
-            }
-          ],
-          "events": [
-            {
-              "description": "Programmatically fire click on the component.",
-              "name": "click"
-            },
-            {
-              "description": "Programmatically move focus to the component.",
-              "name": "focus"
-            },
-            {
-              "description": "Programmatically remove focus from the component.",
-              "name": "blur"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "\"sm\" | \"md\" | \"lg\""
-              },
-              "description": "The size of the input.",
-              "default": "\"md\"",
-              "fieldName": "size"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "Boolean"
-              },
-              "description": "Makes the component disabled.",
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name used to identify the input in forms.",
-              "default": "\"\"",
-              "fieldName": "name"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The label for the input",
-              "default": "\"\"",
-              "fieldName": "label"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value used to identify the input in forms.",
-              "default": "\"\"",
-              "fieldName": "value"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "The placeholder text for the input.",
-              "default": "\"\"",
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\" | \"unit\" | \"button\""
-              },
-              "description": "The type of the input",
-              "default": "\"text\"",
-              "fieldName": "type"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "description": "The error to display",
-              "default": "\"\"",
-              "fieldName": "error"
-            },
-            {
-              "name": "text",
-              "fieldName": "text",
-              "type": {
-                "text": "string"
-              },
-              "description": "The text content of the element, captured from light DOM before the first render."
-            }
-          ],
-          "mixins": [
-            {
-              "name": "Elena",
-              "package": "@elenajs/core"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "elena-input",
-          "status": "alpha",
-          "displayName": "Input",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Input",
-            "module": "src/input/input.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "elena-input",
-          "declaration": {
-            "name": "Input",
-            "module": "src/input/input.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/stack/stack.js",

package/dist/elena-6kltq0mt.js

@@ -0,0 +1,2 @@
+function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i=new WeakMap;function o(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],o=i&&i.__raw,l=o?String(i):s(String(i??""));if(l!==e._tplValues[t])if(e._tplValues[t]=l,o)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let o=i.get(t);o||(o=Array.from(t,e=>e.replace(/\n\s*/g," ")),i.set(t,o));const l=o.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,l),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function l(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild;class l extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...r&&r.props?r.props:[],"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&o(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props){const n=!(!r||!r.element);for(const[s,r]of this._props){const i=e(typeof r,r,"toAttribute");t(this,s,i),n&&t(this.element,s,i)}}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute("hydrated",""))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return r&&r.props?.length&&(r.props.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r=!0){for(const i of s)Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(i))return;if(this._props.set(i,n),!this.isConnected)return;const s=e(typeof n,n,"toAttribute");t(this,i,s),r&&this.element&&t(this.element,i,s)}})}(l.prototype,r.props,!(!r||!r.element))),r&&r.tagName&&(l._tagName=r.tagName),l.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},l}export{r as e,l as o};
+//# sourceMappingURL=elena-6kltq0mt.js.map

package/dist/elena-6kltq0mt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elena-6kltq0mt.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o=!0){for(const s of r)Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(s))return;if(this._props.set(s,n),!this.isConnected)return;const r=e(typeof n,n,\"toAttribute\");t(this,s,r),o&&this.element&&t(this.element,s,r)}})}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const o=n.reduce((n,o,r)=>{const i=e[r];return n+o+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>o}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,l){const a=l&&l.element?/^[a-z][a-z0-9-]*$/i.test(l.element)?e=>e.getElementsByClassName(l.element)[0]:e=>e.querySelector(l.element):e=>e.firstElementChild;class d extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...l&&l.props?l.props:[],\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&h(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=a(this),this.element||(l&&l.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props){const e=!(!l||!l.element);for(const[t,i]of this._props){const r=s(typeof i,i,\"toAttribute\");n(this,t,r),e&&n(this.element,t,r)}}}_delegateEvents(){!this._events&&l&&l.events&&(this.element?(this._events=!0,l.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute(\"hydrated\",\"\"))}disconnectedCallback(){this._events&&(this._events=!1,l.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){l.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l&&l.props?.length&&(l.props.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(d.prototype,l.props,!(!l||!l.element))),l&&l.tagName&&(d._tagName=l.tagName),d.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},d}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","o","reduce","r","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","props","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","_events","events","forEach","addEventListener","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,2 @@
-export{default as Button}from"./button.js";export{default as Input}from"./input.js";export{default as Stack}from"./stack.js";import"./elena-Bvw5aqmt.js";
+export{default as Button}from"./button.js";export{default as Stack}from"./stack.js";import"./elena-6kltq0mt.js";
 //# sourceMappingURL=index.js.map

package/dist/stack.css

@@ -1,15 +1 @@
-/* ---------------------------------------------
-/ ELENA STACK
-/ --------------------------------------------- */
-
-elena-stack {
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-  flex-flow: column wrap;
-  gap: 0.5rem;
-}
-
-elena-stack[direction="row"] {
-  flex-direction: row;
-}
+@scope (elena-stack){:scope{all:unset;display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column wrap;flex-direction:column;gap:0.5rem}:scope[direction="row"]{flex-direction:row}}

package/dist/stack.js

@@ -1,2 +1,2 @@
-import{o as e}from"./elena-Bvw5aqmt.js";const t={tagName:"elena-stack",props:["direction"]};class s extends(e(HTMLElement,t)){constructor(){super(),this.direction="column"}}s.define();export{s as default};
+import{o as e}from"./elena-6kltq0mt.js";const t={tagName:"elena-stack",props:["direction"]};class s extends(e(HTMLElement,t)){constructor(){super(),this.direction="column"}}s.define();export{s as default};
 //# sourceMappingURL=stack.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elenajs/components",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Elena component library demonstrating how to build progressive web components.",
   "author": "Elena <hi@elenajs.com>",
   "homepage": "https://elenajs.com/",
@@ -33,11 +33,11 @@
     "clean": "rm -rf dist/"
   },
   "dependencies": {
-    "@elenajs/core": "^0.8.1"
+    "@elenajs/core": "^0.9.0"
   },
   "devDependencies": {
-    "@elenajs/bundler": "^0.2.0",
+    "@elenajs/bundler": "^0.3.0",
     "@web/dev-server": "0.4.6"
   },
-  "gitHead": "91eb41114d32cfa09d11747f45db3805114b6706"
+  "gitHead": "323fcac2e1d15f81e7b4a039357c1f2e3e8f3030"
 }

package/dist/avatar.d.ts

@@ -1,9 +0,0 @@
-export type { AvatarProps } from './custom-elements.js';
-
-declare class Avatar extends HTMLElement {
-  state?: string;
-  /** The text content of the element, captured from light DOM before the first render. */
-  text?: string;
-}
-
-export default Avatar;

package/dist/avatar.js

@@ -1,4 +0,0 @@
-import{o as e,e as a,a as t}from"./elena-Bvw5aqmt.js";const n={props:["icon","state"],tagName:"elena-avatar",element:".elena-avatar"};class s extends(e(HTMLElement,n)){constructor(){super(),this.state="initial"}renderImage(){return a`<img class="elena-image" src="..">`}renderFallback(){return a`
-      ${this.icon?a`<elena-icon name="${this.icon}"></elena-icon>`:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"></svg>`}
-    `}render(){return a`<div class="elena-avatar">${"initial"!==this.state?this.renderImage():t} ${"loaded"!==this.state?this.renderFallback():t}</div>`}}s.define();export{s as default};
-//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","sources":["../src/avatar/avatar.js"],"sourcesContent":["import { Elena, html, nothing } from \"@elenajs/core\";\n\nconst options = {\n  props: [\"icon\", \"state\"],\n  tagName: \"elena-avatar\",\n  element: \".elena-avatar\",\n};\n\nexport default class Avatar extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n    this.state = \"initial\";\n  }\n\n  renderImage() {\n    return html`<img class=\"elena-image\" src=\"..\" />`;\n  }\n\n  renderFallback() {\n    return html`\n      ${this.icon\n        ? html`<elena-icon name=\"${this.icon}\"></elena-icon>`\n        : html`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 27 27\"></svg>`}\n    `;\n  }\n\n  render() {\n    return html`\n      <div class=\"elena-avatar\">\n        ${this.state !== \"initial\" ? this.renderImage() : nothing}\n        ${this.state !== \"loaded\" ? this.renderFallback() : nothing}\n      </div>\n    `;\n  }\n}\n\n/**\n * Register the web component\n */\nAvatar.define();\n"],"names":["options","props","tagName","element","Avatar","Elena","HTMLElement","constructor","super","this","state","renderImage","html","renderFallback","icon","render","nothing","define"],"mappings":"sDAEA,MAAMA,EAAU,CACdC,MAAO,CAAC,OAAQ,SAChBC,QAAS,eACTC,QAAS,iBAGI,MAAMC,UAAeC,EAAMC,YAAaN,IACrD,WAAAO,GACEC,QACAC,KAAKC,MAAQ,SACf,CAEA,WAAAC,GACE,OAAOC,CAAI,oCACb,CAEA,cAAAC,GACE,OAAOD,CAAI;QACPH,KAAKK,KACHF,CAAI,qBAAqBH,KAAKK,sBAC9BF,CAAI;KAEZ,CAEA,MAAAG,GACE,OAAOH,CAAI,6BAEU,YAAfH,KAAKC,MAAsBD,KAAKE,cAAgBK,KACjC,WAAfP,KAAKC,MAAqBD,KAAKI,iBAAmBG,SAG1D,EAMFZ,EAAOa"}

package/dist/elena-Bvw5aqmt.js

@@ -1,2 +0,0 @@
-function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i={__raw:!0,toString:()=>""},o=new WeakMap;function l(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],o=i&&i.__raw,l=o?String(i):s(String(i??""));if(l!==e._tplValues[t])if(e._tplValues[t]=l,o)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let i=o.get(t);i||(i=Array.from(t,e=>e.replace(/\n\s*/g," ")),o.set(t,i));const l=i.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,l),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function a(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild;class o extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...r&&r.props?r.props:[],"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&l(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props){const n=!(!r||!r.element);for(const[s,r]of this._props){const i=e(typeof r,r,"toAttribute");t(this,s,i),n&&t(this.element,s,i)}}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.classList.add("elena-hydrated"))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return r&&r.props?.length&&(r.props.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r=!0){for(const i of s)Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(i))return;if(this._props.set(i,n),!this.isConnected)return;const s=e(typeof n,n,"toAttribute");t(this,i,s),r&&this.element&&t(this.element,i,s)}})}(o.prototype,r.props,!(!r||!r.element))),r&&r.tagName&&(o._tagName=r.tagName),o.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},o}export{i as a,r as e,a as o};
-//# sourceMappingURL=elena-Bvw5aqmt.js.map

package/dist/elena-Bvw5aqmt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elena-Bvw5aqmt.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o=!0){for(const s of r)Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(s))return;if(this._props.set(s,n),!this.isConnected)return;const r=e(typeof n,n,\"toAttribute\");t(this,s,r),o&&this.element&&t(this.element,s,r)}})}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const o=n.reduce((n,o,r)=>{const i=e[r];return n+o+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>o}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,l){const a=l&&l.element?/^[a-z][a-z0-9-]*$/i.test(l.element)?e=>e.getElementsByClassName(l.element)[0]:e=>e.querySelector(l.element):e=>e.firstElementChild;class d extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...l&&l.props?l.props:[],\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&h(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=a(this),this.element||(l&&l.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props){const e=!(!l||!l.element);for(const[t,i]of this._props){const r=s(typeof i,i,\"toAttribute\");n(this,t,r),e&&n(this.element,t,r)}}}_delegateEvents(){!this._events&&l&&l.events&&(this.element?(this._events=!0,l.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.classList.add(\"elena-hydrated\"))}disconnectedCallback(){this._events&&(this._events=!1,l.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){l.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l&&l.props?.length&&(l.props.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(d.prototype,l.props,!(!l||!l.element))),l&&l.tagName&&(d._tagName=l.tagName),d.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},d}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","o","reduce","r","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","props","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","_events","events","forEach","addEventListener","classList","add","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements"],"mappings":"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"}

package/dist/input.css

@@ -1,101 +0,0 @@
-/* ---------------------------------------------
-/ ELENA input
-/ --------------------------------------------- */
-
-elena-input {
-  /* Public CSS Custom Properties */
-  --elena-input-bg: transparent;
-  --elena-input-text: #333;
-  --elena-input-border: #333;
-  --elena-input-radius: 4px;
-  --elena-input-font: sans-serif;
-
-  all: unset;
-  min-inline-size: 300px;
-  box-sizing: border-box;
-  display: inline-block;
-  flex-direction: column;
-  gap: 5px;
-}
-
-/**
- * For overall visual styles, we want to target both 
- * non-hydrated element and the internal input element 
- * with the same styles. This way the element will look 
- * the same before & after client side hydration.
- */
-:is(elena-input:not(.elena-hydrated), .elena-input) {
-  -webkit-appearance: none;
-  appearance: none;
-  display: inline-flex;
-  -webkit-user-select: none;
-  user-select: none;
-  line-height: 1;
-  block-size: 3rem;
-  background: var(--elena-input-bg);
-  color: var(--elena-input-text);
-  border-radius: var(--elena-input-radius);
-  border: 1px solid var(--elena-input-border);
-  font-family: var(--elena-input-font);
-  font-weight: 700;
-  padding: 0.75rem 1.25rem;
-  cursor: text;
-  position: relative;
-}
-
-elena-input:not(.elena-hydrated) {
-  margin-block-start: 1.82rem;
-}
-
-elena-input:not(.elena-hydrated)::before {
-  content: attr(label);
-  position: absolute;
-  font-weight: 700;
-  top: -1.78rem;
-  left: -1px;
-  display: block;
-  inline-size: 100%;
-}
-
-elena-input:not(.elena-hydrated)::after {
-  content: attr(placeholder);
-  display: flex;
-  align-items: center;
-  block-size: 100%;
-  color: #aaa;
-}
-
-elena-input .elena-input {
-  font-size: 100%;
-  box-sizing: border-box;
-  inline-size: 100%;
-}
-
-elena-input label {
-  font-weight: 700;
-  display: block;
-  block-size: 1.5rem;
-  margin: 0;
-  inline-size: 100%;
-}
-
-.elena-input-container {
-  inline-size: 100%;
-}
-
-elena-input input:focus {
-  box-shadow: 0 0 0 1px red;
-}
-
-elena-input input::placeholder {
-  opacity: 1;
-  color: #aaa;
-}
-
-elena-input[error] {
-  --elena-input-border: red;
-}
-
-elena-input .elena-error {
-  color: red;
-}

package/dist/input.d.ts

@@ -1,30 +0,0 @@
-export type { InputProps } from './custom-elements.js';
-
-declare class Input extends HTMLElement {
-  /** The size of the input. */
-  size?: "sm" | "md" | "lg";
-  /** Makes the component disabled. */
-  disabled?: Boolean;
-  /** The name used to identify the input in forms. */
-  name?: string;
-  /** The label for the input */
-  label?: string;
-  /** The value used to identify the input in forms. */
-  value?: string;
-  /** The placeholder text for the input. */
-  placeholder?: string;
-  /** The type of the input */
-  type?: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "unit" | "button";
-  /** The error to display */
-  error?: string;
-  /** The text content of the element, captured from light DOM before the first render. */
-  text?: string;
-  /** Programmatically fire click on the component. */
-  onclick?: (e: CustomEvent<never>) => void;
-  /** Programmatically move focus to the component. */
-  onfocus?: (e: CustomEvent<never>) => void;
-  /** Programmatically remove focus from the component. */
-  onblur?: (e: CustomEvent<never>) => void;
-}
-
-export default Input;

package/dist/input.js

@@ -1,2 +0,0 @@
-import{o as e,e as s}from"./elena-Bvw5aqmt.js";const t={tagName:"elena-input",props:["size","disabled","name","value","type","label","error","placeholder"],events:["click","focus","blur"],element:".elena-input"};class l extends(e(HTMLElement,t)){constructor(){super(),this.size="md",this.disabled=!1,this.name="",this.label="",this.value="",this.placeholder="",this.type="text",this.error=""}render(){return s`<label for="input">${this.label}</label><div class="elena-input-container"><span class="elena-input-start"></span> <input id="input" class="elena-input"> <span class="elena-input-end"></span></div>${this.error?s`<div class="elena-error" role="alert">${this.error}</div>`:""}`}}l.define();export{l as default};
-//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":["../src/input/input.js"],"sourcesContent":["import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-input\",\n  props: [\"size\", \"disabled\", \"name\", \"value\", \"type\", \"label\", \"error\", \"placeholder\"],\n  events: [\"click\", \"focus\", \"blur\"],\n  element: \".elena-input\",\n};\n\n/**\n * The description of the component goes here.\n *\n * @displayName Input\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-input-color-text] - Controls the color of the text.\n * @cssprop [--elena-input-color-bg] - Controls the color of the background.\n * @cssprop [--elena-input-color-border] - Controls the color of the border.\n * @cssprop [--elena-input-radius] - Controls the radius of the component.\n */\nexport default class Input extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The size of the input.\n     *\n     * @attribute\n     * @type {\"sm\" | \"md\" | \"lg\"}\n     */\n    this.size = \"md\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {Boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the input in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The label for the input\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.label = \"\";\n\n    /**\n     * The value used to identify the input in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The placeholder text for the input.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.placeholder = \"\";\n\n    /**\n     * The type of the input\n     *\n     * @attribute\n     * @type {\"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"number\" | \"unit\" | \"button\"}\n     */\n    this.type = \"text\";\n\n    /**\n     * The error to display\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.error = \"\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`\n      <label for=\"input\">${this.label}</label>\n      <div class=\"elena-input-container\">\n        <span class=\"elena-input-start\"></span>\n        <input\n          id=\"input\"\n          class=\"elena-input\"\n        />\n        <span class=\"elena-input-end\"></span>\n      </div>\n      ${this.error ? html`<div class=\"elena-error\" role=\"alert\">${this.error}</div>` : \"\"}\n    `;\n  }\n}\n\n/**\n * Register the web component\n */\nInput.define();\n"],"names":["options","tagName","props","events","element","Input","Elena","HTMLElement","constructor","super","this","size","disabled","name","label","value","placeholder","type","error","render","html","define"],"mappings":"+CAEA,MAAMA,EAAU,CACdC,QAAS,cACTC,MAAO,CAAC,OAAQ,WAAY,OAAQ,QAAS,OAAQ,QAAS,QAAS,eACvEC,OAAQ,CAAC,QAAS,QAAS,QAC3BC,QAAS,gBAkBI,MAAMC,UAAcC,EAAMC,YAAaP,IACpD,WAAAQ,GACEC,QAQAC,KAAKC,KAAO,KAQZD,KAAKE,UAAW,EAQhBF,KAAKG,KAAO,GAQZH,KAAKI,MAAQ,GAQbJ,KAAKK,MAAQ,GAQbL,KAAKM,YAAc,GAQnBN,KAAKO,KAAO,OAQZP,KAAKQ,MAAQ,EACf,CAOA,MAAAC,GACE,OAAOC,CAAI,sBACYV,KAAKI,6KASxBJ,KAAKQ,MAAQE,CAAI,yCAAyCV,KAAKQ,cAAgB,IAErF,EAMFb,EAAMgB"}