@ptlm-azulejo/drawer 0.0.1-alpha.107

package/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(k,s){typeof exports=="object"&&typeof module!="undefined"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(k=typeof globalThis!="undefined"?globalThis:k||self,s(k.drawer={},k.Vue))})(this,function(k,s){"use strict";var Ko=Object.defineProperty;var Ze=Object.getOwnPropertySymbols;var Xo=Object.prototype.hasOwnProperty,Zo=Object.prototype.propertyIsEnumerable;var Je=(k,s,y)=>s in k?Ko(k,s,{enumerable:!0,configurable:!0,writable:!0,value:y}):k[s]=y,Qe=(k,s)=>{for(var y in s||(s={}))Xo.call(s,y)&&Je(k,y,s[y]);if(Ze)for(var y of Ze(s))Zo.call(s,y)&&Je(k,y,s[y]);return k};var He=(k,s,y)=>new Promise((ce,H)=>{var de=R=>{try{j(y.next(R))}catch(J){H(J)}},_=R=>{try{j(y.throw(R))}catch(J){H(J)}},j=R=>R.done?ce(R.value):Promise.resolve(R.value).then(de,_);j((y=y.apply(k,s)).next())});function y(e){var r,t,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(r=0;r<i;r++)e[r]&&(t=y(e[r]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function ce(){for(var e,r,t=0,o="",i=arguments.length;t<i;t++)(e=arguments[t])&&(r=y(e))&&(o&&(o+=" "),o+=r);return o}const H=(e,r)=>{const t=new Array(e.length+r.length);for(let o=0;o<e.length;o++)t[o]=e[o];for(let o=0;o<r.length;o++)t[e.length+o]=r[o];return t},de=(e,r)=>({classGroupId:e,validator:r}),_=(e=new Map,r=null,t)=>({nextPart:e,validators:r,classGroupId:t}),j="-",R=[],J="arbitrary..",_e=e=>{const r=oo(e),{conflictingClassGroups:t,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:c=>{if(c.startsWith("[")&&c.endsWith("]"))return eo(c);const f=c.split(j),b=f[0]===""&&f.length>1?1:0;return ke(f,b,r)},getConflictingClassGroupIds:(c,f)=>{if(f){const b=o[c],p=t[c];return b?p?H(p,b):b:p||R}return t[c]||R}}},ke=(e,r,t)=>{if(e.length-r===0)return t.classGroupId;const i=e[r],d=t.nextPart.get(i);if(d){const p=ke(e,r+1,d);if(p)return p}const c=t.validators;if(c===null)return;const f=r===0?e.join(j):e.slice(r).join(j),b=c.length;for(let p=0;p<b;p++){const x=c[p];if(x.validator(f))return x.classGroupId}},eo=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const r=e.slice(1,-1),t=r.indexOf(":"),o=r.slice(0,t);return o?J+o:void 0})(),oo=e=>{const{theme:r,classGroups:t}=e;return to(t,r)},to=(e,r)=>{const t=_();for(const o in e){const i=e[o];me(i,t,o,r)}return t},me=(e,r,t,o)=>{const i=e.length;for(let d=0;d<i;d++){const c=e[d];ro(c,r,t,o)}},ro=(e,r,t,o)=>{if(typeof e=="string"){so(e,r,t);return}if(typeof e=="function"){no(e,r,t,o);return}ao(e,r,t,o)},so=(e,r,t)=>{const o=e===""?r:ve(r,e);o.classGroupId=t},no=(e,r,t,o)=>{if(lo(e)){me(e(o),r,t,o);return}r.validators===null&&(r.validators=[]),r.validators.push(de(t,e))},ao=(e,r,t,o)=>{const i=Object.entries(e),d=i.length;for(let c=0;c<d;c++){const[f,b]=i[c];me(b,ve(r,f),t,o)}},ve=(e,r)=>{let t=e;const o=r.split(j),i=o.length;for(let d=0;d<i;d++){const c=o[d];let f=t.nextPart.get(c);f||(f=_(),t.nextPart.set(c,f)),t=f}return t},lo=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,io=e=>{if(e<1)return{get:()=>{},set:()=>{}};let r=0,t=Object.create(null),o=Object.create(null);const i=(d,c)=>{t[d]=c,r++,r>e&&(r=0,o=t,t=Object.create(null))};return{get(d){let c=t[d];if(c!==void 0)return c;if((c=o[d])!==void 0)return i(d,c),c},set(d,c){d in t?t[d]=c:i(d,c)}}},pe="!",Ce=":",co=[],ze=(e,r,t,o,i)=>({modifiers:e,hasImportantModifier:r,baseClassName:t,maybePostfixModifierPosition:o,isExternal:i}),mo=e=>{const{prefix:r,experimentalParseClassName:t}=e;let o=i=>{const d=[];let c=0,f=0,b=0,p;const x=i.length;for(let C=0;C<x;C++){const G=i[C];if(c===0&&f===0){if(G===Ce){d.push(i.slice(b,C)),b=C+1;continue}if(G==="/"){p=C;continue}}G==="["?c++:G==="]"?c--:G==="("?f++:G===")"&&f--}const v=d.length===0?i:i.slice(b);let L=v,M=!1;v.endsWith(pe)?(L=v.slice(0,-1),M=!0):v.startsWith(pe)&&(L=v.slice(1),M=!0);const Y=p&&p>b?p-b:void 0;return ze(d,M,L,Y)};if(r){const i=r+Ce,d=o;o=c=>c.startsWith(i)?d(c.slice(i.length)):ze(co,!1,c,void 0,!0)}if(t){const i=o;o=d=>t({className:d,parseClassName:i})}return o},po=e=>{const r=new Map;return e.orderSensitiveModifiers.forEach((t,o)=>{r.set(t,1e6+o)}),t=>{const o=[];let i=[];for(let d=0;d<t.length;d++){const c=t[d],f=c[0]==="[",b=r.has(c);f||b?(i.length>0&&(i.sort(),o.push(...i),i=[]),o.push(c)):i.push(c)}return i.length>0&&(i.sort(),o.push(...i)),o}},uo=e=>Qe({cache:io(e.cacheSize),parseClassName:mo(e),sortModifiers:po(e),postfixLookupClassGroupIds:fo(e)},_e(e)),fo=e=>{const r=Object.create(null),t=e.postfixLookupClassGroups;if(t)for(let o=0;o<t.length;o++)r[t[o]]=!0;return r},bo=/\s+/,go=(e,r)=>{const{parseClassName:t,getClassGroupId:o,getConflictingClassGroupIds:i,sortModifiers:d,postfixLookupClassGroupIds:c}=r,f=[],b=e.trim().split(bo);let p="";for(let x=b.length-1;x>=0;x-=1){const v=b[x],{isExternal:L,modifiers:M,hasImportantModifier:Y,baseClassName:C,maybePostfixModifierPosition:G}=t(v);if(L){p=v+(p.length>0?" "+p:p);continue}let V=!!G,z;if(V){const T=C.substring(0,G);z=o(T);const l=z&&c[z]?o(C):void 0;l&&l!==z&&(z=l,V=!1)}else z=o(C);if(!z){if(!V){p=v+(p.length>0?" "+p:p);continue}if(z=o(C),!z){p=v+(p.length>0?" "+p:p);continue}V=!1}const q=M.length===0?"":M.length===1?M[0]:d(M).join(":"),W=Y?q+pe:q,F=W+z;if(f.indexOf(F)>-1)continue;f.push(F);const $=i(z,V);for(let T=0;T<$.length;++T){const l=$[T];f.push(W+l)}p=v+(p.length>0?" "+p:p)}return p},ho=(...e)=>{let r=0,t,o,i="";for(;r<e.length;)(t=e[r++])&&(o=Se(t))&&(i&&(i+=" "),i+=o);return i},Se=e=>{if(typeof e=="string")return e;let r,t="";for(let o=0;o<e.length;o++)e[o]&&(r=Se(e[o]))&&(t&&(t+=" "),t+=r);return t},Ae=(e,...r)=>{let t,o,i,d;const c=b=>{const p=r.reduce((x,v)=>v(x),e());return t=uo(p),o=t.cache.get,i=t.cache.set,d=f,f(b)},f=b=>{const p=o(b);if(p)return p;const x=go(b,t);return i(b,x),x};return d=c,(...b)=>d(ho(...b))},xo=[],h=e=>{const r=t=>t[e]||xo;return r.isThemeGetter=!0,r},Ge=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Me=/^\((?:(\w[\w-]*):)?(.+)\)$/i,yo=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,wo=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,ko=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,vo=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Co=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,zo=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,B=e=>yo.test(e),u=e=>!!e&&!Number.isNaN(Number(e)),N=e=>!!e&&Number.isInteger(Number(e)),ue=e=>e.endsWith("%")&&u(e.slice(0,-1)),E=e=>wo.test(e),Ie=()=>!0,So=e=>ko.test(e)&&!vo.test(e),fe=()=>!1,Ao=e=>Co.test(e),Go=e=>zo.test(e),Mo=e=>!n(e)&&!a(e),Io=e=>e.startsWith("@container")&&(e[10]==="/"&&e[11]!==void 0||e[11]==="s"&&e[16]!==void 0&&e.startsWith("-size/",10)||e[11]==="n"&&e[18]!==void 0&&e.startsWith("-normal/",10)),To=e=>O(e,Le,fe),n=e=>Ge.test(e),D=e=>O(e,Ve,So),Te=e=>O(e,Bo,u),Po=e=>O(e,Be,Ie),Ro=e=>O(e,je,fe),Pe=e=>O(e,Ne,fe),No=e=>O(e,Ee,Go),ee=e=>O(e,Oe,Ao),a=e=>Me.test(e),Q=e=>U(e,Ve),Eo=e=>U(e,je),Re=e=>U(e,Ne),Lo=e=>U(e,Le),Vo=e=>U(e,Ee),oe=e=>U(e,Oe,!0),jo=e=>U(e,Be,!0),O=(e,r,t)=>{const o=Ge.exec(e);return o?o[1]?r(o[1]):t(o[2]):!1},U=(e,r,t=!1)=>{const o=Me.exec(e);return o?o[1]?r(o[1]):t:!1},Ne=e=>e==="position"||e==="percentage",Ee=e=>e==="image"||e==="url",Le=e=>e==="length"||e==="size"||e==="bg-size",Ve=e=>e==="length",Bo=e=>e==="number",je=e=>e==="family-name",Be=e=>e==="number"||e==="weight",Oe=e=>e==="shadow",We=()=>{const e=h("color"),r=h("font"),t=h("text"),o=h("font-weight"),i=h("tracking"),d=h("leading"),c=h("breakpoint"),f=h("container"),b=h("spacing"),p=h("radius"),x=h("shadow"),v=h("inset-shadow"),L=h("text-shadow"),M=h("drop-shadow"),Y=h("blur"),C=h("perspective"),G=h("aspect"),V=h("ease"),z=h("animate"),q=()=>["auto","avoid","all","avoid-page","page","left","right","column"],W=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],F=()=>[...W(),a,n],$=()=>["auto","hidden","clip","visible","scroll"],T=()=>["auto","contain","none"],l=()=>[a,n,b],g=()=>[B,"full","auto",...l()],Fe=()=>[N,"none","subgrid",a,n],$e=()=>["auto",{span:["full",N,a,n]},N,a,n],se=()=>[N,"auto",a,n],De=()=>["auto","min","max","fr",a,n],ge=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],Z=()=>["start","end","center","stretch","center-safe","end-safe"],P=()=>["auto",...l()],K=()=>[B,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...l()],he=()=>[B,"screen","full","dvw","lvw","svw","min","max","fit",...l()],xe=()=>[B,"screen","full","lh","dvh","lvh","svh","min","max","fit",...l()],m=()=>[e,a,n],Ue=()=>[...W(),Re,Pe,{position:[a,n]}],Ye=()=>["no-repeat",{repeat:["","x","y","space","round"]}],qe=()=>["auto","cover","contain",Lo,To,{size:[a,n]}],ye=()=>[ue,Q,D],S=()=>["","none","full",p,a,n],A=()=>["",u,Q,D],ne=()=>["solid","dashed","dotted","double"],Ke=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],w=()=>[u,ue,Re,Pe],Xe=()=>["","none",Y,a,n],ae=()=>["none",u,a,n],le=()=>["none",u,a,n],we=()=>[u,a,n],ie=()=>[B,"full",...l()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[E],breakpoint:[E],color:[Ie],container:[E],"drop-shadow":[E],ease:["in","out","in-out"],font:[Mo],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[E],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[E],shadow:[E],spacing:["px",u],text:[E],"text-shadow":[E],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",B,n,a,G]}],container:["container"],"container-type":[{"@container":["","normal","size",a,n]}],"container-named":[Io],columns:[{columns:[u,n,a,f]}],"break-after":[{"break-after":q()}],"break-before":[{"break-before":q()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:F()}],overflow:[{overflow:$()}],"overflow-x":[{"overflow-x":$()}],"overflow-y":[{"overflow-y":$()}],overscroll:[{overscroll:T()}],"overscroll-x":[{"overscroll-x":T()}],"overscroll-y":[{"overscroll-y":T()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:g()}],"inset-x":[{"inset-x":g()}],"inset-y":[{"inset-y":g()}],start:[{"inset-s":g(),start:g()}],end:[{"inset-e":g(),end:g()}],"inset-bs":[{"inset-bs":g()}],"inset-be":[{"inset-be":g()}],top:[{top:g()}],right:[{right:g()}],bottom:[{bottom:g()}],left:[{left:g()}],visibility:["visible","invisible","collapse"],z:[{z:[N,"auto",a,n]}],basis:[{basis:[B,"full","auto",f,...l()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[u,B,"auto","initial","none",n]}],grow:[{grow:["",u,a,n]}],shrink:[{shrink:["",u,a,n]}],order:[{order:[N,"first","last","none",a,n]}],"grid-cols":[{"grid-cols":Fe()}],"col-start-end":[{col:$e()}],"col-start":[{"col-start":se()}],"col-end":[{"col-end":se()}],"grid-rows":[{"grid-rows":Fe()}],"row-start-end":[{row:$e()}],"row-start":[{"row-start":se()}],"row-end":[{"row-end":se()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":De()}],"auto-rows":[{"auto-rows":De()}],gap:[{gap:l()}],"gap-x":[{"gap-x":l()}],"gap-y":[{"gap-y":l()}],"justify-content":[{justify:[...ge(),"normal"]}],"justify-items":[{"justify-items":[...Z(),"normal"]}],"justify-self":[{"justify-self":["auto",...Z()]}],"align-content":[{content:["normal",...ge()]}],"align-items":[{items:[...Z(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...Z(),{baseline:["","last"]}]}],"place-content":[{"place-content":ge()}],"place-items":[{"place-items":[...Z(),"baseline"]}],"place-self":[{"place-self":["auto",...Z()]}],p:[{p:l()}],px:[{px:l()}],py:[{py:l()}],ps:[{ps:l()}],pe:[{pe:l()}],pbs:[{pbs:l()}],pbe:[{pbe:l()}],pt:[{pt:l()}],pr:[{pr:l()}],pb:[{pb:l()}],pl:[{pl:l()}],m:[{m:P()}],mx:[{mx:P()}],my:[{my:P()}],ms:[{ms:P()}],me:[{me:P()}],mbs:[{mbs:P()}],mbe:[{mbe:P()}],mt:[{mt:P()}],mr:[{mr:P()}],mb:[{mb:P()}],ml:[{ml:P()}],"space-x":[{"space-x":l()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":l()}],"space-y-reverse":["space-y-reverse"],size:[{size:K()}],"inline-size":[{inline:["auto",...he()]}],"min-inline-size":[{"min-inline":["auto",...he()]}],"max-inline-size":[{"max-inline":["none",...he()]}],"block-size":[{block:["auto",...xe()]}],"min-block-size":[{"min-block":["auto",...xe()]}],"max-block-size":[{"max-block":["none",...xe()]}],w:[{w:[f,"screen",...K()]}],"min-w":[{"min-w":[f,"screen","none",...K()]}],"max-w":[{"max-w":[f,"screen","none","prose",{screen:[c]},...K()]}],h:[{h:["screen","lh",...K()]}],"min-h":[{"min-h":["screen","lh","none",...K()]}],"max-h":[{"max-h":["screen","lh",...K()]}],"font-size":[{text:["base",t,Q,D]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[o,jo,Po]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",ue,n]}],"font-family":[{font:[Eo,Ro,r]}],"font-features":[{"font-features":[n]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[i,a,n]}],"line-clamp":[{"line-clamp":[u,"none",a,Te]}],leading:[{leading:[d,...l()]}],"list-image":[{"list-image":["none",a,n]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",a,n]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:m()}],"text-color":[{text:m()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ne(),"wavy"]}],"text-decoration-thickness":[{decoration:[u,"from-font","auto",a,D]}],"text-decoration-color":[{decoration:m()}],"underline-offset":[{"underline-offset":[u,"auto",a,n]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:l()}],"tab-size":[{tab:[N,a,n]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",a,n]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",a,n]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:Ue()}],"bg-repeat":[{bg:Ye()}],"bg-size":[{bg:qe()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},N,a,n],radial:["",a,n],conic:[N,a,n]},Vo,No]}],"bg-color":[{bg:m()}],"gradient-from-pos":[{from:ye()}],"gradient-via-pos":[{via:ye()}],"gradient-to-pos":[{to:ye()}],"gradient-from":[{from:m()}],"gradient-via":[{via:m()}],"gradient-to":[{to:m()}],rounded:[{rounded:S()}],"rounded-s":[{"rounded-s":S()}],"rounded-e":[{"rounded-e":S()}],"rounded-t":[{"rounded-t":S()}],"rounded-r":[{"rounded-r":S()}],"rounded-b":[{"rounded-b":S()}],"rounded-l":[{"rounded-l":S()}],"rounded-ss":[{"rounded-ss":S()}],"rounded-se":[{"rounded-se":S()}],"rounded-ee":[{"rounded-ee":S()}],"rounded-es":[{"rounded-es":S()}],"rounded-tl":[{"rounded-tl":S()}],"rounded-tr":[{"rounded-tr":S()}],"rounded-br":[{"rounded-br":S()}],"rounded-bl":[{"rounded-bl":S()}],"border-w":[{border:A()}],"border-w-x":[{"border-x":A()}],"border-w-y":[{"border-y":A()}],"border-w-s":[{"border-s":A()}],"border-w-e":[{"border-e":A()}],"border-w-bs":[{"border-bs":A()}],"border-w-be":[{"border-be":A()}],"border-w-t":[{"border-t":A()}],"border-w-r":[{"border-r":A()}],"border-w-b":[{"border-b":A()}],"border-w-l":[{"border-l":A()}],"divide-x":[{"divide-x":A()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":A()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...ne(),"hidden","none"]}],"divide-style":[{divide:[...ne(),"hidden","none"]}],"border-color":[{border:m()}],"border-color-x":[{"border-x":m()}],"border-color-y":[{"border-y":m()}],"border-color-s":[{"border-s":m()}],"border-color-e":[{"border-e":m()}],"border-color-bs":[{"border-bs":m()}],"border-color-be":[{"border-be":m()}],"border-color-t":[{"border-t":m()}],"border-color-r":[{"border-r":m()}],"border-color-b":[{"border-b":m()}],"border-color-l":[{"border-l":m()}],"divide-color":[{divide:m()}],"outline-style":[{outline:[...ne(),"none","hidden"]}],"outline-offset":[{"outline-offset":[u,a,n]}],"outline-w":[{outline:["",u,Q,D]}],"outline-color":[{outline:m()}],shadow:[{shadow:["","none",x,oe,ee]}],"shadow-color":[{shadow:m()}],"inset-shadow":[{"inset-shadow":["none",v,oe,ee]}],"inset-shadow-color":[{"inset-shadow":m()}],"ring-w":[{ring:A()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:m()}],"ring-offset-w":[{"ring-offset":[u,D]}],"ring-offset-color":[{"ring-offset":m()}],"inset-ring-w":[{"inset-ring":A()}],"inset-ring-color":[{"inset-ring":m()}],"text-shadow":[{"text-shadow":["none",L,oe,ee]}],"text-shadow-color":[{"text-shadow":m()}],opacity:[{opacity:[u,a,n]}],"mix-blend":[{"mix-blend":[...Ke(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":Ke()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[u]}],"mask-image-linear-from-pos":[{"mask-linear-from":w()}],"mask-image-linear-to-pos":[{"mask-linear-to":w()}],"mask-image-linear-from-color":[{"mask-linear-from":m()}],"mask-image-linear-to-color":[{"mask-linear-to":m()}],"mask-image-t-from-pos":[{"mask-t-from":w()}],"mask-image-t-to-pos":[{"mask-t-to":w()}],"mask-image-t-from-color":[{"mask-t-from":m()}],"mask-image-t-to-color":[{"mask-t-to":m()}],"mask-image-r-from-pos":[{"mask-r-from":w()}],"mask-image-r-to-pos":[{"mask-r-to":w()}],"mask-image-r-from-color":[{"mask-r-from":m()}],"mask-image-r-to-color":[{"mask-r-to":m()}],"mask-image-b-from-pos":[{"mask-b-from":w()}],"mask-image-b-to-pos":[{"mask-b-to":w()}],"mask-image-b-from-color":[{"mask-b-from":m()}],"mask-image-b-to-color":[{"mask-b-to":m()}],"mask-image-l-from-pos":[{"mask-l-from":w()}],"mask-image-l-to-pos":[{"mask-l-to":w()}],"mask-image-l-from-color":[{"mask-l-from":m()}],"mask-image-l-to-color":[{"mask-l-to":m()}],"mask-image-x-from-pos":[{"mask-x-from":w()}],"mask-image-x-to-pos":[{"mask-x-to":w()}],"mask-image-x-from-color":[{"mask-x-from":m()}],"mask-image-x-to-color":[{"mask-x-to":m()}],"mask-image-y-from-pos":[{"mask-y-from":w()}],"mask-image-y-to-pos":[{"mask-y-to":w()}],"mask-image-y-from-color":[{"mask-y-from":m()}],"mask-image-y-to-color":[{"mask-y-to":m()}],"mask-image-radial":[{"mask-radial":[a,n]}],"mask-image-radial-from-pos":[{"mask-radial-from":w()}],"mask-image-radial-to-pos":[{"mask-radial-to":w()}],"mask-image-radial-from-color":[{"mask-radial-from":m()}],"mask-image-radial-to-color":[{"mask-radial-to":m()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":W()}],"mask-image-conic-pos":[{"mask-conic":[u]}],"mask-image-conic-from-pos":[{"mask-conic-from":w()}],"mask-image-conic-to-pos":[{"mask-conic-to":w()}],"mask-image-conic-from-color":[{"mask-conic-from":m()}],"mask-image-conic-to-color":[{"mask-conic-to":m()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:Ue()}],"mask-repeat":[{mask:Ye()}],"mask-size":[{mask:qe()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",a,n]}],filter:[{filter:["","none",a,n]}],blur:[{blur:Xe()}],brightness:[{brightness:[u,a,n]}],contrast:[{contrast:[u,a,n]}],"drop-shadow":[{"drop-shadow":["","none",M,oe,ee]}],"drop-shadow-color":[{"drop-shadow":m()}],grayscale:[{grayscale:["",u,a,n]}],"hue-rotate":[{"hue-rotate":[u,a,n]}],invert:[{invert:["",u,a,n]}],saturate:[{saturate:[u,a,n]}],sepia:[{sepia:["",u,a,n]}],"backdrop-filter":[{"backdrop-filter":["","none",a,n]}],"backdrop-blur":[{"backdrop-blur":Xe()}],"backdrop-brightness":[{"backdrop-brightness":[u,a,n]}],"backdrop-contrast":[{"backdrop-contrast":[u,a,n]}],"backdrop-grayscale":[{"backdrop-grayscale":["",u,a,n]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[u,a,n]}],"backdrop-invert":[{"backdrop-invert":["",u,a,n]}],"backdrop-opacity":[{"backdrop-opacity":[u,a,n]}],"backdrop-saturate":[{"backdrop-saturate":[u,a,n]}],"backdrop-sepia":[{"backdrop-sepia":["",u,a,n]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":l()}],"border-spacing-x":[{"border-spacing-x":l()}],"border-spacing-y":[{"border-spacing-y":l()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",a,n]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[u,"initial",a,n]}],ease:[{ease:["linear","initial",V,a,n]}],delay:[{delay:[u,a,n]}],animate:[{animate:["none",z,a,n]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[C,a,n]}],"perspective-origin":[{"perspective-origin":F()}],rotate:[{rotate:ae()}],"rotate-x":[{"rotate-x":ae()}],"rotate-y":[{"rotate-y":ae()}],"rotate-z":[{"rotate-z":ae()}],scale:[{scale:le()}],"scale-x":[{"scale-x":le()}],"scale-y":[{"scale-y":le()}],"scale-z":[{"scale-z":le()}],"scale-3d":["scale-3d"],skew:[{skew:we()}],"skew-x":[{"skew-x":we()}],"skew-y":[{"skew-y":we()}],transform:[{transform:[a,n,"","none","gpu","cpu"]}],"transform-origin":[{origin:F()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:ie()}],"translate-x":[{"translate-x":ie()}],"translate-y":[{"translate-y":ie()}],"translate-z":[{"translate-z":ie()}],"translate-none":["translate-none"],zoom:[{zoom:[N,a,n]}],accent:[{accent:m()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:m()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",a,n]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":m()}],"scrollbar-track-color":[{"scrollbar-track":m()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":l()}],"scroll-mx":[{"scroll-mx":l()}],"scroll-my":[{"scroll-my":l()}],"scroll-ms":[{"scroll-ms":l()}],"scroll-me":[{"scroll-me":l()}],"scroll-mbs":[{"scroll-mbs":l()}],"scroll-mbe":[{"scroll-mbe":l()}],"scroll-mt":[{"scroll-mt":l()}],"scroll-mr":[{"scroll-mr":l()}],"scroll-mb":[{"scroll-mb":l()}],"scroll-ml":[{"scroll-ml":l()}],"scroll-p":[{"scroll-p":l()}],"scroll-px":[{"scroll-px":l()}],"scroll-py":[{"scroll-py":l()}],"scroll-ps":[{"scroll-ps":l()}],"scroll-pe":[{"scroll-pe":l()}],"scroll-pbs":[{"scroll-pbs":l()}],"scroll-pbe":[{"scroll-pbe":l()}],"scroll-pt":[{"scroll-pt":l()}],"scroll-pr":[{"scroll-pr":l()}],"scroll-pb":[{"scroll-pb":l()}],"scroll-pl":[{"scroll-pl":l()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",a,n]}],fill:[{fill:["none",...m()]}],"stroke-w":[{stroke:[u,Q,D,Te]}],stroke:[{stroke:["none",...m()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},Oo=(e,{cacheSize:r,prefix:t,experimentalParseClassName:o,extend:i={},override:d={}})=>(X(e,"cacheSize",r),X(e,"prefix",t),X(e,"experimentalParseClassName",o),te(e.theme,d.theme),te(e.classGroups,d.classGroups),te(e.conflictingClassGroups,d.conflictingClassGroups),te(e.conflictingClassGroupModifiers,d.conflictingClassGroupModifiers),X(e,"postfixLookupClassGroups",d.postfixLookupClassGroups),X(e,"orderSensitiveModifiers",d.orderSensitiveModifiers),re(e.theme,i.theme),re(e.classGroups,i.classGroups),re(e.conflictingClassGroups,i.conflictingClassGroups),re(e.conflictingClassGroupModifiers,i.conflictingClassGroupModifiers),be(e,i,"postfixLookupClassGroups"),be(e,i,"orderSensitiveModifiers"),e),X=(e,r,t)=>{t!==void 0&&(e[r]=t)},te=(e,r)=>{if(r)for(const t in r)X(e,t,r[t])},re=(e,r)=>{if(r)for(const t in r)be(e,r,t)},be=(e,r,t)=>{const o=r[t];o!==void 0&&(e[t]=e[t]?e[t].concat(o):o)},Wo=((e,...r)=>typeof e=="function"?Ae(We,e,...r):Ae(()=>Oo(We(),e),...r))({extend:{theme:{color:["accent","on-accent","accent-hover","accent-subtle","accent-subtle-hover","accent-strong","accent-strong-hover","fg","fg-accent","surface","surface-muted","edge","danger","danger-hover"],radius:["btn"]}}});function I(...e){return Wo(ce(e))}const Fo=["data-open"],$o=["data-open","data-position","aria-labelledby","aria-modal","aria-hidden"],Do=["data-open","data-position","data-extended"],Uo={key:1,"data-testid":"drawer-title-spacer",class:"inline-block size-10 m-2 shrink-0","aria-hidden":"true"},Yo=["id"],qo=s.defineComponent({inheritAttrs:!1,__name:"index",props:{open:{type:Boolean,default:!1},title:{},contentTitle:{},position:{default:"right"},extended:{type:Boolean,default:!1},back:{type:Boolean,default:!1},scroll:{type:Boolean,default:!0},closeOnOverlay:{type:Boolean,default:!1},ui:{default:()=>({})}},emits:["update:open","back"],setup(e,{emit:r}){const t={overlay:["fixed inset-0 bg-black/50 opacity-0 pointer-events-none","transition-[opacity,visibility] duration-[400ms] ease-in-out","data-[open=true]:opacity-100 data-[open=true]:pointer-events-auto"].join(" "),root:["fixed inset-0 z-[var(--drawer-z-index,5)] flex overflow-hidden p-2","pointer-events-none justify-end outline-none font-sans box-border","min-[680px]:p-4","data-[position=left]:justify-start"].join(" "),dialog:["pointer-events-none flex h-full w-full max-w-full flex-col","rounded-[length:var(--border-radius-l)] bg-surface","translate-x-full invisible","transition-[transform,visibility] duration-[400ms]","data-[open=true]:pointer-events-auto data-[open=true]:translate-x-0 data-[open=true]:visible","data-[position=left]:-translate-x-full data-[position=left]:data-[open=true]:translate-x-0","min-[680px]:max-w-[25rem]","data-[extended=true]:min-[680px]:max-w-[39rem]"].join(" "),header:"flex h-16 shrink-0 items-center justify-center",title:["m-0 flex-grow text-center text-sm font-semibold outline-none","text-[color:var(--color-text-tertiary)]"].join(" "),back:["m-2 inline-flex size-10 shrink-0 items-center justify-center rounded-btn","text-[color:var(--color-text-primary)] bg-transparent border-0 cursor-pointer","hover:bg-[color-mix(in_srgb,var(--color-text-primary)_5%,transparent)]","focus-visible:outline focus-visible:outline-[length:var(--border-m)]","focus-visible:outline-[color:var(--color-text-accent)]","focus-visible:outline-offset-[length:var(--border-m)]"].join(" "),close:["m-2 inline-flex size-10 shrink-0 items-center justify-center rounded-btn","text-[color:var(--color-text-primary)] bg-transparent border-0 cursor-pointer","hover:bg-[color-mix(in_srgb,var(--color-text-primary)_5%,transparent)]","focus-visible:outline focus-visible:outline-[length:var(--border-m)]","focus-visible:outline-[color:var(--color-text-accent)]","focus-visible:outline-offset-[length:var(--border-m)]"].join(" "),body:"min-h-0 flex-1 overflow-auto",content:["h-full overflow-hidden overflow-y-auto px-4 pt-2","text-[color:var(--color-text-primary)]","min-[680px]:px-6"].join(" "),contentTitle:"m-0 mb-2 text-2xl font-normal text-[color:var(--color-text-primary)]",footer:["flex flex-col gap-4 border-t border-edge px-6 py-4","min-[680px]:flex-row min-[680px]:justify-center"].join(" ")},o=e,i=r,d=s.useId(),c=s.ref(null),f=typeof window!="undefined"&&typeof document!="undefined",b=()=>{f&&(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden")},p=()=>{f&&(document.body.style.overflow="",document.documentElement.style.overflow="")},x=()=>{i("update:open",!1)},v=()=>{o.closeOnOverlay&&x()},L=()=>{i("back")};s.watch(()=>o.open,l=>He(this,null,function*(){var g;o.scroll===!1&&l?b():p(),l&&(yield s.nextTick(),(g=c.value)==null||g.focus())})),s.onMounted(()=>{o.open&&o.scroll===!1&&b()}),s.onUnmounted(()=>{p()});const M=s.computed(()=>I(t.overlay,o.ui.overlay)),Y=s.computed(()=>I(t.root,o.ui.root)),C=s.computed(()=>I(t.dialog,o.ui.dialog)),G=s.computed(()=>I(t.header,o.ui.header)),V=s.computed(()=>I(t.title,o.ui.title)),z=s.computed(()=>I(t.back,o.ui.back)),q=s.computed(()=>I(t.close,o.ui.close)),W=s.computed(()=>I(t.body,o.ui.body)),F=s.computed(()=>I(t.content,o.ui.content)),$=s.computed(()=>I(t.contentTitle,o.ui.contentTitle)),T=s.computed(()=>I(t.footer,o.ui.footer));return(l,g)=>(s.openBlock(),s.createBlock(s.Teleport,{to:"body"},[s.createElementVNode("div",{"data-testid":"drawer-overlay",class:s.normalizeClass(M.value),"data-open":e.open?"true":"false",style:{zIndex:"calc(var(--drawer-z-index, 5) - 1)"},onClick:v},null,10,Fo),s.createElementVNode("section",s.mergeProps({"data-testid":"drawer",role:"dialog",class:Y.value,"data-open":e.open?"true":"false","data-position":e.position,"aria-labelledby":s.unref(d),"aria-modal":e.open?"true":"false","aria-hidden":e.open?void 0:"true",tabindex:"-1"},l.$attrs,{onKeydown:s.withKeys(x,["esc"]),onClick:g[0]||(g[0]=s.withModifiers(()=>{},["stop"]))}),[s.createElementVNode("div",{"data-testid":"drawer-dialog",role:"document",class:s.normalizeClass(C.value),"data-open":e.open?"true":"false","data-position":e.position,"data-extended":e.extended?"true":"false"},[s.createElementVNode("div",{"data-testid":"drawer-header",class:s.normalizeClass(G.value)},[e.back?(s.openBlock(),s.createElementBlock("button",{key:0,type:"button","data-testid":"drawer-back",class:s.normalizeClass(z.value),"aria-label":"Back",onClick:L},[...g[1]||(g[1]=[s.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[s.createElementVNode("path",{"fill-rule":"evenodd",d:"M14.707 5.293a1 1 0 0 1 0 1.414L9.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0Z","clip-rule":"evenodd"})],-1)])],2)):(s.openBlock(),s.createElementBlock("span",Uo)),s.createElementVNode("h2",{id:s.unref(d),ref_key:"titleRef",ref:c,"data-testid":"drawer-title",class:s.normalizeClass(V.value),tabindex:"-1"},s.toDisplayString(e.title),11,Yo),s.createElementVNode("button",{type:"button","data-testid":"drawer-close",class:s.normalizeClass(q.value),"aria-label":"Close",onClick:x},[...g[2]||(g[2]=[s.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[s.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z","clip-rule":"evenodd"})],-1)])],2)],2),s.createElementVNode("div",{"data-testid":"drawer-body",class:s.normalizeClass(W.value)},[s.createElementVNode("div",{"data-testid":"drawer-content",class:s.normalizeClass(F.value),tabindex:"0"},[e.contentTitle?(s.openBlock(),s.createElementBlock("h2",{key:0,"data-testid":"drawer-content-title",class:s.normalizeClass($.value)},s.toDisplayString(e.contentTitle),3)):s.createCommentVNode("",!0),s.renderSlot(l.$slots,"default")],2)],2),l.$slots.footer?(s.openBlock(),s.createElementBlock("div",{key:0,"data-testid":"drawer-footer",class:s.normalizeClass(T.value)},[s.renderSlot(l.$slots,"footer")],2)):s.createCommentVNode("",!0)],10,Do)],16,$o)]))}});k.AzDrawer=qo,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});

package/dist/src/index.vue.d.ts

@@ -0,0 +1,178 @@
+import { VNode } from 'vue';
+
+export type DrawerPosition = 'left' | 'right';
+export interface DrawerUi {
+    /** Full-screen overlay behind the panel. */
+    overlay?: string;
+    /** Fixed shell that positions the panel (`left` / `right`). */
+    root?: string;
+    /** Sliding panel surface. */
+    dialog?: string;
+    /** Top bar with title and chrome buttons. */
+    header?: string;
+    /** Drawer title (`h2`). */
+    title?: string;
+    /** Optional back icon button. */
+    back?: string;
+    /** Close icon button. */
+    close?: string;
+    /** Scrollable body wrapper. */
+    body?: string;
+    /** Content region inside the body. */
+    content?: string;
+    /** Optional content heading. */
+    contentTitle?: string;
+    /** Footer actions region. */
+    footer?: string;
+}
+declare function __VLS_template(): Readonly<{
+    /**
+     * Use this slot to insert the content of the drawer.
+     */
+    default?: () => VNode[];
+    /**
+     * Use this slot to insert buttons in the footer.
+     */
+    footer?: () => VNode[];
+}> & {
+    /**
+     * Use this slot to insert the content of the drawer.
+     */
+    default?: () => VNode[];
+    /**
+     * Use this slot to insert buttons in the footer.
+     */
+    footer?: () => VNode[];
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * If `true`, display the drawer.
+     */
+    open?: boolean;
+    /**
+     * Title of the drawer (header).
+     */
+    title: string;
+    /**
+     * Title of the content of the drawer.
+     */
+    contentTitle?: string;
+    /**
+     * Position of the drawer.
+     */
+    position?: DrawerPosition;
+    /**
+     * If `true`, the drawer has a bigger width (from the `m` breakpoint up).
+     */
+    extended?: boolean;
+    /**
+     * If `true`, display the back button.
+     */
+    back?: boolean;
+    /**
+     * If `false`, lock page scroll while the drawer is open.
+     */
+    scroll?: boolean;
+    /**
+     * If `true`, close the drawer when clicking the overlay.
+     */
+    closeOnOverlay?: boolean;
+    /**
+     * Tailwind class overrides per structural part.
+     * Merged with `defaultDrawerUi` via `cn()` — conflicting utilities win.
+     */
+    ui?: DrawerUi;
+}>, {
+    open: boolean;
+    position: string;
+    extended: boolean;
+    back: boolean;
+    scroll: boolean;
+    closeOnOverlay: boolean;
+    ui: () => {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    back: () => void;
+    "update:open": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * If `true`, display the drawer.
+     */
+    open?: boolean;
+    /**
+     * Title of the drawer (header).
+     */
+    title: string;
+    /**
+     * Title of the content of the drawer.
+     */
+    contentTitle?: string;
+    /**
+     * Position of the drawer.
+     */
+    position?: DrawerPosition;
+    /**
+     * If `true`, the drawer has a bigger width (from the `m` breakpoint up).
+     */
+    extended?: boolean;
+    /**
+     * If `true`, display the back button.
+     */
+    back?: boolean;
+    /**
+     * If `false`, lock page scroll while the drawer is open.
+     */
+    scroll?: boolean;
+    /**
+     * If `true`, close the drawer when clicking the overlay.
+     */
+    closeOnOverlay?: boolean;
+    /**
+     * Tailwind class overrides per structural part.
+     * Merged with `defaultDrawerUi` via `cn()` — conflicting utilities win.
+     */
+    ui?: DrawerUi;
+}>, {
+    open: boolean;
+    position: string;
+    extended: boolean;
+    back: boolean;
+    scroll: boolean;
+    closeOnOverlay: boolean;
+    ui: () => {};
+}>>> & Readonly<{
+    onBack?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    position: DrawerPosition;
+    back: boolean;
+    open: boolean;
+    extended: boolean;
+    scroll: boolean;
+    closeOnOverlay: boolean;
+    ui: DrawerUi;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/src/index.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"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"}

package/dist/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.z-\[var\(--drawer-z-index\,5\)\]{z-index:var(--drawer-z-index,5)}.m-0{margin:calc(var(--spacing,.25rem) * 0)}.m-2{margin:calc(var(--spacing,.25rem) * 2)}.mb-2{margin-bottom:calc(var(--spacing,.25rem) * 2)}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-10{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10)}.h-16{height:calc(var(--spacing,.25rem) * 16)}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing,.25rem) * 0)}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing,.25rem) * 4)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[length\:var\(--border-radius-l\)\],.rounded-btn{border-radius:var(--border-radius-l)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-edge{border-color:var(--color-border-primary)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black,#000) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black,#000) 50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500,oklch(62.3% .214 259.815))}.bg-red-500{background-color:var(--color-red-500,oklch(63.7% .237 25.331))}.bg-surface{background-color:var(--color-background-primary)}.bg-surface-muted{background-color:var(--color-background-secondary)}.bg-transparent{background-color:#0000}.p-2{padding:calc(var(--spacing,.25rem) * 2)}.p-6{padding:calc(var(--spacing,.25rem) * 6)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.py-4{padding-block:calc(var(--spacing,.25rem) * 4)}.pt-2{padding-top:calc(var(--spacing,.25rem) * 2)}.text-center{text-align:center}.font-sans{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.text-2xl{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}.text-sm{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.font-normal{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.font-semibold{--tw-font-weight:var(--font-weight-semi-bold);font-weight:var(--font-weight-semi-bold)}.tracking-wide{--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em)}.text-\[color\:var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[color\:var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-edge{--tw-ring-color:var(--color-border-primary)}.transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-\[transform\,visibility\]{transition-property:transform,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-\[400ms\]{--tw-duration:.4s;transition-duration:.4s}.ease-in-out{--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var\(--border-m\)\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--border-m)}.focus-visible\:outline-offset-\[length\:var\(--border-m\)\]:focus-visible{outline-offset:var(--border-m)}.focus-visible\:outline-\[color\:var\(--color-text-accent\)\]:focus-visible{outline-color:var(--color-text-accent)}.data-\[open\=true\]\:pointer-events-auto[data-open=true]{pointer-events:auto}.data-\[open\=true\]\:visible[data-open=true]{visibility:visible}.data-\[open\=true\]\:translate-x-0[data-open=true]{--tw-translate-x:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[open\=true\]\:opacity-100[data-open=true]{opacity:1}.data-\[position\=left\]\:-translate-x-full[data-position=left]{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[position\=left\]\:justify-start[data-position=left]{justify-content:flex-start}.data-\[position\=left\]\:data-\[open\=true\]\:translate-x-0[data-position=left][data-open=true]{--tw-translate-x:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (min-width:680px){.min-\[680px\]\:max-w-\[25rem\]{max-width:25rem}.min-\[680px\]\:flex-row{flex-direction:row}.min-\[680px\]\:justify-center{justify-content:center}.min-\[680px\]\:p-4{padding:calc(var(--spacing,.25rem) * 4)}.min-\[680px\]\:px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.data-\[extended\=true\]\:min-\[680px\]\:max-w-\[39rem\][data-extended=true]{max-width:39rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@ptlm-azulejo/drawer",
+  "version": "0.0.1-alpha.107",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest --run --passWithNoTests",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "files": [
+    "dist/*"
+  ],
+  "devDependencies": {
+    "@ptlm-azulejo/button": "*",
+    "@ptlm-azulejo/fonts-adeo": "*",
+    "@ptlm-azulejo/fonts-leroy-merlin": "*",
+    "@ptlm-azulejo/themes": "*",
+    "@storybook/addon-essentials": "^7.0.0",
+    "@storybook/addon-interactions": "^7.0.0",
+    "@storybook/test": "^7.0.0",
+    "@storybook/vue3": "^7.0.0",
+    "@storybook/vue3-vite": "^7.0.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "storybook": "^7.0.0",
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.3.4"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.0"
+  }
+}