le-kit 0.1.4 → 0.1.5

package/dist/le-kit/p-c8a9288e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,i as s}from"./p-D71TXvJa.js";import{c as a}from"./p-qIai5-eB.js";const i=":host{display:block}:host([hidden]){display:none}.stack{gap:var(--le-stack-gap, var(--le-space-md))}:host(.full-width){width:100%}:host(.full-height){height:100%}:host(.direction-horizontal) .stack{min-height:0}:host(.direction-vertical) .stack{min-width:0}";const n=class{constructor(e){t(this,e)}get el(){return e(this)}direction="horizontal";gap;align="stretch";justify="start";wrap=false;alignContent="stretch";reverse=false;maxItems;fullWidth=false;fullHeight=false;padding;getFlexDirection(){const t=this.direction==="vertical"?"column":"row";return this.reverse?`${t}-reverse`:t}getAlignItems(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"};return t[this.align]||"stretch"}getJustifyContent(){const t={start:"flex-start",center:"center",end:"flex-end","space-between":"space-between","space-around":"space-around","space-evenly":"space-evenly"};return t[this.justify]||"flex-start"}getAlignContent(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch","space-between":"space-between","space-around":"space-around"};return t[this.alignContent]||"stretch"}render(){const t={display:"flex",flexDirection:this.getFlexDirection(),alignItems:this.getAlignItems(),justifyContent:this.getJustifyContent(),flexWrap:this.wrap?"wrap":"nowrap"};if(this.wrap){t.alignContent=this.getAlignContent()}if(this.gap){t.gap=this.gap}if(this.padding){t.padding=this.padding}const e=a(`direction-${this.direction}`,{wrap:this.wrap,reverse:this.reverse,"full-width":this.fullWidth,"full-height":this.fullHeight});const i=`display: flex; flex-direction: ${this.getFlexDirection()}; gap: ${this.gap||"var(--le-space-md)"}; flex-wrap: ${this.wrap?"wrap":"nowrap"}; justify-content: ${this.getJustifyContent()}; align-items: ${this.getAlignItems()};`;return s("le-component",{key:"e1547512915e47e4c5ddbcbcbd3971579e45a140",component:"le-stack",hostClass:e},s("div",{key:"61a4fd57c61c56a8abac0ae2348e6e48034efc4d",class:"stack",part:"stack",style:t},s("le-slot",{key:"0ef0f996ce0efcb20a47171197d82e5b326c7e8c",name:"",description:`Items arranged ${this.direction}ly${this.maxItems?` (max ${this.maxItems})`:""}`,type:"slot","allowed-components":"le-text,le-box,le-card,le-button,le-stack",slotStyle:i},s("slot",{key:"f41f351d8b6dbdaf20756e9bc317a35a0424fc6c"}))))}};n.style=i;export{n as le_stack};
-//# sourceMappingURL=p-c8a9288e.entry.js.map

package/dist/le-kit/p-c8a9288e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","classnames","leStackDefaultCss","LeStack","constructor","hostRef","this","el","direction","gap","align","justify","wrap","alignContent","reverse","maxItems","fullWidth","fullHeight","padding","getFlexDirection","base","getAlignItems","alignMap","start","center","end","stretch","baseline","getJustifyContent","justifyMap","getAlignContent","alignContentMap","render","style","display","flexDirection","alignItems","justifyContent","flexWrap","hostClass","slotStyle","key","component","class","part","name","description","type"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAiBC,MAAS,8BACjDC,MAAkB,kBAEhC,MAAMC,EAAoB,oQAE1B,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CACA,MAAIE,GAAO,OAAOR,EAAWO,KAAO,CAKpCE,UAAY,aAIZC,IAKAC,MAAQ,UAKRC,QAAU,QAIVC,KAAO,MAKPC,aAAe,UAIfC,QAAU,MAKVC,SAIAC,UAAY,MAIZC,WAAa,MAIbC,QACA,gBAAAC,GACI,MAAMC,EAAOd,KAAKE,YAAc,WAAa,SAAW,MACxD,OAAOF,KAAKQ,QAAU,GAAGM,YAAiBA,CAC9C,CACA,aAAAC,GACI,MAAMC,EAAW,CACbC,MAAO,aACPC,OAAQ,SACRC,IAAK,WACLC,QAAS,UACTC,SAAU,YAEd,OAAOL,EAAShB,KAAKI,QAAU,SACnC,CACA,iBAAAkB,GACI,MAAMC,EAAa,CACfN,MAAO,aACPC,OAAQ,SACRC,IAAK,WACL,gBAAiB,gBACjB,eAAgB,eAChB,eAAgB,gBAEpB,OAAOI,EAAWvB,KAAKK,UAAY,YACvC,CACA,eAAAmB,GACI,MAAMC,EAAkB,CACpBR,MAAO,aACPC,OAAQ,SACRC,IAAK,WACLC,QAAS,UACT,gBAAiB,gBACjB,eAAgB,gBAEpB,OAAOK,EAAgBzB,KAAKO,eAAiB,SACjD,CACA,MAAAmB,GACI,MAAMC,EAAQ,CACVC,QAAS,OACTC,cAAe7B,KAAKa,mBACpBiB,WAAY9B,KAAKe,gBACjBgB,eAAgB/B,KAAKsB,oBACrBU,SAAUhC,KAAKM,KAAO,OAAS,UAEnC,GAAIN,KAAKM,KAAM,CACXqB,EAAMpB,aAAeP,KAAKwB,iBAC9B,CACA,GAAIxB,KAAKG,IAAK,CACVwB,EAAMxB,IAAMH,KAAKG,GACrB,CACA,GAAIH,KAAKY,QAAS,CACde,EAAMf,QAAUZ,KAAKY,OACzB,CAOA,MAAMqB,EAAYtC,EAAW,aAAaK,KAAKE,YAAa,CACxDI,KAAQN,KAAKM,KACbE,QAAWR,KAAKQ,QAChB,aAAcR,KAAKU,UACnB,cAAeV,KAAKW,aAGxB,MAAMuB,EAAY,kCAAkClC,KAAKa,4BAA4Bb,KAAKG,KAAO,oCAAoCH,KAAKM,KAAO,OAAS,8BAA8BN,KAAKsB,qCAAqCtB,KAAKe,mBACvO,OAAQrB,EAAE,eAAgB,CAAEyC,IAAK,2CAA4CC,UAAW,WAAYH,UAAWA,GAAavC,EAAE,MAAO,CAAEyC,IAAK,2CAA4CE,MAAO,QAASC,KAAM,QAASX,MAAOA,GAASjC,EAAE,UAAW,CAAEyC,IAAK,2CAA4CI,KAAM,GAAIC,YAAa,kBAAkBxC,KAAKE,cAAcF,KAAKS,SAAW,SAAST,KAAKS,YAAc,KAAMgC,KAAM,OAAQ,qBAAsB,4CAA6CP,UAAWA,GAAaxC,EAAE,OAAQ,CAAEyC,IAAK,+CACnhB,GAEJtC,EAAQ8B,MAAQ/B,SAEPC","ignoreList":[]}

package/dist/le-kit/p-cfc35bd3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,i,H as s}from"./p-D71TXvJa.js";import{c as n}from"./p-qIai5-eB.js";const r=":host{display:block;box-sizing:border-box}:host([hidden]){display:none}.box{width:100%;height:100%;box-sizing:border-box}.content{width:100%;height:100%;box-sizing:border-box;background:var(--le-box-bg, transparent);border-radius:var(--le-box-border-radius, 0);padding:var(--le-box-padding, 0)}:host(.display-flex) .content{min-height:100%}";const a=class{constructor(e){t(this,e)}get el(){return e(this)}grow=0;shrink=1;basis="auto";width;height;minWidth;maxWidth;minHeight;maxHeight;background;borderRadius;border;alignSelf="auto";alignContent="stretch";justifyContent="start";padding;order;displayFlex=false;innerDirection="vertical";innerGap;getAlignSelf(){const t={auto:"auto",start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"};return t[this.alignSelf]||"auto"}getContentAlign(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"};return t[this.alignContent]||"stretch"}getContentJustify(){const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"};return t[this.justifyContent]||"flex-start"}render(){const t={flexGrow:String(this.grow),flexShrink:String(this.shrink),flexBasis:this.basis,alignSelf:this.getAlignSelf()};if(this.width)t.width=this.width;if(this.height)t.height=this.height;if(this.minWidth)t.minWidth=this.minWidth;if(this.maxWidth)t.maxWidth=this.maxWidth;if(this.minHeight)t.minHeight=this.minHeight;if(this.maxHeight)t.maxHeight=this.maxHeight;if(this.order!==undefined)t.order=String(this.order);const e={};if(this.padding){e.padding=this.padding}if(this.background){e.background=this.background}if(this.borderRadius){e.borderRadius=this.borderRadius}if(this.border){e.border=this.border}if(this.displayFlex){e.display="flex";e.flexDirection=this.innerDirection==="vertical"?"column":"row";e.alignItems=this.getContentAlign();e.justifyContent=this.getContentJustify();if(this.innerGap){e.gap=this.innerGap}}const r=n({"has-grow":this.grow>0,"display-flex":this.displayFlex,[`inner-${this.innerDirection}`]:this.displayFlex});return i(s,{key:"8d71daaa3a1f34cf1b5fa3afe4f788d974d14dde",style:t,class:r},i("le-component",{key:"350393fef2159c40de43792502545ba93e0ec84c",component:"le-box"},i("div",{key:"425be85bce62b600a383e164a847a2f0622496bd",class:"box",part:"box"},i("div",{key:"104275e435d64a76428b5934aa0ece7ae3284cd8",class:"content",part:"content",style:e},i("le-slot",{key:"7655d6bd5140ffcac514b266b4ca2f790a44e8ae",name:"",description:"Content inside this flex item",type:"slot","allowed-components":"le-text,le-card,le-button,le-stack,le-box"},i("slot",{key:"47efcfcc9b9efe5283fa8f558026b3b13ea5b959"}))))))}};a.style=r;export{a as le_box};
-//# sourceMappingURL=p-cfc35bd3.entry.js.map

package/dist/le-kit/p-cfc35bd3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","Host","classnames","leBoxDefaultCss","LeBox","constructor","hostRef","this","el","grow","shrink","basis","width","height","minWidth","maxWidth","minHeight","maxHeight","background","borderRadius","border","alignSelf","alignContent","justifyContent","padding","order","displayFlex","innerDirection","innerGap","getAlignSelf","alignMap","auto","start","center","end","stretch","baseline","getContentAlign","getContentJustify","justifyMap","render","hostStyle","flexGrow","String","flexShrink","flexBasis","undefined","contentStyle","display","flexDirection","alignItems","gap","hostClass","key","style","class","component","part","name","description","type"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/le-kit/p-d04da1f5.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as r,i as t}from"./p-D71TXvJa.js";const e=".round-progress--container{position:relative}.round-progress{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.round-progress--progress{filter:drop-shadow(var(--progress-shadow))}.round-progress--circle{fill:none;stroke:var(--progress-color, #999);stroke-width:var(--progress-width, 4);stroke-linecap:var(--progress-linecap, round);animation:progress--circle 0.5s ease-out forwards;transition:stroke-dasharray 0.5s ease-out}@keyframes progress--circle{0%{stroke-dasharray:0 1000}}.round-progress--path{fill:none;stroke-linecap:round}";const a=class{constructor(r){s(this,r)}get el(){return r(this)}value=0;updateValue(s){this.value=parseFloat(s)}padding=0;updatePadding(s){this.padding=parseFloat(s);this.calcParams()}paths;updateProgressBackgrounds(s){this.progressPaths=JSON.parse(s)}progressPaths;params;componentWillLoad(){if(typeof this.paths==="string"){this.updateProgressBackgrounds(this.paths)}this.calcParams()}calcParams(){const s=this.el.getBoundingClientRect().width;const r=s-this.padding;const t=Math.PI*r;this.params={width:s,diameter:r,circumference:t}}getViewBox(){return"0 0 "+this.params.width+" "+this.params.width}getPath(){return"M"+this.params.width/2+" "+(this.params.width-this.params.diameter)/2+" a "+this.params.diameter/2+" "+this.params.diameter/2+" 0 0 1 0 "+this.params.diameter+" a "+this.params.diameter/2+" "+this.params.diameter/2+" 0 0 1 0 -"+this.params.diameter}getStrokeDashArray(){return this.value/100*this.params.circumference+", "+this.params.circumference}getPaths(){if(!this.progressPaths||!this.progressPaths.length){return null}let s=[];this.progressPaths.forEach((r=>{s.push(t("path",{class:"round-progress--path",d:this.getPath(),stroke:r.color,"stroke-width":r.width,"stroke-dasharray":r.dasharray,"stroke-linecap":r.linecap}))}));return t("svg",{viewBox:this.getViewBox(),class:"round-progress"},s)}render(){return t("div",{key:"1ffc36704bee5d0822623ac4559ad2d4690095a4",class:"round-progress--container"},this.getPaths(),t("svg",{key:"12e4dfe5fe2df0cb672d4c001459b8dcc8253591",viewBox:this.getViewBox(),class:"round-progress round-progress--progress"},t("path",{key:"d8ce69610687fb578ce2104bd3eccba24951dd96",class:"round-progress--circle","stroke-dasharray":this.getStrokeDashArray(),d:this.getPath()})),t("slot",{key:"3976b08a7e838579d6af34a778a8756255d98e57"}))}static get watchers(){return{value:["updateValue"],padding:["updatePadding"],paths:["updateProgressBackgrounds"]}}};a.style=e;export{a as le_round_progress};
-//# sourceMappingURL=p-d04da1f5.entry.js.map

package/dist/le-kit/p-d04da1f5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","getElement","h","leRoundProgressCss","LeRoundProgress","constructor","hostRef","this","el","value","updateValue","newValue","parseFloat","padding","updatePadding","calcParams","paths","updateProgressBackgrounds","progressPaths","JSON","parse","params","componentWillLoad","width","getBoundingClientRect","diameter","circumference","Math","PI","getViewBox","getPath","getStrokeDashArray","getPaths","length","forEach","bg","push","class","d","stroke","color","dasharray","linecap","viewBox","render","key","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAiBC,MAAS,kBAE/D,MAAMC,EAAqB,qiBAE3B,MAAMC,EAAkB,MACpB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAIE,GAAO,OAAOP,EAAWM,KAAO,CAEpCE,MAAQ,EACR,WAAAC,CAAYC,GACRJ,KAAKE,MAAQG,WAAWD,EAC5B,CAEAE,QAAU,EACV,aAAAC,CAAcH,GACVJ,KAAKM,QAAUD,WAAWD,GAC1BJ,KAAKQ,YACT,CAGAC,MACA,yBAAAC,CAA0BN,GACtBJ,KAAKW,cAAgBC,KAAKC,MAAMT,EACpC,CACAO,cACAG,OAQA,iBAAAC,GACI,UAAWf,KAAKS,QAAU,SAAU,CAChCT,KAAKU,0BAA0BV,KAAKS,MACxC,CACAT,KAAKQ,YACT,CACA,UAAAA,GAEI,MAAMQ,EAAQhB,KAAKC,GAAGgB,wBAAwBD,MAC9C,MAAME,EAAWF,EAAQhB,KAAKM,QAE9B,MAAMa,EAAgBC,KAAKC,GAAKH,EAChClB,KAAKc,OAAS,CAAEE,QAAOE,WAAUC,gBACrC,CAKA,UAAAG,GACI,MAAO,OAAStB,KAAKc,OAAOE,MAAQ,IAAMhB,KAAKc,OAAOE,KAC1D,CAKA,OAAAO,GACI,MAAQ,IACJvB,KAAKc,OAAOE,MAAQ,EACpB,KACChB,KAAKc,OAAOE,MAAQhB,KAAKc,OAAOI,UAAY,EAC7C,MACAlB,KAAKc,OAAOI,SAAW,EACvB,IACAlB,KAAKc,OAAOI,SAAW,EACvB,YACAlB,KAAKc,OAAOI,SACZ,MACAlB,KAAKc,OAAOI,SAAW,EACvB,IACAlB,KAAKc,OAAOI,SAAW,EACvB,aACAlB,KAAKc,OAAOI,QACpB,CACA,kBAAAM,GACI,OAAQxB,KAAKE,MAAQ,IAAOF,KAAKc,OAAOK,cAAgB,KAAOnB,KAAKc,OAAOK,aAC/E,CACA,QAAAM,GACI,IAAKzB,KAAKW,gBAAkBX,KAAKW,cAAce,OAAQ,CACnD,OAAO,IACX,CACA,IAAIjB,EAAQ,GACZT,KAAKW,cAAcgB,SAAQC,IACvBnB,EAAMoB,KAAKlC,EAAE,OAAQ,CAAEmC,MAAO,uBAAwBC,EAAG/B,KAAKuB,UAAWS,OAAQJ,EAAGK,MAAO,eAAgBL,EAAGZ,MAAO,mBAAoBY,EAAGM,UAAW,iBAAkBN,EAAGO,UAAW,IAE3L,OAAQxC,EAAE,MAAO,CAAEyC,QAASpC,KAAKsB,aAAcQ,MAAO,kBAAoBrB,EAC9E,CACA,MAAA4B,GACI,OAAQ1C,EAAE,MAAO,CAAE2C,IAAK,2CAA4CR,MAAO,6BAA+B9B,KAAKyB,WAAY9B,EAAE,MAAO,CAAE2C,IAAK,2CAA4CF,QAASpC,KAAKsB,aAAcQ,MAAO,2CAA6CnC,EAAE,OAAQ,CAAE2C,IAAK,2CAA4CR,MAAO,yBAA0B,mBAAoB9B,KAAKwB,qBAAsBO,EAAG/B,KAAKuB,aAAe5B,EAAE,OAAQ,CAAE2C,IAAK,6CAChc,CACA,mBAAWC,GAAa,MAAO,CAC3BrC,MAAS,CAAC,eACVI,QAAW,CAAC,iBACZG,MAAS,CAAC,6BACX,GAEPZ,EAAgB2C,MAAQ5C,SAEfC","ignoreList":[]}

package/dist/le-kit/p-qIai5-eB.js

@@ -1,2 +0,0 @@
-import{a as t}from"./p-D71TXvJa.js";function e(t="le"){return`${t}-${Math.random().toString(36).substring(2,9)}`}function r(t){if(!t)return[];return t.split(",").map((t=>t.trim())).filter(Boolean)}function o(t,e=""){const r=e?`[slot="${e}"]`:":not([slot])";return t.querySelector(r)!==null}function i(e,r){r(t(e));const o=new MutationObserver((()=>{r(t(e))}));o.observe(e,{attributes:true,attributeFilter:["mode"]});o.observe(document.documentElement,{attributes:true,attributeFilter:["mode"]});let i=e;while(i){if(i instanceof Element&&i.parentElement){i=i.parentElement;o.observe(i,{attributes:true,attributeFilter:["mode"]});if(i.hasAttribute("mode")){break}}else{const t=i.getRootNode();if(t instanceof ShadowRoot){i=t.host;o.observe(i,{attributes:true,attributeFilter:["mode"]});if(i.hasAttribute("mode")){break}}else{break}}}return()=>o.disconnect()}function n(...t){const e=[];t.forEach((t=>{if(!t)return;if(typeof t==="string"){e.push(t)}else if(Array.isArray(t)){e.push(n(...t))}else if(typeof t==="object"){Object.entries(t).forEach((([t,r])=>{if(r){e.push(t)}}))}}));return e.join(" ")}export{n as c,e as g,i as o,r as p,o as s};
-//# sourceMappingURL=p-qIai5-eB.js.map

package/dist/le-kit/p-qIai5-eB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-qIai5-eB.js","sources":["src/utils/utils.ts"],"sourcesContent":["/**\n * Utility functions for le-kit components\n */\n\nimport { getMode } from '../global/app';\n\n/**\n * Generates a unique ID for component instances\n */\nexport function generateId(prefix: string = 'le'): string {\n  return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n/**\n * Parses a comma-separated string into an array\n */\nexport function parseCommaSeparated(value: string | undefined): string[] {\n  if (!value) return [];\n  return value\n    .split(',')\n    .map(s => s.trim())\n    .filter(Boolean);\n}\n\n/**\n * Checks if a slot has content\n */\nexport function slotHasContent(el: HTMLElement, slotName: string = ''): boolean {\n  const selector = slotName ? `[slot=\"${slotName}\"]` : ':not([slot])';\n  return el.querySelector(selector) !== null;\n}\n\n/**\n * Sets up a MutationObserver to track mode changes on ancestor elements.\n * Returns a cleanup function to disconnect the observer.\n * \n * If the element or any ancestor has an explicit `mode` attribute, that creates\n * a \"mode boundary\" - the mode is determined from that point, not from further up.\n * This allows components like le-popover to force default mode for their children.\n * \n * @param el - The component's host element\n * @param callback - Function to call when mode changes, receives the new mode\n * @returns Cleanup function to disconnect the observer\n * \n * @example\n * ```tsx\n * export class MyComponent {\n *   @Element() el: HTMLElement;\n *   @State() adminMode: boolean = false;\n *   private disconnectModeObserver?: () => void;\n * \n *   connectedCallback() {\n *     this.disconnectModeObserver = observeModeChanges(this.el, (mode) => {\n *       this.adminMode = mode === 'admin';\n *     });\n *   }\n * \n *   disconnectedCallback() {\n *     this.disconnectModeObserver?.();\n *   }\n * }\n * ```\n */\nexport function observeModeChanges(\n  el: HTMLElement,\n  callback: (mode: string) => void\n): () => void {\n  // Call immediately with current mode\n  callback(getMode(el));\n\n  // Set up observer for mode attribute changes\n  const observer = new MutationObserver(() => {\n    callback(getMode(el));\n  });\n\n  // Observe the element itself (for mode boundary changes)\n  observer.observe(el, {\n    attributes: true,\n    attributeFilter: ['mode'],\n  });\n\n  // Observe document root\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['mode'],\n  });\n\n  // Traverse up, crossing shadow boundaries, and observe each element\n  let current: Node | null = el;\n  while (current) {\n    if (current instanceof Element && current.parentElement) {\n      current = current.parentElement;\n      observer.observe(current, {\n        attributes: true,\n        attributeFilter: ['mode'],\n      });\n      // If this element has an explicit mode, it's a boundary\n      if ((current as Element).hasAttribute('mode')) {\n        break;\n      }\n    } else {\n      // Check if we're in a shadow root\n      const root = current.getRootNode();\n      if (root instanceof ShadowRoot) {\n        // Cross the shadow boundary and observe the host\n        current = root.host;\n        observer.observe(current, {\n          attributes: true,\n          attributeFilter: ['mode'],\n        });\n        // If the host has an explicit mode, it's a boundary\n        if ((current as Element).hasAttribute('mode')) {\n          break;\n        }\n      } else {\n        break;\n      }\n    }\n  }\n\n  // Return cleanup function\n  return () => observer.disconnect();\n}\n\n/**\n * Combines multiple class names into a single string, filtering out falsy values.\n * \n * @param classes - arguments of class names, undefined, arrays, objects with boolean values and nested combinations of these\n * @returns Combined class names string\n */\nexport function classnames(...classes: any[]): string {\n  const result: string[] = [];\n\n  classes.forEach(cls => {\n    if (!cls) return;\n\n    if (typeof cls === 'string') {\n      result.push(cls);\n    } else if (Array.isArray(cls)) {\n      result.push(classnames(...cls));\n    } else if (typeof cls === 'object') {\n      Object.entries(cls).forEach(([key, value]) => {\n        if (value) {\n          result.push(key);\n        }\n      });\n    }\n  });\n\n  return result.join(' ');\n}\n"],"names":[],"mappings":"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"}

package/dist/themes/base.css

@@ -1,89 +0,0 @@
-/**
- * Le-Kit Base Design Tokens
- * 
- * Structural tokens that rarely change between themes:
- * - Spacing scale
- * - Typography (font families, sizes, weights, line heights)
- * - Transitions
- * - Z-index layers
- * 
- * Import this file along with a theme file (default.css, dark.css, etc.)
- */
-
-:root {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  /* ============================================
-   * SPACING SCALE
-   * ============================================ */
-  --le-spacing-0: 0;
-  --le-spacing-1: 0.25rem;    /* 4px */
-  --le-spacing-2: 0.5rem;     /* 8px */
-  --le-spacing-3: 0.75rem;    /* 12px */
-  --le-spacing-4: 1rem;       /* 16px */
-  --le-spacing-5: 1.25rem;    /* 20px */
-  --le-spacing-6: 1.5rem;     /* 24px */
-  --le-spacing-8: 2rem;       /* 32px */
-  --le-spacing-10: 2.5rem;    /* 40px */
-  --le-spacing-12: 3rem;      /* 48px */
-  --le-spacing-16: 4rem;      /* 64px */
-
-  /* ============================================
-   * TYPOGRAPHY
-   * ============================================ */
-  --le-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-  --le-font-family-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
-  
-  /* Font sizes */
-  --le-font-size-xs: 0.75rem;     /* 12px */
-  --le-font-size-sm: 0.875rem;    /* 14px */
-  --le-font-size-md: 1rem;        /* 16px */
-  --le-font-size-lg: 1.125rem;    /* 18px */
-  --le-font-size-xl: 1.25rem;     /* 20px */
-  --le-font-size-2xl: 1.5rem;     /* 24px */
-  --le-font-size-3xl: 1.875rem;   /* 30px */
-  --le-font-size-4xl: 2.25rem;    /* 36px */
-  
-  /* Font weights */
-  --le-font-weight-normal: 400;
-  --le-font-weight-medium: 500;
-  --le-font-weight-semibold: 600;
-  --le-font-weight-bold: 700;
-  
-  /* Line heights */
-  --le-line-height-tight: 1.25;
-  --le-line-height-normal: 1.5;
-  --le-line-height-relaxed: 1.75;
-
-  /* ============================================
-   * RADIUSES
-   * ============================================ */
-  --le-radius-none: 0;
-  --le-radius-xs: 0.066rem;   /* 1px */
-  --le-radius-sm: 0.125rem;   /* 2px */
-  --le-radius-md: 0.25rem;    /* 4px */
-  --le-radius-lg: 0.5rem;     /* 8px */
-  --le-radius-xl: 0.75rem;    /* 12px */
-  --le-radius-2xl: 1rem;      /* 16px */
-  --le-radius-full: 9999px;
-
-  /* ============================================
-   * TRANSITIONS
-   * ============================================ */
-  --le-transition-fast: 100ms;
-  --le-transition-normal: 200ms;
-  --le-transition-slow: 300ms;
-  --le-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
-
-  /* ============================================
-   * Z-INDEX LAYERS
-   * ============================================ */
-  --le-z-dropdown: 1000;
-  --le-z-sticky: 1020;
-  --le-z-fixed: 1030;
-  --le-z-modal-backdrop: 1040;
-  --le-z-modal: 1050;
-  --le-z-popover: 1060;
-  --le-z-tooltip: 1070;
-}

package/dist/themes/dark.css

@@ -1,100 +0,0 @@
-/**
- * Le-Kit Dark Theme
- * 
- * Dark mode with light text on dark backgrounds.
- * 
- * Usage: set theme="dark" on any element, or import as your default.
- */
-
-[theme="dark"] {
-  /* Primary brand color - lighter for dark backgrounds */
-  --le-color-primary: #4da6ff;
-  --le-color-primary-light: #80c1ff;
-  --le-color-primary-dark: #0088ff;
-  --le-color-primary-contrast: #000000;
-  
-  /* Secondary accent color */
-  --le-color-secondary: #868e96;
-  --le-color-secondary-light: #adb5bd;
-  --le-color-secondary-dark: #6c757d;
-  --le-color-secondary-contrast: #000000;
-  
-  /* Semantic colors - adjusted for dark mode */
-  --le-color-success: #48c764;
-  --le-color-success-light: #6dd587;
-  --le-color-success-dark: #28a745;
-  --le-color-success-contrast: #000000;
-  
-  --le-color-warning: #ffcd39;
-  --le-color-warning-light: #ffda6a;
-  --le-color-warning-dark: #ffc107;
-  --le-color-warning-contrast: #000000;
-  
-  --le-color-danger: #e4606d;
-  --le-color-danger-light: #ea868f;
-  --le-color-danger-dark: #dc3545;
-  --le-color-danger-contrast: #000000;
-  
-  --le-color-info: #3ab0c3;
-  --le-color-info-light: #6dc4d3;
-  --le-color-info-dark: #17a2b8;
-  --le-color-info-contrast: #000000;
-  
-  /* Neutral colors - inverted */
-  --le-color-white: #ffffff;
-  --le-color-black: #000000;
-  --le-color-gray-50: #212121;
-  --le-color-gray-100: #424242;
-  --le-color-gray-200: #616161;
-  --le-color-gray-300: #757575;
-  --le-color-gray-400: #9e9e9e;
-  --le-color-gray-500: #bdbdbd;
-  --le-color-gray-600: #e0e0e0;
-  --le-color-gray-700: #eeeeee;
-  --le-color-gray-800: #f5f5f5;
-  --le-color-gray-900: #fafafa;
-  
-  /* Background colors */
-  --le-color-background: #121212;
-  --le-color-background-secondary: #1e1e1e;
-  --le-color-background-tertiary: #2d2d2d;
-  
-  /* Surface colors */
-  --le-color-surface: #1e1e1e;
-  --le-color-surface-elevated: #2d2d2d;
-  
-  /* Text colors */
-  --le-color-text-primary: #ffffff;
-  --le-color-text-secondary: #b3b3b3;
-  --le-color-text-disabled: #666666;
-  --le-color-text-inverse: #121212;
-  
-  /* Border colors */
-  --le-color-border: #333333;
-  --le-color-border-light: #2d2d2d;
-  --le-color-border-dark: #444444;
-
-  /** Input borders */
-  --le-border-width: 2px;
-  --le-color-border-input: #515c6b;
-
-  /* Focus ring */
-  --le-color-focus: rgba(77, 166, 255, 0.5);
-  
-  /* Border radius - same as default */
-  --le-radius-none: 0;
-  --le-radius-sm: 0.125rem;
-  --le-radius-md: 0.25rem;
-  --le-radius-lg: 0.5rem;
-  --le-radius-xl: 0.75rem;
-  --le-radius-2xl: 1rem;
-  --le-radius-full: 9999px;
-  
-  /* Shadows - darker for dark mode */
-  --le-shadow-none: none;
-  --le-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
-  --le-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
-  --le-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
-  --le-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.4), 0 4px 6px rgba(0, 0, 0, 0.3);
-  --le-shadow-2xl: 0 20px 25px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.3);
-}

package/dist/themes/default.css

@@ -1,108 +0,0 @@
-/**
- * Le-Kit Default Theme
- * 
- * Clean, professional light theme with blue primary color.
- * 
- * Usage:
- * 1. As default: import alongside base.css
- * 2. For switching: set theme="default" on any element
- * 
- * To create a custom theme:
- * 1. Copy this file
- * 2. Change selector to :root or [theme="your-theme"]
- * 3. Modify the variables you need
- */
-
-:root,
-[theme="default"] {
-  /* Primary brand color */
-  --le-color-primary: #0088ff;
-  --le-color-primary-light: #4da6ff;
-  --le-color-primary-dark: #0066cc;
-  --le-color-primary-contrast: #ffffff;
-  
-  /* Secondary accent color */
-  --le-color-secondary: #6c757d;
-  --le-color-secondary-light: #868e96;
-  --le-color-secondary-dark: #545b62;
-  --le-color-secondary-contrast: #ffffff;
-  
-  /* Semantic colors */
-  --le-color-success: #28a745;
-  --le-color-success-light: #48c764;
-  --le-color-success-dark: #1e7e34;
-  --le-color-success-contrast: #ffffff;
-  
-  --le-color-warning: #ffc107;
-  --le-color-warning-light: #ffcd39;
-  --le-color-warning-dark: #d39e00;
-  --le-color-warning-contrast: #212529;
-  
-  --le-color-danger: #dc3545;
-  --le-color-danger-light: #e4606d;
-  --le-color-danger-dark: #bd2130;
-  --le-color-danger-contrast: #ffffff;
-  
-  --le-color-info: #17a2b8;
-  --le-color-info-light: #3ab0c3;
-  --le-color-info-dark: #117a8b;
-  --le-color-info-contrast: #ffffff;
-  
-  /* Neutral colors */
-  --le-color-white: #ffffff;
-  --le-color-black: #000000;
-  --le-color-gray-50: #fafafa;
-  --le-color-gray-100: #f5f5f5;
-  --le-color-gray-200: #eeeeee;
-  --le-color-gray-300: #e0e0e0;
-  --le-color-gray-400: #bdbdbd;
-  --le-color-gray-500: #9e9e9e;
-  --le-color-gray-600: #757575;
-  --le-color-gray-700: #616161;
-  --le-color-gray-800: #424242;
-  --le-color-gray-900: #212121;
-  
-  /* Background colors */
-  --le-color-background: #ffffff;
-  --le-color-background-secondary: #f5f5f5;
-  --le-color-background-tertiary: #eeeeee;
-  
-  /* Surface colors (cards, modals, etc.) */
-  --le-color-surface: #ffffff;
-  --le-color-surface-elevated: #ffffff;
-  
-  /* Text colors */
-  --le-color-text-primary: #212121;
-  --le-color-text-secondary: #757575;
-  --le-color-text-disabled: #9e9e9e;
-  --le-color-text-inverse: #ffffff;
-  
-  /* Border colors */
-  --le-color-border: #e0e0e0;
-  --le-color-border-light: #eeeeee;
-  --le-color-border-dark: #bdbdbd;
-
-  /** Input borders */
-  --le-border-width: 2px;
-  --le-color-border-input: #c4d6e6;
-  
-  /* Focus ring */
-  --le-color-focus: rgba(0, 136, 255, 0.5);
-  
-  /* Border radius */
-  --le-radius-none: 0;
-  --le-radius-sm: 0.125rem;   /* 2px */
-  --le-radius-md: 0.25rem;    /* 4px */
-  --le-radius-lg: 0.5rem;     /* 8px */
-  --le-radius-xl: 0.75rem;    /* 12px */
-  --le-radius-2xl: 1rem;      /* 16px */
-  --le-radius-full: 9999px;
-  
-  /* Shadows */
-  --le-shadow-none: none;
-  --le-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --le-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
-  --le-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
-  --le-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
-  --le-shadow-2xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
-}

package/dist/themes/gradient.css

@@ -1,100 +0,0 @@
-/**
- * Le-Kit Gradient Theme
- * 
- * Modern gradient style with purple accents and rounded corners.
- * 
- * Usage: set theme="gradient" on any element, or import as your default.
- */
-
-[theme="gradient"] {
-  /* Primary brand color - purple */
-  --le-color-primary: #8b5cf6;
-  --le-color-primary-light: #a78bfa;
-  --le-color-primary-dark: #7c3aed;
-  --le-color-primary-contrast: #ffffff;
-  
-  /* Secondary accent color - pink */
-  --le-color-secondary: #ec4899;
-  --le-color-secondary-light: #f472b6;
-  --le-color-secondary-dark: #db2777;
-  --le-color-secondary-contrast: #ffffff;
-  
-  /* Semantic colors */
-  --le-color-success: #10b981;
-  --le-color-success-light: #34d399;
-  --le-color-success-dark: #059669;
-  --le-color-success-contrast: #ffffff;
-  
-  --le-color-warning: #f59e0b;
-  --le-color-warning-light: #fbbf24;
-  --le-color-warning-dark: #d97706;
-  --le-color-warning-contrast: #000000;
-  
-  --le-color-danger: #ef4444;
-  --le-color-danger-light: #f87171;
-  --le-color-danger-dark: #dc2626;
-  --le-color-danger-contrast: #ffffff;
-  
-  --le-color-info: #06b6d4;
-  --le-color-info-light: #22d3ee;
-  --le-color-info-dark: #0891b2;
-  --le-color-info-contrast: #ffffff;
-  
-  /* Neutral colors */
-  --le-color-white: #ffffff;
-  --le-color-black: #000000;
-  --le-color-gray-50: #faf5ff;
-  --le-color-gray-100: #f3e8ff;
-  --le-color-gray-200: #e9d5ff;
-  --le-color-gray-300: #d8b4fe;
-  --le-color-gray-400: #c084fc;
-  --le-color-gray-500: #a855f7;
-  --le-color-gray-600: #9333ea;
-  --le-color-gray-700: #7e22ce;
-  --le-color-gray-800: #6b21a8;
-  --le-color-gray-900: #581c87;
-  
-  /* Background colors */
-  --le-color-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  --le-color-background-secondary: rgba(255, 255, 255, 0.1);
-  --le-color-background-tertiary: rgba(255, 255, 255, 0.05);
-  
-  /* Surface colors */
-  --le-color-surface: rgba(255, 255, 255, 0.95);
-  --le-color-surface-elevated: #ffffff;
-  
-  /* Text colors */
-  --le-color-text-primary: #1f2937;
-  --le-color-text-secondary: #6b7280;
-  --le-color-text-disabled: #9ca3af;
-  --le-color-text-inverse: #ffffff;
-  
-  /* Border colors */
-  --le-color-border: rgba(139, 92, 246, 0.3);
-  --le-color-border-light: rgba(139, 92, 246, 0.1);
-  --le-color-border-dark: rgba(139, 92, 246, 0.5);
-
-  /** Input borders */
-  --le-border-width: 2px;
-  --le-color-border-input: #eccddd;
-  
-  /* Focus ring */
-  --le-color-focus: rgba(139, 92, 246, 0.5);
-  
-  /* Border radius - more rounded */
-  --le-radius-none: 0;
-  --le-radius-sm: 0.25rem;
-  --le-radius-md: 0.5rem;
-  --le-radius-lg: 1rem;
-  --le-radius-xl: 1.5rem;
-  --le-radius-2xl: 2rem;
-  --le-radius-full: 9999px;
-  
-  /* Shadows - purple tinted */
-  --le-shadow-none: none;
-  --le-shadow-sm: 0 1px 2px rgba(139, 92, 246, 0.1);
-  --le-shadow-md: 0 4px 6px rgba(139, 92, 246, 0.15), 0 2px 4px rgba(139, 92, 246, 0.1);
-  --le-shadow-lg: 0 10px 20px rgba(139, 92, 246, 0.2), 0 4px 8px rgba(139, 92, 246, 0.1);
-  --le-shadow-xl: 0 20px 40px rgba(139, 92, 246, 0.25), 0 8px 16px rgba(139, 92, 246, 0.15);
-  --le-shadow-2xl: 0 30px 60px rgba(139, 92, 246, 0.3), 0 15px 30px rgba(139, 92, 246, 0.2);
-}