@lumx/vue 3.20.1-alpha.9 → 4.0.1-alpha.6

package/index.js

@@ -1,5 +1,66 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),Ot=require("@lumx/icons"),At=40,Rt=13,St=32,Et=27,It=37,qt=39,jt=9,Ct=38,Nt=8,ze="lumx",Pt=400,wt=400,Lt=200,Dt=5e3,kt={open:500,close:500},Mt={open:250,close:3e3},Ut={bottom:"bottom",center:"center",end:"end",left:"left",right:"right",spaceAround:"space-around",spaceBetween:"space-between",spaceEvenly:"space-evenly",start:"start",top:"top"},Br={light:"light",dark:"dark"},O={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl",tiny:"tiny",regular:"regular",medium:"medium",big:"big",huge:"huge"},Wt={horizontal:"horizontal",vertical:"vertical"},Kt={low:"low",medium:"medium",high:"high"},He={overline:"overline",caption:"caption",body1:"body1",body2:"body2",subtitle1:"subtitle1",subtitle2:"subtitle2",title:"title",headline:"headline",display1:"display1"},Ze={title1:"custom-title1",title2:"custom-title2",title3:"custom-title3",title4:"custom-title4",title5:"custom-title5",title6:"custom-title6"},Je={...Ze,intro:"custom-intro","body-large":"custom-body-large",body:"custom-body",quote:"custom-quote","publish-info":"custom-publish-info",button:"custom-button"},Bt={...He,custom:Je},Vt={original:"original",panoramic:"panoramic",wide:"wide",horizontal:"horizontal",vertical:"vertical",square:"square",free:"free"},Xe={info:"info",success:"success",warning:"warning",error:"error"},Ft={normal:"normal",nowrap:"nowrap",pre:"pre","pre-wrap":"pre-wrap","pre-line":"pre-line","break-spaces":"break-spaces"},j={primary:"primary",secondary:"secondary",blue:"blue",dark:"dark",green:"green",yellow:"yellow",red:"red",light:"light",grey:"grey"},Gt={D1:"D1",D2:"D2",L1:"L1",L2:"L2",L3:"L3",L4:"L4",L5:"L5",L6:"L6",N:"N"};var W=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function B(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var G={exports:{}};/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/var Hr;function Yt(){return Hr||(Hr=1,(function(r){(function(){var e={}.hasOwnProperty;function t(){for(var n=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var u=typeof o;if(u==="string"||u==="number")n.push(o);else if(Array.isArray(o)){if(o.length){var i=t.apply(null,o);i&&n.push(i)}}else if(u==="object"){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var s in o)e.call(o,s)&&o[s]&&n.push(s)}}}return n.join(" ")}r.exports?(t.default=t,r.exports=t):window.classNames=t})()})(G)),G.exports}var $t=Yt();const Vr=B($t);var Y,Zr;function Qe(){if(Zr)return Y;Zr=1;var r=typeof W=="object"&&W&&W.Object===Object&&W;return Y=r,Y}var $,Jr;function T(){if(Jr)return $;Jr=1;var r=Qe(),e=typeof self=="object"&&self&&self.Object===Object&&self,t=r||e||Function("return this")();return $=t,$}var z,Xr;function Fr(){if(Xr)return z;Xr=1;var r=T(),e=r.Symbol;return z=e,z}var H,Qr;function zt(){if(Qr)return H;Qr=1;var r=Fr(),e=Object.prototype,t=e.hasOwnProperty,n=e.toString,a=r?r.toStringTag:void 0;function o(u){var i=t.call(u,a),s=u[a];try{u[a]=void 0;var l=!0}catch{}var b=n.call(u);return l&&(i?u[a]=s:delete u[a]),b}return H=o,H}var Z,re;function Ht(){if(re)return Z;re=1;var r=Object.prototype,e=r.toString;function t(n){return e.call(n)}return Z=t,Z}var J,ee;function E(){if(ee)return J;ee=1;var r=Fr(),e=zt(),t=Ht(),n="[object Null]",a="[object Undefined]",o=r?r.toStringTag:void 0;function u(i){return i==null?i===void 0?a:n:o&&o in Object(i)?e(i):t(i)}return J=u,J}var X,te;function w(){if(te)return X;te=1;function r(e){return e!=null&&typeof e=="object"}return X=r,X}var Q,ne;function Zt(){if(ne)return Q;ne=1;var r=E(),e=w(),t="[object Boolean]";function n(a){return a===!0||a===!1||e(a)&&r(a)==t}return Q=n,Q}var Jt=Zt();const rt=B(Jt);var rr,ae;function et(){if(ae)return rr;ae=1;var r=Object.prototype;function e(t){var n=t&&t.constructor,a=typeof n=="function"&&n.prototype||r;return t===a}return rr=e,rr}var er,oe;function Xt(){if(oe)return er;oe=1;function r(e,t){return function(n){return e(t(n))}}return er=r,er}var tr,ue;function Qt(){if(ue)return tr;ue=1;var r=Xt(),e=r(Object.keys,Object);return tr=e,tr}var nr,ie;function rn(){if(ie)return nr;ie=1;var r=et(),e=Qt(),t=Object.prototype,n=t.hasOwnProperty;function a(o){if(!r(o))return e(o);var u=[];for(var i in Object(o))n.call(o,i)&&i!="constructor"&&u.push(i);return u}return nr=a,nr}var ar,se;function tt(){if(se)return ar;se=1;function r(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}return ar=r,ar}var or,ce;function nt(){if(ce)return or;ce=1;var r=E(),e=tt(),t="[object AsyncFunction]",n="[object Function]",a="[object GeneratorFunction]",o="[object Proxy]";function u(i){if(!e(i))return!1;var s=r(i);return s==n||s==a||s==t||s==o}return or=u,or}var ur,fe;function en(){if(fe)return ur;fe=1;var r=T(),e=r["__core-js_shared__"];return ur=e,ur}var ir,de;function tn(){if(de)return ir;de=1;var r=en(),e=(function(){var n=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""})();function t(n){return!!e&&e in n}return ir=t,ir}var sr,le;function at(){if(le)return sr;le=1;var r=Function.prototype,e=r.toString;function t(n){if(n!=null){try{return e.call(n)}catch{}try{return n+""}catch{}}return""}return sr=t,sr}var cr,be;function nn(){if(be)return cr;be=1;var r=nt(),e=tn(),t=tt(),n=at(),a=/[\\^$.*+?()[\]{}|]/g,o=/^\[object .+?Constructor\]$/,u=Function.prototype,i=Object.prototype,s=u.toString,l=i.hasOwnProperty,b=RegExp("^"+s.call(l).replace(a,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function g(p){if(!t(p)||e(p))return!1;var c=r(p)?b:o;return c.test(n(p))}return cr=g,cr}var fr,pe;function an(){if(pe)return fr;pe=1;function r(e,t){return e==null?void 0:e[t]}return fr=r,fr}var dr,ge;function L(){if(ge)return dr;ge=1;var r=nn(),e=an();function t(n,a){var o=e(n,a);return r(o)?o:void 0}return dr=t,dr}var lr,ve;function on(){if(ve)return lr;ve=1;var r=L(),e=T(),t=r(e,"DataView");return lr=t,lr}var br,ye;function un(){if(ye)return br;ye=1;var r=L(),e=T(),t=r(e,"Map");return br=t,br}var pr,_e;function sn(){if(_e)return pr;_e=1;var r=L(),e=T(),t=r(e,"Promise");return pr=t,pr}var gr,he;function cn(){if(he)return gr;he=1;var r=L(),e=T(),t=r(e,"Set");return gr=t,gr}var vr,Te;function fn(){if(Te)return vr;Te=1;var r=L(),e=T(),t=r(e,"WeakMap");return vr=t,vr}var yr,me;function dn(){if(me)return yr;me=1;var r=on(),e=un(),t=sn(),n=cn(),a=fn(),o=E(),u=at(),i="[object Map]",s="[object Object]",l="[object Promise]",b="[object Set]",g="[object WeakMap]",p="[object DataView]",c=u(r),v=u(e),y=u(t),I=u(n),A=u(a),_=o;return(r&&_(new r(new ArrayBuffer(1)))!=p||e&&_(new e)!=i||t&&_(t.resolve())!=l||n&&_(new n)!=b||a&&_(new a)!=g)&&(_=function(m){var x=o(m),R=x==s?m.constructor:void 0,S=R?u(R):"";if(S)switch(S){case c:return p;case v:return i;case y:return l;case I:return b;case A:return g}return x}),yr=_,yr}var _r,xe;function ln(){if(xe)return _r;xe=1;var r=E(),e=w(),t="[object Arguments]";function n(a){return e(a)&&r(a)==t}return _r=n,_r}var hr,Oe;function bn(){if(Oe)return hr;Oe=1;var r=ln(),e=w(),t=Object.prototype,n=t.hasOwnProperty,a=t.propertyIsEnumerable,o=r((function(){return arguments})())?r:function(u){return e(u)&&n.call(u,"callee")&&!a.call(u,"callee")};return hr=o,hr}var Tr,Ae;function ot(){if(Ae)return Tr;Ae=1;var r=Array.isArray;return Tr=r,Tr}var mr,Re;function ut(){if(Re)return mr;Re=1;var r=9007199254740991;function e(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=r}return mr=e,mr}var xr,Se;function pn(){if(Se)return xr;Se=1;var r=nt(),e=ut();function t(n){return n!=null&&e(n.length)&&!r(n)}return xr=t,xr}var C={exports:{}},Or,Ee;function gn(){if(Ee)return Or;Ee=1;function r(){return!1}return Or=r,Or}C.exports;var Ie;function vn(){return Ie||(Ie=1,(function(r,e){var t=T(),n=gn(),a=e&&!e.nodeType&&e,o=a&&!0&&r&&!r.nodeType&&r,u=o&&o.exports===a,i=u?t.Buffer:void 0,s=i?i.isBuffer:void 0,l=s||n;r.exports=l})(C,C.exports)),C.exports}var Ar,qe;function yn(){if(qe)return Ar;qe=1;var r=E(),e=ut(),t=w(),n="[object Arguments]",a="[object Array]",o="[object Boolean]",u="[object Date]",i="[object Error]",s="[object Function]",l="[object Map]",b="[object Number]",g="[object Object]",p="[object RegExp]",c="[object Set]",v="[object String]",y="[object WeakMap]",I="[object ArrayBuffer]",A="[object DataView]",_="[object Float32Array]",m="[object Float64Array]",x="[object Int8Array]",R="[object Int16Array]",S="[object Int32Array]",F="[object Uint8Array]",k="[object Uint8ClampedArray]",M="[object Uint16Array]",h="[object Uint32Array]",d={};d[_]=d[m]=d[x]=d[R]=d[S]=d[F]=d[k]=d[M]=d[h]=!0,d[n]=d[a]=d[I]=d[o]=d[A]=d[u]=d[i]=d[s]=d[l]=d[b]=d[g]=d[p]=d[c]=d[v]=d[y]=!1;function U(q){return t(q)&&e(q.length)&&!!d[r(q)]}return Ar=U,Ar}var Rr,je;function _n(){if(je)return Rr;je=1;function r(e){return function(t){return e(t)}}return Rr=r,Rr}var N={exports:{}};N.exports;var Ce;function hn(){return Ce||(Ce=1,(function(r,e){var t=Qe(),n=e&&!e.nodeType&&e,a=n&&!0&&r&&!r.nodeType&&r,o=a&&a.exports===n,u=o&&t.process,i=(function(){try{var s=a&&a.require&&a.require("util").types;return s||u&&u.binding&&u.binding("util")}catch{}})();r.exports=i})(N,N.exports)),N.exports}var Sr,Ne;function Tn(){if(Ne)return Sr;Ne=1;var r=yn(),e=_n(),t=hn(),n=t&&t.isTypedArray,a=n?e(n):r;return Sr=a,Sr}var Er,Pe;function mn(){if(Pe)return Er;Pe=1;var r=rn(),e=dn(),t=bn(),n=ot(),a=pn(),o=vn(),u=et(),i=Tn(),s="[object Map]",l="[object Set]",b=Object.prototype,g=b.hasOwnProperty;function p(c){if(c==null)return!0;if(a(c)&&(n(c)||typeof c=="string"||typeof c.splice=="function"||o(c)||i(c)||t(c)))return!c.length;var v=e(c);if(v==s||v==l)return!c.size;if(u(c))return!r(c).length;for(var y in c)if(g.call(c,y))return!1;return!0}return Er=p,Er}var xn=mn();const it=B(xn);var Ir,we;function On(){if(we)return Ir;we=1;function r(e,t,n,a){var o=-1,u=e==null?0:e.length;for(a&&u&&(n=e[++o]);++o<u;)n=t(n,e[o],o,e);return n}return Ir=r,Ir}var qr,Le;function An(){if(Le)return qr;Le=1;function r(e){return function(t){return e==null?void 0:e[t]}}return qr=r,qr}var jr,De;function Rn(){if(De)return jr;De=1;var r=An(),e={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",IJ:"IJ",ij:"ij",Œ:"Oe",œ:"oe",ʼn:"'n",ſ:"s"},t=r(e);return jr=t,jr}var Cr,ke;function Sn(){if(ke)return Cr;ke=1;function r(e,t){for(var n=-1,a=e==null?0:e.length,o=Array(a);++n<a;)o[n]=t(e[n],n,e);return o}return Cr=r,Cr}var Nr,Me;function En(){if(Me)return Nr;Me=1;var r=E(),e=w(),t="[object Symbol]";function n(a){return typeof a=="symbol"||e(a)&&r(a)==t}return Nr=n,Nr}var Pr,Ue;function In(){if(Ue)return Pr;Ue=1;var r=Fr(),e=Sn(),t=ot(),n=En(),a=r?r.prototype:void 0,o=a?a.toString:void 0;function u(i){if(typeof i=="string")return i;if(t(i))return e(i,u)+"";if(n(i))return o?o.call(i):"";var s=i+"";return s=="0"&&1/i==-1/0?"-0":s}return Pr=u,Pr}var wr,We;function st(){if(We)return wr;We=1;var r=In();function e(t){return t==null?"":r(t)}return wr=e,wr}var Lr,Ke;function qn(){if(Ke)return Lr;Ke=1;var r=Rn(),e=st(),t=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,n="\\u0300-\\u036f",a="\\ufe20-\\ufe2f",o="\\u20d0-\\u20ff",u=n+a+o,i="["+u+"]",s=RegExp(i,"g");function l(b){return b=e(b),b&&b.replace(t,r).replace(s,"")}return Lr=l,Lr}var Dr,Be;function jn(){if(Be)return Dr;Be=1;var r=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function e(t){return t.match(r)||[]}return Dr=e,Dr}var kr,Ve;function Cn(){if(Ve)return kr;Ve=1;var r=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function e(t){return r.test(t)}return kr=e,kr}var Mr,Fe;function Nn(){if(Fe)return Mr;Fe=1;var r="\\ud800-\\udfff",e="\\u0300-\\u036f",t="\\ufe20-\\ufe2f",n="\\u20d0-\\u20ff",a=e+t+n,o="\\u2700-\\u27bf",u="a-z\\xdf-\\xf6\\xf8-\\xff",i="\\xac\\xb1\\xd7\\xf7",s="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",l="\\u2000-\\u206f",b=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",g="A-Z\\xc0-\\xd6\\xd8-\\xde",p="\\ufe0e\\ufe0f",c=i+s+l+b,v="['’]",y="["+c+"]",I="["+a+"]",A="\\d+",_="["+o+"]",m="["+u+"]",x="[^"+r+c+A+o+u+g+"]",R="\\ud83c[\\udffb-\\udfff]",S="(?:"+I+"|"+R+")",F="[^"+r+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",M="[\\ud800-\\udbff][\\udc00-\\udfff]",h="["+g+"]",d="\\u200d",U="(?:"+m+"|"+x+")",q="(?:"+h+"|"+x+")",Gr="(?:"+v+"(?:d|ll|m|re|s|t|ve))?",Yr="(?:"+v+"(?:D|LL|M|RE|S|T|VE))?",$r=S+"?",zr="["+p+"]?",gt="(?:"+d+"(?:"+[F,k,M].join("|")+")"+zr+$r+")*",vt="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",yt="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",_t=zr+$r+gt,ht="(?:"+[_,k,M].join("|")+")"+_t,Tt=RegExp([h+"?"+m+"+"+Gr+"(?="+[y,h,"$"].join("|")+")",q+"+"+Yr+"(?="+[y,h+U,"$"].join("|")+")",h+"?"+U+"+"+Gr,h+"+"+Yr,yt,vt,A,ht].join("|"),"g");function mt(xt){return xt.match(Tt)||[]}return Mr=mt,Mr}var Ur,Ge;function Pn(){if(Ge)return Ur;Ge=1;var r=jn(),e=Cn(),t=st(),n=Nn();function a(o,u,i){return o=t(o),u=i?void 0:u,u===void 0?e(o)?n(o):r(o):o.match(u)||[]}return Ur=a,Ur}var Wr,Ye;function wn(){if(Ye)return Wr;Ye=1;var r=On(),e=qn(),t=Pn(),n="['’]",a=RegExp(n,"g");function o(u){return function(i){return r(t(e(i).replace(a,"")),u,"")}}return Wr=o,Wr}var Kr,$e;function Ln(){if($e)return Kr;$e=1;var r=wn(),e=r(function(t,n,a){return t+(a?"-":"")+n.toLowerCase()});return Kr=e,Kr}var Dn=Ln();const K=B(Dn);function kn({prefix:r,type:e,value:t}){return rt(t)?t?["has","is"].some(a=>e.toString().startsWith(a))?`${r}--${K(e)}`:`${r}--is-${K(e)}`:"":`${r}--${K(e)}-${t}`}const Mn=r=>typeof r=="number"?r===0:it(r);function ct({prefix:r,...e}){const t={};return it(e)||Object.keys(e).forEach(n=>{t[kn({prefix:r,type:n,value:e[n]})]=rt(e[n])?e[n]:!Mn(e[n])}),Vr(r,t)}function ft(r,e){return`${ze}-${K(r)}`}function Un(r,e){if(!r)return[void 0,e];const[t,n]=r.split("-");return[t,e||n]}const Wn={error:{color:"red"},success:{color:"green"},warning:{color:"yellow"}},dt="InputHelper",lt=ft(dt),bt={kind:Xe.info},D=(r,e)=>{const t=Br.light,{className:n,kind:a=bt.kind,theme:o=t,...u}=r,i=e&&e.slots&&e.slots.default?e.slots.default():r.children,{color:s}=Wn[a]||{};return f.createVNode("p",f.mergeProps(u,{className:Vr(n,ct({prefix:lt,color:s,theme:o}))}),[i])};D.displayName=dt;D.className=lt;D.defaultProps=bt;const pt="Icon",P=ft(pt),Kn={},V=r=>{console.log(r);const{className:e,color:t,colorVariant:n,hasShape:a,icon:o,size:u,theme:i,alt:s,ref:l,...b}=r,[g,p]=Un(t,n);let c=g;!c&&(a||i)&&(c=i===Br.dark?j.light:j.dark);let v=p;!v&&a&&c===j.dark&&(v="L2");let y=u;return u&&a?u===O.xxs||u===O.xs?y=O.s:u===O.xxl&&(y=O.xl):a&&(y=O.m),f.createVNode("i",f.mergeProps({ref:l},b,{className:Vr(e,ct({color:c,colorVariant:v,hasShape:a,prefix:P,theme:i,size:y}),!a&&`${P}--no-shape`,!a&&c===j.yellow&&o===Ot.mdiAlertCircle&&`${P}--has-dark-layer`,`${P}--path`)}),[f.createVNode(D,null,{default:()=>[f.createTextVNode("test")]}),f.createVNode("svg",{"aria-hidden":s?void 0:"true",role:s?"img":void 0,"aria-label":s,height:"1em",preserveAspectRatio:"xMidYMid meet",style:{verticalAlign:"-0.125em"},viewBox:"0 0 24 24",width:"1em"},[f.createVNode("path",{d:o,fill:"currentColor"},null)])])};V.displayName=pt;V.className=P;V.defaultProps=Kn;const Bn=f.defineComponent({__name:"Icon",setup(r){const e=r,t=f.useAttrs(),n=f.inject("theme",void 0);return console.log(e),(a,o)=>(f.openBlock(),f.createBlock(f.unref(V),f.normalizeProps(f.guardReactiveProps({...f.unref(t),...e,theme:e.theme||f.unref(n)})),null,16))}}),Vn=f.defineComponent({__name:"InputHelper",setup(r){const e=r,t=f.useAttrs(),n=f.inject("theme",void 0);return(a,o)=>(f.openBlock(),f.createBlock(f.unref(D),f.normalizeProps(f.guardReactiveProps({...f.unref(t),...e,theme:e.theme||f.unref(n)})),{default:f.withCtx(()=>[f.renderSlot(a.$slots,"default")]),_:3},16))}});exports.Alignment=Ut;exports.AspectRatio=Vt;exports.BACKSPACE_KEY_CODE=Nt;exports.CSS_PREFIX=ze;exports.ColorPalette=j;exports.ColorVariant=Gt;exports.DIALOG_TRANSITION_DURATION=Pt;exports.DOWN_KEY_CODE=At;exports.ENTER_KEY_CODE=Rt;exports.ESCAPE_KEY_CODE=Et;exports.EXPANSION_PANEL_TRANSITION_DURATION=wt;exports.Emphasis=Kt;exports.Icon=Bn;exports.InputHelper=Vn;exports.Kind=Xe;exports.LEFT_KEY_CODE=It;exports.NOTIFICATION_TRANSITION_DURATION=Lt;exports.Orientation=Wt;exports.RIGHT_KEY_CODE=qt;exports.SLIDESHOW_TRANSITION_DURATION=Dt;exports.SPACE_KEY_CODE=St;exports.Size=O;exports.TAB_KEY_CODE=jt;exports.TOOLTIP_HOVER_DELAY=kt;exports.TOOLTIP_LONG_PRESS_DELAY=Mt;exports.Theme=Br;exports.Typography=Bt;exports.TypographyCustom=Je;exports.TypographyInterface=He;exports.TypographyTitleCustom=Ze;exports.UP_KEY_CODE=Ct;exports.WhiteSpace=Ft;
+import { Theme as f } from "@lumx/core/js/constants";
+export * from "@lumx/core/js/constants";
+export * from "@lumx/core/js/types";
+import { defineComponent as a, useAttrs as p, inject as m, createBlock as c, openBlock as l, unref as e, normalizeProps as u, guardReactiveProps as h, withCtx as _, renderSlot as d } from "vue";
+import { InputHelper as I } from "@lumx/core/js/components/InputHelper";
+import { InputLabel as b } from "@lumx/core/js/components/InputLabel";
+import { Icon as g } from "@lumx/core/js/components/Icon";
+const S = /* @__PURE__ */ a({
+  __name: "InputHelper",
+  props: {
+    children: { type: [Boolean, Number, String, Object, null] },
+    kind: {},
+    className: {},
+    theme: {}
+  },
+  setup(o) {
+    const t = o, r = p(), n = m("theme", void 0) || f.light;
+    return (s, i) => (l(), c(e(I), u(h({ ...e(r), ...t, theme: t.theme || e(n) })), {
+      default: _(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), T = /* @__PURE__ */ a({
+  __name: "InputLabel",
+  props: {
+    typography: {},
+    children: { type: [Boolean, Number, String, Object, null] },
+    htmlFor: {},
+    isRequired: { type: Boolean },
+    className: {},
+    theme: {}
+  },
+  setup(o) {
+    const t = o, r = p(), n = m("theme", void 0) || f.light;
+    return (s, i) => (l(), c(e(b), u(h({ ...e(r), ...t, theme: t.theme || e(n) })), {
+      default: _(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), $ = /* @__PURE__ */ a({
+  __name: "Icon",
+  props: {
+    color: {},
+    colorVariant: {},
+    hasShape: { type: Boolean },
+    icon: {},
+    size: {},
+    alt: {},
+    className: {},
+    theme: {}
+  },
+  setup(o) {
+    const t = o, r = p(), n = m("theme", void 0);
+    return (s, i) => (l(), c(e(g), u(h({ ...e(r), ...t, theme: t.theme || e(n) })), null, 16));
+  }
+});
+export {
+  $ as Icon,
+  S as InputHelper,
+  T as InputLabel
+};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/input-helper/InputHelper.vue","../src/components/input-label/InputLabel.vue","../src/components/icon/Icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { inject, useAttrs } from 'vue';\nimport { InputHelper as UI, InputHelperProps } from '@lumx/core/js/components/InputHelper';\nimport { Theme } from '@lumx/core/js/constants';\n\nconst props = defineProps<InputHelperProps>();\nconst attrs = useAttrs();\n\nconst defaultTheme = inject('theme', undefined) || Theme.light;\n</script>\n\n<template>\n  <UI v-bind=\"{ ...attrs, ...props, theme: props.theme || defaultTheme }\">\n    <slot />\n  </UI>\n</template>\n","<script setup lang=\"ts\">\nimport { inject, useAttrs } from 'vue';\nimport { InputLabel as UI, InputLabelProps } from '@lumx/core/js/components/InputLabel';\nimport { Theme } from '@lumx/core/js/constants';\n\nconst props = defineProps<InputLabelProps>();\nconst attrs = useAttrs();\n\nconst defaultTheme = inject('theme', undefined) || Theme.light;\n</script>\n\n<template>\n  <UI v-bind=\"{ ...attrs, ...props, theme: props.theme || defaultTheme }\">\n    <slot />\n  </UI>\n</template>\n","<script setup lang=\"ts\">\nimport { inject, useAttrs } from 'vue';\nimport { Icon as UI, IconProps } from '@lumx/core/js/components/Icon';\n\nconst props = defineProps<IconProps>();\nconst attrs = useAttrs();\n\nconst defaultTheme = inject('theme', undefined);\n</script>\n\n<template>\n  <UI v-bind=\"{ ...attrs, ...props, theme: props.theme || defaultTheme }\" />\n</template>\n"],"names":["props","__props","attrs","useAttrs","defaultTheme","inject","Theme","_createBlock","_unref","UI","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GACRC,IAAQC,EAAA,GAERC,IAAeC,EAAO,SAAS,MAAS,KAAKC,EAAM;2BAIvDC,EAEKC,EAAAC,CAAA,GAAAC,EAAAC,EAAA,EAAA,GAFYH,MAAK,GAAKR,UAAcA,EAAM,SAASQ,EAAAJ,CAAA,EAAA,CAAY,CAAA,GAAA;AAAA,iBAClE,MAAQ;AAAA,QAARQ,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;ACRZ,UAAMb,IAAQC,GACRC,IAAQC,EAAA,GAERC,IAAeC,EAAO,SAAS,MAAS,KAAKC,EAAM;2BAIvDC,EAEKC,EAAAC,CAAA,GAAAC,EAAAC,EAAA,EAAA,GAFYH,MAAK,GAAKR,UAAcA,EAAM,SAASQ,EAAAJ,CAAA,EAAA,CAAY,CAAA,GAAA;AAAA,iBAClE,MAAQ;AAAA,QAARQ,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;ACTZ,UAAMb,IAAQC,GACRC,IAAQC,EAAA,GAERC,IAAeC,EAAO,SAAS,MAAS;2BAI5CE,EAA0EC,EAAAC,CAAA,GAAAC,EAAAC,EAAA,EAAA,GAAzDH,MAAK,GAAKR,UAAcA,EAAM,SAASQ,EAAAJ,CAAA,GAAY,CAAA,GAAA,MAAA,EAAA;AAAA;;"}

package/package.json

@@ -1,37 +1,57 @@
 {
   "license": "MIT",
   "name": "@lumx/vue",
+  "publishConfig": {
+    "directory": "dist"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lumapps/design-system.git"
   },
   "scripts": {
+    "build": "vite build",
     "start:storybook": "storybook dev -p 9000",
-    "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build": "vite build"
+    "test": "vitest run"
   },
-  "module": "index.js",
-  "main": "index.js",
   "installConfig": {
     "hoistingLimits": "workspaces"
   },
-  "publishConfig": {
-    "directory": "dist"
-  },
+  "type": "module",
+  "module": "index.js",
+  "main": "index.js",
+  "types": "index.d.ts",
   "sideEffects": false,
-  "version": "3.20.1-alpha.9",
+  "version": "4.0.1-alpha.6",
+  "dependencies": {
+    "@lumx/core": "^4.0.1-alpha.6",
+    "@lumx/icons": "^4.0.1-alpha.6",
+    "vue": "^3.5.25"
+  },
+  "peerDependencies": {
+    "lodash": "4.17.21"
+  },
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.27.1",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@storybook/addon-a11y": "^9.1.4",
+    "@storybook/addon-docs": "^9.1.4",
     "@storybook/vue3-vite": "^9.1.4",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/vue": "^8.1.0",
+    "@types/lodash": "^4.14.149",
     "@vitejs/plugin-vue": "^6.0.2",
     "@vitejs/plugin-vue-jsx": "^5.1.1",
-    "rollup-plugin-copy": "^3.5.0",
+    "chromatic": "^13.3.5",
+    "focus-visible": "^5.2.1",
+    "jsdom": "^27.2.0",
     "storybook": "^9.1.4",
     "typescript": "^5.4.3",
     "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "^3.1.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vue": "^3.5.25"
+    "vitest": "^3.0.0"
   }
 }

package/stories/utils/StoryMatrix.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {
+    rows: unknown[];
+    cols: unknown[];
+    $props: {
+        readonly rows?: unknown[] | undefined;
+        readonly cols?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLTableElement>, {
+    default?(_: {
+        row: unknown;
+        col: unknown;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});