elit 1.0.0 → 2.0.0

package/dist/state.mjs

@@ -0,0 +1 @@
+var e=new class{constructor(){this.elementCache=new WeakMap,this.reactiveNodes=new Map}createElement(e,t={},r=[]){return{tagName:e,props:t,children:r}}renderToDOM(e,t){if(null==e||!1===e)return;if("object"!=typeof e)return void t.appendChild(document.createTextNode(String(e)));let{tagName:r,props:n,children:s}=e,i="svg"===r||"s"===r[0]&&"v"===r[1]&&"g"===r[2]||"http://www.w3.org/2000/svg"===t.namespaceURI,l=i?document.createElementNS("http://www.w3.org/2000/svg",r.replace("svg","").toLowerCase()||r):document.createElement(r);for(let e in n){let t=n[e];if(null==t||!1===t)continue;let r=e.charCodeAt(0);if(99===r&&(e.length<6||"N"===e[5])){let e=Array.isArray(t)?t.join(" "):t;i?l.setAttribute("class",e):l.className=e}else if(115===r&&5===e.length)if("string"==typeof t)l.style.cssText=t;else{let e=l.style;for(let r in t)e[r]=t[r]}else 111===r&&110===e.charCodeAt(1)?l[e.toLowerCase()]=t:100===r&&e.length>20?l.innerHTML=t.__html:114===r&&3===e.length?setTimeout(()=>{"function"==typeof t?t(l):t.current=l},0):l.setAttribute(e,!0===t?"":String(t))}let a=s.length;if(!a)return void t.appendChild(l);let o=e=>{for(let t=0;t<a;t++){let r=s[t];if(null!=r&&!1!==r)if(Array.isArray(r))for(let t=0,n=r.length;t<n;t++){let n=r[t];null!=n&&!1!==n&&this.renderToDOM(n,e)}else this.renderToDOM(r,e)}};if(a>30){let e=document.createDocumentFragment();o(e),l.appendChild(e)}else o(l);t.appendChild(l)}render(e,t){let r="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!r)throw new Error(`Element not found: ${e}`);if(t.children&&t.children.length>500){let e=document.createDocumentFragment();this.renderToDOM(t,e),r.appendChild(e)}else this.renderToDOM(t,r);return r}batchRender(e,t){let r="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!r)throw new Error(`Element not found: ${e}`);let n=t.length;if(n>3e3){let e=document.createDocumentFragment(),s=0,i=1500,l=()=>{let a=Math.min(s+i,n);for(let r=s;r<a;r++)this.renderToDOM(t[r],e);s=a,s>=n?r.appendChild(e):requestAnimationFrame(l)};l()}else{let e=document.createDocumentFragment();for(let r=0;r<n;r++)this.renderToDOM(t[r],e);r.appendChild(e)}return r}renderChunked(e,t,r=5e3,n){let s="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!s)throw new Error(`Element not found: ${e}`);let i=t.length,l=0,a=()=>{let e=Math.min(l+r,i),o=document.createDocumentFragment();for(let r=l;r<e;r++)this.renderToDOM(t[r],o);s.appendChild(o),l=e,n&&n(l,i),l<i&&requestAnimationFrame(a)};return requestAnimationFrame(a),s}renderToHead(...e){let t=document.head;if(t)for(let r of e.flat())r&&this.renderToDOM(r,t);return t}addStyle(e){let t=document.createElement("style");return t.textContent=e,document.head.appendChild(t)}addMeta(e){let t=document.createElement("meta");for(let r in e)t.setAttribute(r,e[r]);return document.head.appendChild(t)}addLink(e){let t=document.createElement("link");for(let r in e)t.setAttribute(r,e[r]);return document.head.appendChild(t)}setTitle(e){return document.title=e}createState(e,t={}){let r=e,n=new Set,s=null,{throttle:i=0,deep:l=!1}=t,a=()=>n.forEach(e=>e(r));return{get value(){return r},set value(e){(l?JSON.stringify(r)!==JSON.stringify(e):r!==e)&&(r=e,i>0?s||(s=setTimeout(()=>{s=null,a()},i)):a())},subscribe:e=>(n.add(e),()=>n.delete(e)),destroy(){n.clear(),s&&clearTimeout(s)}}}computed(e,t){let r=e.map(e=>e.value),n=this.createState(t(...r));return e.forEach((e,s)=>{e.subscribe(e=>{r[s]=e,n.value=t(...r)})}),n}effect(e){e()}createVirtualList(e,t,r,n=50,s=5){let i=e.clientHeight,l=t.length*n,a=0,o=()=>{let{start:o,end:u}={start:Math.max(0,Math.floor(a/n)-s),end:Math.min(t.length,Math.ceil((a+i)/n)+s)},d=document.createElement("div");d.style.cssText=`height:${l}px;position:relative`;for(let e=o;e<u;e++){let s=document.createElement("div");s.style.cssText=`position:absolute;top:${e*n}px;height:${n}px;width:100%`,this.renderToDOM(r(t[e],e),s),d.appendChild(s)}e.innerHTML="",e.appendChild(d)},u=()=>{a=e.scrollTop,requestAnimationFrame(o)};return e.addEventListener("scroll",u),o(),{render:o,destroy:()=>{e.removeEventListener("scroll",u),e.innerHTML=""}}}lazy(e){let t=null,r=!1;return async(...n)=>(!t&&!r&&(r=!0,t=await e(),r=!1),t?t(...n):{tagName:"div",props:{class:"loading"},children:["Loading..."]})}cleanupUnusedElements(e){let t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),r=[];for(;t.nextNode();){let e=t.currentNode;e.id&&e.id.startsWith("r")&&!this.elementCache.has(e)&&r.push(e)}return r.forEach(e=>e.remove()),r.length}renderToString(e,t={}){let{pretty:r=!1,indent:n=0}=t,s=r?"  ".repeat(n):"",i=r?"\n":"",l=this.resolveStateValue(e);if(l=this.unwrapReactive(l),Array.isArray(l))return l.map(e=>this.renderToString(e,t)).join("");if("object"!=typeof l||null===l)return null==l||!1===l?"":this.escapeHtml(String(l));let{tagName:a,props:o,children:u}=l,d=this.isSelfClosingTag(a),c=`${s}<${a}`,h=this.propsToAttributes(o);if(h&&(c+=` ${h}`),d)return c+=` />${i}`,c;if(c+=">",o.dangerouslySetInnerHTML)return c+=o.dangerouslySetInnerHTML.__html,c+=`</${a}>${i}`,c;if(u&&u.length>0){let e=u.map(e=>{let t=this.resolveStateValue(e);return this.unwrapReactive(t)}),t=e.some(e=>"object"==typeof e&&null!==e&&!Array.isArray(e)&&"tagName"in e);if(r&&t){c+=i;for(let t of e)if(null!=t&&!1!==t)if(Array.isArray(t))for(let e of t)null!=e&&!1!==e&&(c+=this.renderToString(e,{pretty:r,indent:n+1}));else c+=this.renderToString(t,{pretty:r,indent:n+1});c+=s}else for(let t of e)if(null!=t&&!1!==t)if(Array.isArray(t))for(let e of t)null!=e&&!1!==e&&(c+=this.renderToString(e,{pretty:!1,indent:0}));else c+=this.renderToString(t,{pretty:!1,indent:0})}return c+=`</${a}>${i}`,c}resolveStateValue(e){return e&&"object"==typeof e&&"value"in e&&"subscribe"in e?e.value:e}isReactiveWrapper(e){return!(!e||"object"!=typeof e||!e.tagName)&&("span"===e.tagName&&e.props?.id&&"string"==typeof e.props.id&&e.props.id.match(/^r[a-z0-9]{9}$/))}unwrapReactive(e){if(!this.isReactiveWrapper(e))return e;let t=e.children;if(!t||0===t.length)return"";if(1===t.length){let e=t[0];if(e&&"object"==typeof e&&"span"===e.tagName){let t=e.props,r=!t||0===Object.keys(t).length,n=e.children&&1===e.children.length&&"string"==typeof e.children[0];if(r&&n)return e.children[0]}return this.unwrapReactive(e)}return t.map(e=>this.unwrapReactive(e))}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"};return e.replace(/[&<>"']/g,e=>t[e])}isSelfClosingTag(e){return new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]).has(e.toLowerCase())}propsToAttributes(e){let t=[];for(let r in e){if("children"===r||"dangerouslySetInnerHTML"===r||"ref"===r)continue;let n=e[r];if(n=this.resolveStateValue(n),null!=n&&!1!==n&&(!r.startsWith("on")||"function"!=typeof n)){if("className"===r||"class"===r){let e=Array.isArray(n)?n.join(" "):n;e&&t.push(`class="${this.escapeHtml(String(e))}"`);continue}if("style"===r){let e=this.styleToString(n);e&&t.push(`style="${this.escapeHtml(e)}"`);continue}if(!0===n){t.push(r);continue}t.push(`${r}="${this.escapeHtml(String(n))}"`)}}return t.join(" ")}styleToString(e){if("string"==typeof e)return e;if("object"==typeof e&&null!==e){let t=[];for(let r in e){let n=r.replace(/([A-Z])/g,"-$1").toLowerCase();t.push(`${n}:${e[r]}`)}return t.join(";")}return""}isState(e){return e&&"object"==typeof e&&"value"in e&&"subscribe"in e&&"function"==typeof e.subscribe}createReactiveChild(e,t){let r=t(e.value);if(typeof window<"u"&&typeof document<"u"){let r={node:null,renderFn:t};this.reactiveNodes.set(e,r),e.subscribe(()=>{if(r.node&&r.node.parentNode){let n=t(e.value);r.node.textContent=String(n??"")}})}return r}jsonToVNode(e){if(this.isState(e))return this.createReactiveChild(e,e=>e);if(null==e||"boolean"==typeof e||"string"==typeof e||"number"==typeof e)return e;let{tag:t,attributes:r={},children:n}=e,s={};for(let e in r){let t=r[e];"class"===e?s.className=this.isState(t)?t.value:t:s[e]=this.isState(t)?t.value:t}let i=[];if(null!=n)if(Array.isArray(n))for(let e of n)if(this.isState(e))i.push(this.createReactiveChild(e,e=>e));else{let t=this.jsonToVNode(e);null!=t&&!1!==t&&i.push(t)}else if(this.isState(n))i.push(this.createReactiveChild(n,e=>e));else if("object"==typeof n&&"tag"in n){let e=this.jsonToVNode(n);null!=e&&!1!==e&&i.push(e)}else i.push(n);return{tagName:t,props:s,children:i}}vNodeJsonToVNode(e){if(this.isState(e))return this.createReactiveChild(e,e=>e);if(null==e||"boolean"==typeof e||"string"==typeof e||"number"==typeof e)return e;let{tagName:t,props:r={},children:n=[]}=e,s={};for(let e in r){let t=r[e];s[e]=this.isState(t)?t.value:t}let i=[];for(let e of n)if(this.isState(e))i.push(this.createReactiveChild(e,e=>e));else{let t=this.vNodeJsonToVNode(e);null!=t&&!1!==t&&i.push(t)}return{tagName:t,props:s,children:i}}renderJson(e,t){let r=this.jsonToVNode(t);if(!r||"object"!=typeof r||!("tagName"in r))throw new Error("Invalid JSON structure");return this.render(e,r)}renderVNode(e,t){let r=this.vNodeJsonToVNode(t);if(!r||"object"!=typeof r||!("tagName"in r))throw new Error("Invalid VNode JSON structure");return this.render(e,r)}renderJsonToString(e,t={}){let r=this.jsonToVNode(e);return this.renderToString(r,t)}renderVNodeToString(e,t={}){let r=this.vNodeJsonToVNode(e);return this.renderToString(r,t)}renderServer(e){if("object"!=typeof e||null===e||!("tagName"in e))throw new Error("renderServer requires a VNode with html tag");if("html"!==e.tagName)throw new Error("renderServer requires a VNode with html tag as root");let t=e,r=null,n=null;for(let e of t.children||[])"object"==typeof e&&null!==e&&"tagName"in e&&("head"===e.tagName&&(r=e),"body"===e.tagName&&(n=e));if(t.props)for(let e in t.props){let r=t.props[e];null!=r&&!1!==r&&document.documentElement.setAttribute(e,String(r))}if(r){document.head.innerHTML="";for(let e of r.children||[])this.renderToDOM(e,document.head)}if(n){if(document.body.innerHTML="",n.props)for(let e in n.props){let t=n.props[e];null!=t&&!1!==t&&document.body.setAttribute(e,String(t))}for(let e of n.children||[])this.renderToDOM(e,document.body)}}renderToHTMLDocument(e,t={}){let{title:r="",meta:n=[],links:s=[],scripts:i=[],styles:l=[],lang:a="en",head:o="",bodyAttrs:u={},pretty:d=!1}=t,c=d?"\n":"",h=d?"  ":"",p=d?"    ":"",f=`<!DOCTYPE html>${c}<html lang="${a}">${c}${h}<head>${c}${p}<meta charset="UTF-8">${c}${p}<meta name="viewport" content="width=device-width, initial-scale=1.0">${c}`;r&&(f+=`${p}<title>${this.escapeHtml(r)}</title>${c}`);for(let e of n){f+=`${p}<meta`;for(let t in e)f+=` ${t}="${this.escapeHtml(e[t])}"`;f+=`>${c}`}for(let e of s){f+=`${p}<link`;for(let t in e)f+=` ${t}="${this.escapeHtml(e[t])}"`;f+=`>${c}`}for(let e of l)e.href?f+=`${p}<link rel="stylesheet" href="${this.escapeHtml(e.href)}">${c}`:e.content&&(f+=`${p}<style>${e.content}</style>${c}`);o&&(f+=o+c),f+=`${h}</head>${c}${h}<body`;for(let e in u)f+=` ${e}="${this.escapeHtml(u[e])}"`;f+=`>${c}`,f+=this.renderToString(e,{pretty:d,indent:2});for(let e of i)f+=`${p}<script`,e.type&&(f+=` type="${this.escapeHtml(e.type)}"`),e.async&&(f+=" async"),e.defer&&(f+=" defer"),e.src?f+=` src="${this.escapeHtml(e.src)}"><\/script>${c}`:e.content?f+=`>${e.content}<\/script>${c}`:f+=`><\/script>${c}`;return f+=`${h}</body>${c}</html>`,f}getElementCache(){return this.elementCache}},t=(t,r)=>e.createState(t,r),r=(t,r)=>e.computed(t,r),n=t=>e.effect(t),s=(t,r)=>e.batchRender(t,r),i=(t,r,n,s)=>e.renderChunked(t,r,n,s),l=(t,r,n,s,i)=>e.createVirtualList(t,r,n,s,i),a=t=>e.lazy(t),o=t=>e.cleanupUnusedElements(t),u=(e,t)=>{let r=null;return(...n)=>{r||(r=setTimeout(()=>{r=null,e(...n)},t))}},d=(e,t)=>{let r=null;return(...n)=>{r&&clearTimeout(r),r=setTimeout(()=>e(...n),t)}},c=class{constructor(e,r,n){this.key=e,this.wsUrl=n,this.ws=null,this.pendingUpdates=[],this.localState=t(r),this.previousValue=r,this.connect()}get value(){return this.localState.value}set value(e){this.previousValue=this.localState.value,this.localState.value=e,this.sendToServer(e)}get state(){return this.localState}onChange(e){return this.localState.subscribe(t=>{let r=this.previousValue;this.previousValue=t,e(t,r)})}update(e){this.value=e(this.value)}connect(){if(typeof window>"u")return;let e=this.wsUrl||`ws://${location.host}`;this.ws=new WebSocket(e),this.ws.addEventListener("open",()=>{for(this.subscribe();this.pendingUpdates.length>0;){let e=this.pendingUpdates.shift();this.sendToServer(e)}}),this.ws.addEventListener("message",e=>{this.handleMessage(e.data)}),this.ws.addEventListener("close",()=>{setTimeout(()=>this.connect(),1e3)}),this.ws.addEventListener("error",e=>{console.error("[SharedState] WebSocket error:",e)})}subscribe(){!this.ws||this.ws.readyState!==WebSocket.OPEN||this.ws.send(JSON.stringify({type:"state:subscribe",key:this.key}))}handleMessage(e){try{let t=JSON.parse(e);if(t.key!==this.key)return;("state:init"===t.type||"state:update"===t.type)&&(this.localState.value=t.value)}catch{}}sendToServer(e){if(this.ws){if(this.ws.readyState!==WebSocket.OPEN)return void this.pendingUpdates.push(e);this.ws.send(JSON.stringify({type:"state:change",key:this.key,value:e}))}}disconnect(){this.ws&&(this.ws.close(),this.ws=null)}destroy(){this.disconnect(),this.localState.destroy()}};function h(e,t,r){return new c(e,t,r)}var p=new class{constructor(){this.states=new Map}create(e,t,r){if(this.states.has(e))return this.states.get(e);let n=new c(e,t,r);return this.states.set(e,n),n}get(e){return this.states.get(e)}delete(e){let t=this.states.get(e);return!!t&&(t.destroy(),this.states.delete(e))}clear(){this.states.forEach(e=>e.destroy()),this.states.clear()}},f=(t,r)=>{let n=null,s=null,i=null,l=!0,a=r(t.value),o=a&&"object"==typeof a&&"tagName"in a,u=null==a||!1===a;t.subscribe(()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{(()=>{if(!s&&!i)return;let n=r(t.value);if(null==n||!1===n)l&&s&&(i=document.createComment("reactive"),s.parentNode?.replaceChild(i,s),l=!1);else if(!l&&i&&s&&(i.parentNode?.replaceChild(s,i),i=null,l=!0),s){let t=document.createDocumentFragment();if(o&&n&&"object"==typeof n&&"tagName"in n){let{props:r,children:i}=n;for(let e in r){let t=r[e];if("ref"!==e)if("class"===e||"className"===e)s.className=Array.isArray(t)?t.join(" "):t||"";else if("style"===e&&"object"==typeof t){let e=s.style;for(let r in t)e[r]=t[r]}else e.startsWith("on")?s[e.toLowerCase()]=t:null!=t&&!1!==t?s.setAttribute(e,String(!0===t?"":t)):s.removeAttribute(e)}for(let r of i)e.renderToDOM(r,t)}else e.renderToDOM(n,t);s.textContent="",s.appendChild(t),e.getElementCache().set(s,!0)}})(),n=null})});let d=e=>{s=e,u&&e.parentNode&&(i=document.createComment("reactive"),e.parentNode.replaceChild(i,e),l=!1)};if(o){let e=a;return{tagName:e.tagName,props:{...e.props,ref:d},children:e.children}}return{tagName:"span",props:{ref:d},children:[a]}},m=(t,r,n,s={})=>{let i=null,l=null;return r.subscribe(()=>{i&&cancelAnimationFrame(i),i=requestAnimationFrame(()=>{if(l){let t=document.createDocumentFragment(),s=n(r.value);null==s||!1===s?(l.style.display="none",l.textContent=""):(l.style.display="",e.renderToDOM(s,t),l.textContent="",l.appendChild(t)),e.getElementCache().set(l,!0)}i=null})}),{tagName:t,props:{...s,ref:e=>{l=e}},children:[n(r.value)]}},g=e=>e&&void 0!==e.value?f(e,e=>({tagName:"span",props:{},children:[String(e)]})):String(e),y=e=>({value:e.value,oninput:t=>{e.value=t.target.value}}),v=e=>({checked:e.value,onchange:t=>{e.value=t.target.checked}});export{c as SharedState,s as batchRender,v as bindChecked,y as bindValue,o as cleanupUnused,r as computed,h as createSharedState,t as createState,l as createVirtualList,d as debounce,n as effect,a as lazy,f as reactive,m as reactiveAs,i as renderChunked,p as sharedStateManager,g as text,u as throttle};

package/dist/style.d.mts

@@ -0,0 +1,113 @@
+/**
+ * Elit - CreateStyle CSS Generation System
+ */
+interface CSSVariable {
+    name: string;
+    value: string;
+    toString(): string;
+}
+interface CSSRule {
+    selector: string;
+    styles: Record<string, string | number>;
+    nested?: CSSRule[];
+    type: 'tag' | 'class' | 'id' | 'pseudo-class' | 'pseudo-element' | 'name' | 'custom' | 'media' | 'attribute';
+}
+interface MediaRule {
+    type: string;
+    condition: string;
+    rules: CSSRule[];
+}
+interface KeyframeStep {
+    step: string | number;
+    styles: Record<string, string | number>;
+}
+interface Keyframes {
+    name: string;
+    steps: KeyframeStep[];
+}
+interface FontFace {
+    fontFamily: string;
+    src: string;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    fontDisplay?: string;
+    unicodeRange?: string;
+}
+interface ContainerRule {
+    name?: string;
+    condition: string;
+    rules: CSSRule[];
+}
+interface SupportsRule {
+    condition: string;
+    rules: CSSRule[];
+}
+interface LayerRule {
+    name: string;
+    rules: CSSRule[];
+}
+declare class CreateStyle {
+    private variables;
+    private rules;
+    private mediaRules;
+    private keyframes;
+    private fontFaces;
+    private imports;
+    private containerRules;
+    private supportsRules;
+    private layerRules;
+    private _layerOrder;
+    addVar(name: string, value: string): CSSVariable;
+    var(variable: CSSVariable | string, fallback?: string): string;
+    addTag(tag: string, styles: Record<string, string | number>): CSSRule;
+    addClass(name: string, styles: Record<string, string | number>): CSSRule;
+    addId(name: string, styles: Record<string, string | number>): CSSRule;
+    addPseudoClass(pseudo: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    addPseudoElement(pseudo: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    addAttribute(attr: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrEquals(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrContainsWord(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrStartsWith(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrEndsWith(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrContains(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    descendant(ancestor: string, descendant: string, styles: Record<string, string | number>): CSSRule;
+    child(parent: string, childSel: string, styles: Record<string, string | number>): CSSRule;
+    adjacentSibling(element: string, sibling: string, styles: Record<string, string | number>): CSSRule;
+    generalSibling(element: string, sibling: string, styles: Record<string, string | number>): CSSRule;
+    multiple(selectors: string[], styles: Record<string, string | number>): CSSRule;
+    addName(name: string, styles: Record<string, string | number>): CSSRule;
+    nesting(parentRule: CSSRule, ...childRules: CSSRule[]): CSSRule;
+    keyframe(name: string, steps: Record<string | number, Record<string, string | number>>): Keyframes;
+    keyframeFromTo(name: string, from: Record<string, string | number>, to: Record<string, string | number>): Keyframes;
+    fontFace(options: FontFace): FontFace;
+    import(url: string, mediaQuery?: string): string;
+    media(type: string, condition: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaScreen(condition: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaPrint(rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaMinWidth(minWidth: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaMaxWidth(maxWidth: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaDark(rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaLight(rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaReducedMotion(rules: Record<string, Record<string, string | number>>): MediaRule;
+    container(condition: string, rules: Record<string, Record<string, string | number>>, name?: string): ContainerRule;
+    addContainer(name: string, styles: Record<string, string | number>): CSSRule;
+    supports(condition: string, rules: Record<string, Record<string, string | number>>): SupportsRule;
+    layerOrder(...layers: string[]): void;
+    layer(name: string, rules: Record<string, Record<string, string | number>>): LayerRule;
+    add(rules: Record<string, Record<string, string | number>>): CSSRule[];
+    important(value: string | number): string;
+    private toKebabCase;
+    private stylesToString;
+    private renderRule;
+    private renderMediaRule;
+    private renderKeyframes;
+    private renderFontFace;
+    private renderContainerRule;
+    private renderSupportsRule;
+    private renderLayerRule;
+    render(...additionalRules: (CSSRule | CSSRule[] | MediaRule | Keyframes | ContainerRule | SupportsRule | LayerRule | undefined | null)[]): string;
+    inject(styleId?: string): HTMLStyleElement;
+    clear(): void;
+}
+
+export { type CSSRule, type CSSVariable, type ContainerRule, CreateStyle, type FontFace, type KeyframeStep, type Keyframes, type LayerRule, type MediaRule, type SupportsRule };

package/dist/style.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Elit - CreateStyle CSS Generation System
+ */
+interface CSSVariable {
+    name: string;
+    value: string;
+    toString(): string;
+}
+interface CSSRule {
+    selector: string;
+    styles: Record<string, string | number>;
+    nested?: CSSRule[];
+    type: 'tag' | 'class' | 'id' | 'pseudo-class' | 'pseudo-element' | 'name' | 'custom' | 'media' | 'attribute';
+}
+interface MediaRule {
+    type: string;
+    condition: string;
+    rules: CSSRule[];
+}
+interface KeyframeStep {
+    step: string | number;
+    styles: Record<string, string | number>;
+}
+interface Keyframes {
+    name: string;
+    steps: KeyframeStep[];
+}
+interface FontFace {
+    fontFamily: string;
+    src: string;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    fontDisplay?: string;
+    unicodeRange?: string;
+}
+interface ContainerRule {
+    name?: string;
+    condition: string;
+    rules: CSSRule[];
+}
+interface SupportsRule {
+    condition: string;
+    rules: CSSRule[];
+}
+interface LayerRule {
+    name: string;
+    rules: CSSRule[];
+}
+declare class CreateStyle {
+    private variables;
+    private rules;
+    private mediaRules;
+    private keyframes;
+    private fontFaces;
+    private imports;
+    private containerRules;
+    private supportsRules;
+    private layerRules;
+    private _layerOrder;
+    addVar(name: string, value: string): CSSVariable;
+    var(variable: CSSVariable | string, fallback?: string): string;
+    addTag(tag: string, styles: Record<string, string | number>): CSSRule;
+    addClass(name: string, styles: Record<string, string | number>): CSSRule;
+    addId(name: string, styles: Record<string, string | number>): CSSRule;
+    addPseudoClass(pseudo: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    addPseudoElement(pseudo: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    addAttribute(attr: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrEquals(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrContainsWord(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrStartsWith(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrEndsWith(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    attrContains(attr: string, value: string, styles: Record<string, string | number>, baseSelector?: string): CSSRule;
+    descendant(ancestor: string, descendant: string, styles: Record<string, string | number>): CSSRule;
+    child(parent: string, childSel: string, styles: Record<string, string | number>): CSSRule;
+    adjacentSibling(element: string, sibling: string, styles: Record<string, string | number>): CSSRule;
+    generalSibling(element: string, sibling: string, styles: Record<string, string | number>): CSSRule;
+    multiple(selectors: string[], styles: Record<string, string | number>): CSSRule;
+    addName(name: string, styles: Record<string, string | number>): CSSRule;
+    nesting(parentRule: CSSRule, ...childRules: CSSRule[]): CSSRule;
+    keyframe(name: string, steps: Record<string | number, Record<string, string | number>>): Keyframes;
+    keyframeFromTo(name: string, from: Record<string, string | number>, to: Record<string, string | number>): Keyframes;
+    fontFace(options: FontFace): FontFace;
+    import(url: string, mediaQuery?: string): string;
+    media(type: string, condition: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaScreen(condition: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaPrint(rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaMinWidth(minWidth: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaMaxWidth(maxWidth: string, rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaDark(rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaLight(rules: Record<string, Record<string, string | number>>): MediaRule;
+    mediaReducedMotion(rules: Record<string, Record<string, string | number>>): MediaRule;
+    container(condition: string, rules: Record<string, Record<string, string | number>>, name?: string): ContainerRule;
+    addContainer(name: string, styles: Record<string, string | number>): CSSRule;
+    supports(condition: string, rules: Record<string, Record<string, string | number>>): SupportsRule;
+    layerOrder(...layers: string[]): void;
+    layer(name: string, rules: Record<string, Record<string, string | number>>): LayerRule;
+    add(rules: Record<string, Record<string, string | number>>): CSSRule[];
+    important(value: string | number): string;
+    private toKebabCase;
+    private stylesToString;
+    private renderRule;
+    private renderMediaRule;
+    private renderKeyframes;
+    private renderFontFace;
+    private renderContainerRule;
+    private renderSupportsRule;
+    private renderLayerRule;
+    render(...additionalRules: (CSSRule | CSSRule[] | MediaRule | Keyframes | ContainerRule | SupportsRule | LayerRule | undefined | null)[]): string;
+    inject(styleId?: string): HTMLStyleElement;
+    clear(): void;
+}
+
+export { type CSSRule, type CSSVariable, type ContainerRule, CreateStyle, type FontFace, type KeyframeStep, type Keyframes, type LayerRule, type MediaRule, type SupportsRule };

package/dist/style.js

@@ -0,0 +1 @@
+"use strict";exports.CreateStyle=class{constructor(){this.variables=[],this.rules=[],this.mediaRules=[],this.keyframes=[],this.fontFaces=[],this.imports=[],this.containerRules=[],this.supportsRules=[],this.layerRules=[],this._layerOrder=[]}addVar(e,t){let s={name:e.startsWith("--")?e:`--${e}`,value:t,toString(){return`var(${this.name})`}};return this.variables.push(s),s}var(e,t){let s="string"==typeof e?e.startsWith("--")?e:`--${e}`:e.name;return t?`var(${s}, ${t})`:`var(${s})`}addTag(e,t){let s={selector:e,styles:t,type:"tag"};return this.rules.push(s),s}addClass(e,t){let s={selector:e.startsWith(".")?e:`.${e}`,styles:t,type:"class"};return this.rules.push(s),s}addId(e,t){let s={selector:e.startsWith("#")?e:`#${e}`,styles:t,type:"id"};return this.rules.push(s),s}addPseudoClass(e,t,s){let r=e.startsWith(":")?e:`:${e}`,n={selector:s?`${s}${r}`:r,styles:t,type:"pseudo-class"};return this.rules.push(n),n}addPseudoElement(e,t,s){let r=e.startsWith("::")?e:`::${e}`,n={selector:s?`${s}${r}`:r,styles:t,type:"pseudo-element"};return this.rules.push(n),n}addAttribute(e,t,s){let r=e.startsWith("[")?e:`[${e}]`,n={selector:s?`${s}${r}`:r,styles:t,type:"attribute"};return this.rules.push(n),n}attrEquals(e,t,s,r){return this.addAttribute(`${e}="${t}"`,s,r)}attrContainsWord(e,t,s,r){return this.addAttribute(`${e}~="${t}"`,s,r)}attrStartsWith(e,t,s,r){return this.addAttribute(`${e}^="${t}"`,s,r)}attrEndsWith(e,t,s,r){return this.addAttribute(`${e}$="${t}"`,s,r)}attrContains(e,t,s,r){return this.addAttribute(`${e}*="${t}"`,s,r)}descendant(e,t,s){let r={selector:`${e} ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}child(e,t,s){let r={selector:`${e} > ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}adjacentSibling(e,t,s){let r={selector:`${e} + ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}generalSibling(e,t,s){let r={selector:`${e} ~ ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}multiple(e,t){let s={selector:e.join(", "),styles:t,type:"custom"};return this.rules.push(s),s}addName(e,t){return{selector:e.startsWith("--")?`&${e}`:`&--${e}`,styles:t,type:"name"}}nesting(e,...t){return e.nested=t,e}keyframe(e,t){let s={name:e,steps:Object.entries(t).map(([e,t])=>({step:"from"===e?"from":"to"===e?"to":`${e}%`,styles:t}))};return this.keyframes.push(s),s}keyframeFromTo(e,t,s){return this.keyframe(e,{from:t,to:s})}fontFace(e){return this.fontFaces.push(e),e}import(e,t){let s=t?`@import url("${e}") ${t};`:`@import url("${e}");`;return this.imports.push(s),s}media(e,t,s){let r={type:e,condition:t,rules:Object.entries(s).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(r),r}mediaScreen(e,t){return this.media("screen",e,t)}mediaPrint(e){return this.media("print","",e)}mediaMinWidth(e,t){return this.media("screen",`min-width: ${e}`,t)}mediaMaxWidth(e,t){return this.media("screen",`max-width: ${e}`,t)}mediaDark(e){let t={type:"",condition:"prefers-color-scheme: dark",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}mediaLight(e){let t={type:"",condition:"prefers-color-scheme: light",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}mediaReducedMotion(e){let t={type:"",condition:"prefers-reduced-motion: reduce",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}container(e,t,s){let r={name:s,condition:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.containerRules.push(r),r}addContainer(e,t){let s={...t,containerName:e};return this.addClass(e,s)}supports(e,t){let s={condition:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.supportsRules.push(s),s}layerOrder(...e){this._layerOrder=e}layer(e,t){let s={name:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.layerRules.push(s),s}add(e){return Object.entries(e).map(([e,t])=>{let s={selector:e,styles:t,type:"custom"};return this.rules.push(s),s})}important(e){return`${e} !important`}toKebabCase(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}stylesToString(e,t="    "){return Object.entries(e).map(([e,s])=>{let r="object"==typeof s&&null!==s&&"name"in s?`var(${s.name})`:s;return`${t}${this.toKebabCase(e)}: ${r};`}).join("\n")}renderRule(e,t=""){let s=`${t}${e.selector} {\n${this.stylesToString(e.styles,t+"    ")}\n`;if(e.nested&&e.nested.length>0)for(let r of e.nested){s+=`\n${t}${r.selector.startsWith("&")?r.selector.replace(/&/g,e.selector):`${e.selector} ${r.selector}`} {\n${this.stylesToString(r.styles,t+"    ")}\n${t}}\n`}return s+=`${t}}`,s}renderMediaRule(e){let t=`@media ${e.type&&e.condition?`${e.type} and (${e.condition})`:e.type?e.type:`(${e.condition})`} {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}renderKeyframes(e){let t=`@keyframes ${e.name} {\n`;for(let s of e.steps)t+=`    ${s.step} {\n${this.stylesToString(s.styles,"        ")}\n    }\n`;return t+="}",t}renderFontFace(e){let t="@font-face {\n";return t+=`    font-family: "${e.fontFamily}";\n`,t+=`    src: ${e.src};\n`,e.fontWeight&&(t+=`    font-weight: ${e.fontWeight};\n`),e.fontStyle&&(t+=`    font-style: ${e.fontStyle};\n`),e.fontDisplay&&(t+=`    font-display: ${e.fontDisplay};\n`),e.unicodeRange&&(t+=`    unicode-range: ${e.unicodeRange};\n`),t+="}",t}renderContainerRule(e){let t=`@container ${e.name?`${e.name} `:""}(${e.condition}) {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}renderSupportsRule(e){let t=`@supports (${e.condition}) {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}renderLayerRule(e){let t=`@layer ${e.name} {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}render(...e){let t=[];if(this.imports.length>0&&t.push(this.imports.join("\n")),this._layerOrder.length>0&&t.push(`@layer ${this._layerOrder.join(", ")};`),this.variables.length>0){let e=this.variables.map(e=>`    ${e.name}: ${e.value};`).join("\n");t.push(`:root {\n${e}\n}`)}for(let e of this.fontFaces)t.push(this.renderFontFace(e));for(let e of this.keyframes)t.push(this.renderKeyframes(e));let s=[...this.rules],r=[...this.mediaRules],n=[],i=[...this.containerRules],l=[...this.supportsRules],u=[...this.layerRules];for(let t of e)t&&(Array.isArray(t)?s.push(...t):!("condition"in t)||!("rules"in t)||"name"in t&&"steps"in t?"name"in t&&"steps"in t?n.push(t):"name"in t&&"rules"in t?u.push(t):s.push(t):"type"in t?r.push(t):"name"in t&&"string"==typeof t.name?i.push(t):l.push(t));for(let e of n)t.push(this.renderKeyframes(e));for(let e of u)t.push(this.renderLayerRule(e));for(let e of s)t.push(this.renderRule(e));for(let e of l)t.push(this.renderSupportsRule(e));for(let e of i)t.push(this.renderContainerRule(e));for(let e of r)t.push(this.renderMediaRule(e));return t.join("\n\n")}inject(e){let t=this.render(),s=document.createElement("style");return e&&(s.id=e),s.textContent=t,document.head.appendChild(s),s}clear(){this.variables=[],this.rules=[],this.mediaRules=[],this.keyframes=[],this.fontFaces=[],this.imports=[],this.containerRules=[],this.supportsRules=[],this.layerRules=[],this._layerOrder=[]}};

package/dist/style.mjs

@@ -0,0 +1 @@
+var e=class{constructor(){this.variables=[],this.rules=[],this.mediaRules=[],this.keyframes=[],this.fontFaces=[],this.imports=[],this.containerRules=[],this.supportsRules=[],this.layerRules=[],this._layerOrder=[]}addVar(e,t){let s={name:e.startsWith("--")?e:`--${e}`,value:t,toString(){return`var(${this.name})`}};return this.variables.push(s),s}var(e,t){let s="string"==typeof e?e.startsWith("--")?e:`--${e}`:e.name;return t?`var(${s}, ${t})`:`var(${s})`}addTag(e,t){let s={selector:e,styles:t,type:"tag"};return this.rules.push(s),s}addClass(e,t){let s={selector:e.startsWith(".")?e:`.${e}`,styles:t,type:"class"};return this.rules.push(s),s}addId(e,t){let s={selector:e.startsWith("#")?e:`#${e}`,styles:t,type:"id"};return this.rules.push(s),s}addPseudoClass(e,t,s){let r=e.startsWith(":")?e:`:${e}`,n={selector:s?`${s}${r}`:r,styles:t,type:"pseudo-class"};return this.rules.push(n),n}addPseudoElement(e,t,s){let r=e.startsWith("::")?e:`::${e}`,n={selector:s?`${s}${r}`:r,styles:t,type:"pseudo-element"};return this.rules.push(n),n}addAttribute(e,t,s){let r=e.startsWith("[")?e:`[${e}]`,n={selector:s?`${s}${r}`:r,styles:t,type:"attribute"};return this.rules.push(n),n}attrEquals(e,t,s,r){return this.addAttribute(`${e}="${t}"`,s,r)}attrContainsWord(e,t,s,r){return this.addAttribute(`${e}~="${t}"`,s,r)}attrStartsWith(e,t,s,r){return this.addAttribute(`${e}^="${t}"`,s,r)}attrEndsWith(e,t,s,r){return this.addAttribute(`${e}$="${t}"`,s,r)}attrContains(e,t,s,r){return this.addAttribute(`${e}*="${t}"`,s,r)}descendant(e,t,s){let r={selector:`${e} ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}child(e,t,s){let r={selector:`${e} > ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}adjacentSibling(e,t,s){let r={selector:`${e} + ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}generalSibling(e,t,s){let r={selector:`${e} ~ ${t}`,styles:s,type:"custom"};return this.rules.push(r),r}multiple(e,t){let s={selector:e.join(", "),styles:t,type:"custom"};return this.rules.push(s),s}addName(e,t){return{selector:e.startsWith("--")?`&${e}`:`&--${e}`,styles:t,type:"name"}}nesting(e,...t){return e.nested=t,e}keyframe(e,t){let s={name:e,steps:Object.entries(t).map(([e,t])=>({step:"from"===e?"from":"to"===e?"to":`${e}%`,styles:t}))};return this.keyframes.push(s),s}keyframeFromTo(e,t,s){return this.keyframe(e,{from:t,to:s})}fontFace(e){return this.fontFaces.push(e),e}import(e,t){let s=t?`@import url("${e}") ${t};`:`@import url("${e}");`;return this.imports.push(s),s}media(e,t,s){let r={type:e,condition:t,rules:Object.entries(s).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(r),r}mediaScreen(e,t){return this.media("screen",e,t)}mediaPrint(e){return this.media("print","",e)}mediaMinWidth(e,t){return this.media("screen",`min-width: ${e}`,t)}mediaMaxWidth(e,t){return this.media("screen",`max-width: ${e}`,t)}mediaDark(e){let t={type:"",condition:"prefers-color-scheme: dark",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}mediaLight(e){let t={type:"",condition:"prefers-color-scheme: light",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}mediaReducedMotion(e){let t={type:"",condition:"prefers-reduced-motion: reduce",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}container(e,t,s){let r={name:s,condition:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.containerRules.push(r),r}addContainer(e,t){let s={...t,containerName:e};return this.addClass(e,s)}supports(e,t){let s={condition:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.supportsRules.push(s),s}layerOrder(...e){this._layerOrder=e}layer(e,t){let s={name:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.layerRules.push(s),s}add(e){return Object.entries(e).map(([e,t])=>{let s={selector:e,styles:t,type:"custom"};return this.rules.push(s),s})}important(e){return`${e} !important`}toKebabCase(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}stylesToString(e,t="    "){return Object.entries(e).map(([e,s])=>{let r="object"==typeof s&&null!==s&&"name"in s?`var(${s.name})`:s;return`${t}${this.toKebabCase(e)}: ${r};`}).join("\n")}renderRule(e,t=""){let s=`${t}${e.selector} {\n${this.stylesToString(e.styles,t+"    ")}\n`;if(e.nested&&e.nested.length>0)for(let r of e.nested){s+=`\n${t}${r.selector.startsWith("&")?r.selector.replace(/&/g,e.selector):`${e.selector} ${r.selector}`} {\n${this.stylesToString(r.styles,t+"    ")}\n${t}}\n`}return s+=`${t}}`,s}renderMediaRule(e){let t=`@media ${e.type&&e.condition?`${e.type} and (${e.condition})`:e.type?e.type:`(${e.condition})`} {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}renderKeyframes(e){let t=`@keyframes ${e.name} {\n`;for(let s of e.steps)t+=`    ${s.step} {\n${this.stylesToString(s.styles,"        ")}\n    }\n`;return t+="}",t}renderFontFace(e){let t="@font-face {\n";return t+=`    font-family: "${e.fontFamily}";\n`,t+=`    src: ${e.src};\n`,e.fontWeight&&(t+=`    font-weight: ${e.fontWeight};\n`),e.fontStyle&&(t+=`    font-style: ${e.fontStyle};\n`),e.fontDisplay&&(t+=`    font-display: ${e.fontDisplay};\n`),e.unicodeRange&&(t+=`    unicode-range: ${e.unicodeRange};\n`),t+="}",t}renderContainerRule(e){let t=`@container ${e.name?`${e.name} `:""}(${e.condition}) {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}renderSupportsRule(e){let t=`@supports (${e.condition}) {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}renderLayerRule(e){let t=`@layer ${e.name} {\n`;for(let s of e.rules)t+=this.renderRule(s,"    ")+"\n";return t+="}",t}render(...e){let t=[];if(this.imports.length>0&&t.push(this.imports.join("\n")),this._layerOrder.length>0&&t.push(`@layer ${this._layerOrder.join(", ")};`),this.variables.length>0){let e=this.variables.map(e=>`    ${e.name}: ${e.value};`).join("\n");t.push(`:root {\n${e}\n}`)}for(let e of this.fontFaces)t.push(this.renderFontFace(e));for(let e of this.keyframes)t.push(this.renderKeyframes(e));let s=[...this.rules],r=[...this.mediaRules],n=[],i=[...this.containerRules],l=[...this.supportsRules],u=[...this.layerRules];for(let t of e)t&&(Array.isArray(t)?s.push(...t):!("condition"in t)||!("rules"in t)||"name"in t&&"steps"in t?"name"in t&&"steps"in t?n.push(t):"name"in t&&"rules"in t?u.push(t):s.push(t):"type"in t?r.push(t):"name"in t&&"string"==typeof t.name?i.push(t):l.push(t));for(let e of n)t.push(this.renderKeyframes(e));for(let e of u)t.push(this.renderLayerRule(e));for(let e of s)t.push(this.renderRule(e));for(let e of l)t.push(this.renderSupportsRule(e));for(let e of i)t.push(this.renderContainerRule(e));for(let e of r)t.push(this.renderMediaRule(e));return t.join("\n\n")}inject(e){let t=this.render(),s=document.createElement("style");return e&&(s.id=e),s.textContent=t,document.head.appendChild(s),s}clear(){this.variables=[],this.rules=[],this.mediaRules=[],this.keyframes=[],this.fontFaces=[],this.imports=[],this.containerRules=[],this.supportsRules=[],this.layerRules=[],this._layerOrder=[]}};export{e as CreateStyle};

package/dist/types-DOAdFFJB.d.mts

@@ -0,0 +1,330 @@
+import { IncomingMessage, ServerResponse, Server } from 'http';
+import { WebSocket, WebSocketServer } from 'ws';
+
+/**
+ * Development server with HMR support
+ */
+
+type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'OPTIONS' | 'HEAD';
+interface ServerRouteContext {
+    req: IncomingMessage;
+    res: ServerResponse;
+    params: Record<string, string>;
+    query: Record<string, string>;
+    body: any;
+    headers: Record<string, string | string[] | undefined>;
+}
+type ServerRouteHandler = (ctx: ServerRouteContext) => void | Promise<void>;
+type Middleware = (ctx: ServerRouteContext, next: () => Promise<void>) => void | Promise<void>;
+declare class ServerRouter {
+    private routes;
+    private middlewares;
+    use(middleware: Middleware): this;
+    get(path: string, handler: ServerRouteHandler): this;
+    post(path: string, handler: ServerRouteHandler): this;
+    put(path: string, handler: ServerRouteHandler): this;
+    delete(path: string, handler: ServerRouteHandler): this;
+    patch(path: string, handler: ServerRouteHandler): this;
+    options(path: string, handler: ServerRouteHandler): this;
+    private addRoute;
+    private pathToRegex;
+    private parseQuery;
+    private parseBody;
+    handle(req: IncomingMessage, res: ServerResponse): Promise<boolean>;
+}
+declare const json: (res: ServerResponse, data: any, status?: number) => void;
+declare const text: (res: ServerResponse, data: string, status?: number) => void;
+declare const html: (res: ServerResponse, data: string, status?: number) => void;
+declare const status: (res: ServerResponse, code: number, message?: string) => void;
+declare function cors(options?: {
+    origin?: string | string[];
+    methods?: string[];
+    credentials?: boolean;
+    maxAge?: number;
+}): Middleware;
+declare function logger(options?: {
+    format?: 'simple' | 'detailed';
+}): Middleware;
+declare function errorHandler(): Middleware;
+declare function rateLimit(options?: {
+    windowMs?: number;
+    max?: number;
+    message?: string;
+}): Middleware;
+declare function bodyLimit(options?: {
+    limit?: number;
+}): Middleware;
+declare function cacheControl(options?: {
+    maxAge?: number;
+    public?: boolean;
+}): Middleware;
+declare function compress(): Middleware;
+declare function security(): Middleware;
+declare function createProxyHandler(proxyConfigs: ProxyConfig[]): (req: IncomingMessage, res: ServerResponse) => Promise<boolean>;
+type StateChangeHandler<T = any> = (value: T, oldValue: T) => void;
+interface SharedStateOptions<T = any> {
+    initial: T;
+    persist?: boolean;
+    validate?: (value: T) => boolean;
+}
+declare class SharedState<T = any> {
+    readonly key: string;
+    private _value;
+    private listeners;
+    private changeHandlers;
+    private options;
+    constructor(key: string, options: SharedStateOptions<T>);
+    get value(): T;
+    set value(newValue: T);
+    update(updater: (current: T) => T): void;
+    subscribe(ws: WebSocket): void;
+    unsubscribe(ws: WebSocket): void;
+    onChange(handler: StateChangeHandler<T>): () => void;
+    private broadcast;
+    private sendTo;
+    get subscriberCount(): number;
+    clear(): void;
+}
+declare class StateManager$1 {
+    private states;
+    create<T>(key: string, options: SharedStateOptions<T>): SharedState<T>;
+    get<T>(key: string): SharedState<T> | undefined;
+    has(key: string): boolean;
+    delete(key: string): boolean;
+    subscribe(key: string, ws: WebSocket): void;
+    unsubscribe(key: string, ws: WebSocket): void;
+    unsubscribeAll(ws: WebSocket): void;
+    handleStateChange(key: string, value: any): void;
+    keys(): string[];
+    clear(): void;
+}
+declare function createDevServer(options: DevServerOptions): DevServer;
+
+/**
+ * Elit - Types and Interfaces
+ */
+interface VNode {
+    tagName: string;
+    props: Props;
+    children: Children;
+}
+type Child = VNode | string | number | boolean | null | undefined;
+type Children = Child[];
+interface Props {
+    [key: string]: any;
+    className?: string | string[];
+    class?: string | string[];
+    style?: Partial<CSSStyleDeclaration> | string;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
+    ref?: RefCallback | RefObject;
+    onClick?: (event: MouseEvent) => void;
+    onChange?: (event: Event) => void;
+    onInput?: (event: Event) => void;
+    onSubmit?: (event: Event) => void;
+    value?: string | number;
+    checked?: boolean;
+}
+type RefCallback = (element: HTMLElement | SVGElement) => void;
+interface RefObject {
+    current: HTMLElement | SVGElement | null;
+}
+interface State<T> {
+    value: T;
+    subscribe(fn: (value: T) => void): () => void;
+    destroy(): void;
+}
+interface StateOptions {
+    throttle?: number;
+    deep?: boolean;
+}
+interface VirtualListController {
+    render: () => void;
+    destroy: () => void;
+}
+interface JsonNode {
+    tag: string;
+    attributes?: Record<string, any>;
+    children?: JsonNode | JsonNode[] | string | number | boolean | null;
+}
+type VNodeJson = {
+    tagName: string;
+    props?: Record<string, any>;
+    children?: (VNodeJson | string | number | boolean | null)[];
+} | string | number | boolean | null;
+type ElementFactory = {
+    (...children: Child[]): VNode;
+    (props: Props | null, ...children: Child[]): VNode;
+};
+
+type Router = ServerRouter;
+type StateManager = StateManager$1;
+interface ClientConfig {
+    /** Root directory to serve files from */
+    root: string;
+    /** Base path for the client application (e.g., '/app1', '/app2') */
+    basePath: string;
+    /** SSR render function - returns HTML VNode or string */
+    ssr?: () => Child | string;
+    /** Watch patterns for file changes */
+    watch?: string[];
+    /** Ignore patterns for file watching */
+    ignore?: string[];
+    /** Proxy configuration specific to this client */
+    proxy?: ProxyConfig[];
+    /** Worker scripts specific to this client */
+    worker?: WorkerConfig[];
+    /** API router for REST endpoints specific to this client */
+    api?: Router;
+    /** Custom middleware specific to this client */
+    middleware?: ((req: any, res: any, next: () => void) => void)[];
+}
+interface ProxyConfig {
+    /** Path prefix to match for proxying (e.g., '/api', '/graphql') */
+    context: string;
+    /** Target URL to proxy to (e.g., 'http://localhost:8080') */
+    target: string;
+    /** Change the origin of the host header to the target URL */
+    changeOrigin?: boolean;
+    /** Rewrite path before sending to target */
+    pathRewrite?: Record<string, string>;
+    /** Additional headers to add to the proxied request */
+    headers?: Record<string, string>;
+    /** Enable WebSocket proxying */
+    ws?: boolean;
+}
+interface WorkerConfig {
+    /** Worker script path relative to root directory */
+    path: string;
+    /** Worker name/identifier (optional, defaults to filename) */
+    name?: string;
+    /** Worker type: 'module' (ESM) or 'classic' (default: 'module') */
+    type?: 'module' | 'classic';
+}
+interface DevServerOptions {
+    /** Port to run the server on (default: 3000) */
+    port?: number;
+    /** Host to bind to (default: 'localhost') */
+    host?: string;
+    /** Root directory to serve files from */
+    root?: string;
+    /** Base path for the client application (e.g., '/app1', '/app2') */
+    basePath?: string;
+    /** Array of client configurations - allows multiple clients on same port */
+    clients?: ClientConfig[];
+    /** Enable HTTPS (default: false) */
+    https?: boolean;
+    /** Open browser automatically (default: true) */
+    open?: boolean;
+    /** Watch patterns for file changes */
+    watch?: string[];
+    /** Ignore patterns for file watcher */
+    ignore?: string[];
+    /** Global worker scripts (applies to all clients) */
+    worker?: WorkerConfig[];
+    /** Enable logging (default: true) */
+    logging?: boolean;
+    /** Custom middleware */
+    middleware?: ((req: any, res: any, next: () => void) => void)[];
+    /** API router for REST endpoints */
+    api?: Router;
+    /** SSR render function - returns HTML VNode or string */
+    ssr?: () => Child | string;
+    /** Proxy configuration for API requests */
+    proxy?: ProxyConfig[];
+}
+interface DevServer {
+    /** HTTP server instance */
+    server: Server;
+    /** WebSocket server for HMR */
+    wss: WebSocketServer;
+    /** Server URL */
+    url: string;
+    /** Shared state manager */
+    state: StateManager;
+    /** Close the server */
+    close: () => Promise<void>;
+}
+interface HMRMessage {
+    type: 'update' | 'reload' | 'error' | 'connected';
+    path?: string;
+    timestamp?: number;
+    error?: string;
+}
+interface BuildOptions {
+    /** Entry file to build */
+    entry: string;
+    /** Output directory */
+    outDir?: string;
+    /** Output filename */
+    outFile?: string;
+    /** Enable minification */
+    minify?: boolean;
+    /** Generate sourcemap */
+    sourcemap?: boolean;
+    /** Target environment */
+    target?: 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'es2022' | 'esnext';
+    /** Output format */
+    format?: 'esm' | 'cjs' | 'iife';
+    /** Global name for IIFE format */
+    globalName?: string;
+    /** Target platform */
+    platform?: 'browser' | 'node' | 'neutral';
+    /** Base path for the application (injected into HTML) */
+    basePath?: string;
+    /** External dependencies (not bundled) */
+    external?: string[];
+    /** Enable tree shaking */
+    treeshake?: boolean;
+    /** Enable logging */
+    logging?: boolean;
+    /** Environment variables to inject (prefix with VITE_ for client access) */
+    env?: Record<string, string>;
+    /** Copy static files after build */
+    copy?: Array<{
+        from: string;
+        to: string;
+        transform?: (content: string, config: BuildOptions) => string;
+    }>;
+    /** Post-build hook */
+    onBuildEnd?: (result: BuildResult) => void | Promise<void>;
+}
+interface BuildResult {
+    /** Output file path */
+    outputPath: string;
+    /** Build time in milliseconds */
+    buildTime: number;
+    /** Output file size in bytes */
+    size: number;
+}
+interface PreviewOptions {
+    /** Port to run the preview server on (default: 4173) */
+    port?: number;
+    /** Host to bind to (default: 'localhost') */
+    host?: string;
+    /** Root directory to serve files from (default: dist or build.outDir) */
+    root?: string;
+    /** Base path for the application (e.g., '/app') */
+    basePath?: string;
+    /** Array of client configurations - allows multiple clients on same port */
+    clients?: ClientConfig[];
+    /** Enable HTTPS (default: false) */
+    https?: boolean;
+    /** Open browser automatically (default: true) */
+    open?: boolean;
+    /** Enable logging (default: true) */
+    logging?: boolean;
+    /** Custom middleware */
+    middleware?: ((req: any, res: any, next: () => void) => void)[];
+    /** API router for REST endpoints */
+    api?: Router;
+    /** SSR render function - returns HTML VNode or string */
+    ssr?: () => Child | string;
+    /** Proxy configuration for API requests */
+    proxy?: ProxyConfig[];
+    /** Global worker scripts (applies to all clients) */
+    worker?: WorkerConfig[];
+}
+
+export { type ClientConfig as A, type BuildOptions as B, type Child as C, type DevServerOptions as D, type ElementFactory as E, type ProxyConfig as F, type DevServer as G, type HttpMethod as H, type HMRMessage as I, type JsonNode as J, type PreviewOptions as K, createProxyHandler as L, type Middleware as M, type Router as N, type StateManager as O, type Props as P, type RefCallback as R, ServerRouter as S, type VNode as V, type WorkerConfig as W, type ServerRouteContext as a, type ServerRouteHandler as b, createDevServer as c, cors as d, errorHandler as e, bodyLimit as f, cacheControl as g, html as h, compress as i, json as j, security as k, logger as l, StateManager$1 as m, SharedState as n, type SharedStateOptions as o, type StateChangeHandler as p, type BuildResult as q, rateLimit as r, status as s, text as t, type Children as u, type RefObject as v, type State as w, type StateOptions as x, type VirtualListController as y, type VNodeJson as z };