@aminnausin/cedar-ui 0.0.8 → 0.0.10

package/dist/cedar-ui.umd.js

@@ -0,0 +1 @@
+(function(p,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(p=typeof globalThis<"u"?globalThis:p||self,u(p.CedarUI={},p.Vue))})(this,function(p,u){"use strict";var fo=Object.defineProperty;var po=(p,u,W)=>u in p?fo(p,u,{enumerable:!0,configurable:!0,writable:!0,value:W}):p[u]=W;var O=(p,u,W)=>po(p,typeof u!="symbol"?u+"":u,W);function W(e,t,o){var se;const s=u.ref(!1),r=u.ref(((se=e.model)==null?void 0:se.value)??e.defaultDate??""),n=u.ref("F d, Y"),a=u.ref(0),i=u.ref(0),c=u.ref(0),g=u.ref([]),w=u.ref([]),v=u.ref("bottom"),M=["January","February","March","April","May","June","July","August","September","October","November","December"],F=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],I=u.ref("D"),P=u.computed(()=>{let h=Math.max(a.value,0);return h>=M.length&&(h=0),M[h]}),B=u.computed(()=>{const h=Math.floor(i.value/10)*10;return Array.from({length:10},(S,k)=>h+k)});function z(h){s.value=h??!s.value,I.value="D"}function H(h="D"){I.value=h}function L(h){const S=F[h.getDay()],k=("0"+h.getDate()).slice(-2),E=M[h.getMonth()],f=E.substring(0,3),Q=("0"+(h.getMonth()+1)).slice(-2),_=h.getFullYear();switch(n.value){case"F d, Y":return`${E} ${k}, ${_}`;case"d M, Y":return`${k} ${f}, ${_}`;case"Y M d":return`${_} ${f} ${k}`;case"MM-DD-YYYY":return`${Q}-${k}-${_}`;case"DD-MM-YYYY":return`${k}-${Q}-${_}`;case"YYYY-MM-DD":return`${_}-${Q}-${k}`;case"D d M, Y":return`${S} ${k} ${f} ${_}`;default:return`${E} ${k}, ${_}`}}function N(h){switch(I.value){case"Y":i.value=h,I.value="M";break;case"M":a.value=h,I.value="D",y();break;default:c.value=h,r.value=L(new Date(i.value,a.value,h)),s.value=!1,e.model&&(e.model.value=r.value);break}}function V(){switch(I.value){case"Y":i.value-=10;break;case"M":i.value-=1;break;default:a.value===0?(i.value--,a.value=11):a.value--,y();break}}function R(){switch(I.value){case"Y":i.value+=10;break;case"M":i.value+=1;break;default:a.value===11?(a.value=0,i.value++):a.value++,y();break}}function x(h){const S=new Date(i.value,a.value,h);return r.value===L(S)}function l(h){const S=new Date,k=new Date(i.value,a.value,h);return S.toDateString()===k.toDateString()}function y(){const h=new Date(i.value,a.value+1,0).getDate(),S=new Date(i.value,a.value).getDay();w.value=Array.from({length:S},(k,E)=>E+1),g.value=Array.from({length:h},(k,E)=>E+1)}function j(){if(!t.value||!o.value||!s.value)return;const h=t.value.getBoundingClientRect(),S=o.value.offsetHeight,k=h.top+h.height+S;v.value=k>window.innerHeight?"top":"bottom"}function oe(h,S=!0){a.value=h.getMonth(),i.value=h.getFullYear(),c.value=h.getDate(),S&&(r.value=L(h)),y()}function U(){if(r.value)return oe(new Date(Date.parse(r.value)));oe(new Date,e.useDefaultDate)}return u.onMounted(()=>{U()}),u.watch(s,async h=>{if(!h){window.removeEventListener("resize",j);return}await u.nextTick(),U(),j(),window.addEventListener("resize",j)}),{datePickerInput:t,datePickerCalendar:o,datePickerOpen:s,datePickerValue:r,datePickerPanel:I,datePickerFormat:n,datePickerMonth:a,datePickerMonthVerbose:P,datePickerYear:i,datePickerDecade:B,datePickerDay:c,datePickerDaysInMonth:g,datePickerBlankDaysInMonth:w,datePickerMonthNames:M,datePickerDays:F,datePickerPosition:v,toggleDatePicker:z,datePickerValueClicked:N,datePickerPrevious:V,datePickerNext:R,datePickerIsSelectedDate:x,datePickerIsToday:l,showDatePickerPanel:H}}function Xe({options:e,defaultItems:t},o){const s=u.reactive({selectOpen:!1,selectedItems:t,selectableItems:e,selectableItemActive:null,selectId:"select-12",selectKeydownValue:"",selectKeydownTimeout:1e3,selectKeydownClearTimeout:null,selectDropdownPosition:"bottom",selectableItemsList:o.selectableItemsList,selectButton:o.selectButton,toggleSelect(n){n!==void 0?this.selectOpen=n===!0:this.selectOpen=!this.selectOpen},updateRefs(n){this.selectButton=n.selectButton,this.selectableItemsList=n.selectableItemsList,this.selectPositionUpdate()},selectableItemIsActive(){return!1},async selectScrollToActiveItem(n,a=!0){let i=document.getElementById(n+"-"+this.selectId);i&&(i.scrollIntoView({behavior:"smooth",block:"center"}),a&&i.focus({preventScroll:!1}))},selectKeydown(n){if(n.keyCode<65||n.keyCode>90)return;this.selectKeydownValue+=n.key;let a=this.selectItemsFindBestMatch();a&&this.selectOpen&&(this.selectableItemActive=a),this.selectKeydownValue!==""&&(clearTimeout(this.selectKeydownClearTimeout),this.selectKeydownClearTimeout=window.setTimeout(()=>{this.selectKeydownValue=""},this.selectKeydownTimeout))},selectItemsFindBestMatch(){let n=this.selectKeydownValue.toLowerCase(),a=null,i=-1;for(const c of this.selectableItems){let w=c.name.toLowerCase().indexOf(n);w>-1&&(i==-1||w<i)&&!c.disabled&&(a=c,i=w)}return a},selectPositionUpdate(){var a;if(!this.selectButton||!this.selectableItemsList)return;let n=((a=this.selectButton)==null?void 0:a.getBoundingClientRect().top)+this.selectButton.offsetHeight+parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);this.selectDropdownPosition=window.innerHeight<n?"top":"bottom"},setOptions(n){Array.isArray(n)&&(this.selectableItems=n)}}),r=()=>{s.selectOpen&&s.selectPositionUpdate()};return u.watch(()=>s.selectOpen,function(n){if(s.selectedItems?s.selectableItemActive=s.selectedItem:s.selectableItemActive=s.selectableItems[0],!n){window.removeEventListener("resize",r);return}r(),window.addEventListener("resize",r)},{immediate:!1}),s}function Ze(e,t){const o=u.reactive({selectOpen:!1,selectedItem:"",selectableItems:e,selectableItemActive:null,selectId:"select-12",selectKeydownValue:"",selectKeydownTimeout:1e3,selectKeydownClearTimeout:null,selectDropdownPosition:"bottom",selectableItemsList:t.selectableItemsList,selectButton:t.selectButton,toggleSelect(r){r!==void 0?this.selectOpen=r===!0:this.selectOpen=!this.selectOpen},updateRefs(r){this.selectButton=r.selectButton,this.selectableItemsList=r.selectableItemsList},selectableItemIsActive(r){return this.selectableItemActive&&this.selectableItemActive.value==r.value},selectableItemActiveNext(){let r=this.selectableItems.indexOf(this.selectableItemActive);r<this.selectableItems.length-1&&(this.selectableItemActive=this.selectableItems[r+1],this.selectScrollToActiveItem())},selectableItemActivePrevious(){let r=this.selectableItems.indexOf(this.selectableItemActive);r>0&&(this.selectableItemActive=this.selectableItems[r-1],this.selectScrollToActiveItem())},selectScrollToActiveItem(){if(!this.selectableItemActive)return;let r=document.getElementById(this.selectableItemActive.value+"-"+this.selectId);r&&r.focus()},selectKeydown(r){if(r.keyCode>=65&&r.keyCode<=90){this.selectKeydownValue+=r.key;let n=this.selectItemsFindBestMatch();n&&(this.selectOpen?(this.selectableItemActive=n,this.selectScrollToActiveItem()):this.selectedItem=this.selectableItemActive===n),this.selectKeydownValue!=""&&(clearTimeout(this.selectKeydownClearTimeout),this.selectKeydownClearTimeout=window.setTimeout(()=>{this.selectKeydownValue=""},this.selectKeydownTimeout))}},selectItemsFindBestMatch(){let r=this.selectKeydownValue.toLowerCase(),n=null,a=-1;for(const i of this.selectableItems){let g=i.title.toLowerCase().indexOf(r);g>-1&&(a==-1||g<a)&&!i.disabled&&(n=i,a=g)}return n},selectPositionUpdate(){var n;if(!this.selectableItemsList||!this.selectButton)return;let r=((n=this.selectButton)==null?void 0:n.getBoundingClientRect().top)+this.selectButton.offsetHeight+parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);window.innerHeight<r?this.selectDropdownPosition="top":this.selectDropdownPosition="bottom"}}),s=()=>{o.selectOpen&&o.selectPositionUpdate()};return u.watch(()=>o.selectOpen,function(r){if(o.selectedItem?o.selectableItemActive=o.selectedItem:o.selectableItemActive=o.selectableItems[0],!r){window.removeEventListener("resize",s);return}window.setTimeout(function(){o.selectScrollToActiveItem()},10),s(),window.addEventListener("resize",s)},{immediate:!1}),o}function Qe(e){const t=u.ref(1),o=u.ref(e.itemsPerPage??10),s=u.reactive({filteredPage:u.computed(()=>{const r=o.value*(t.value-1),n=Math.min(o.value*t.value,e.data.length);return e.data.slice(r,n)}),props:e,fields:{currentPage:t,itemsPerPage:o},handlePageChange(r){t.value=r},handlePageReset(){t.value=1}});return u.watch(()=>e.data,(r,n)=>{var a,i;((r==null?void 0:r.length)!==(n==null?void 0:n.length)||r[0]&&n[0]&&((a=r[0])==null?void 0:a.id)!==((i=n[0])==null?void 0:i.id))&&s.handlePageReset()},{immediate:!0}),s}function Ie(e="pv_id_"){return e+Math.random().toString(16).slice(2)}class et{constructor(){O(this,"subscribers");O(this,"toasts");O(this,"subscribe",t=>(this.subscribers.push(t),()=>{const o=this.subscribers.indexOf(t);this.subscribers.splice(o,1)}));O(this,"publish",t=>{this.subscribers.forEach(o=>o(t))});O(this,"addToast",t=>{this.publish(t),this.toasts=[...this.toasts,t]});O(this,"create",(t,o)=>{const s=o.id??Ie("toast_");return this.toasts.find(n=>n.id===s)?this.toasts=this.toasts.map(n=>n.id===s?(this.publish({...n,...o,id:s,title:t}),{...n,...o,id:s,title:t}):n):this.addToast({title:t,id:s,scale:1,zIndex:200,offsetY:0,...o}),s});O(this,"dismiss",t=>{t?(this.publish({id:t,dismiss:!0}),this.toasts=this.toasts.filter(o=>o.id!==t)):(this.toasts.forEach(o=>{this.publish({id:o.id,dismiss:!0})}),this.toasts=[])});O(this,"add",(t,o)=>this.create(t,{...o}));O(this,"success",(t,o)=>this.create(t,{type:"success",...o}));O(this,"error",(t,o)=>this.create(t,{type:"danger",...o}));O(this,"info",(t,o)=>this.create(t,{type:"info",...o}));O(this,"warning",(t,o)=>this.create(t,{type:"warning",...o}));this.subscribers=[],this.toasts=[]}}const $=new et;function tt(e,t){const o=Ie("toast_");return $.create(e,{...t,id:o}),o}const Te=Object.assign(tt,{add:$.add,success:$.success,error:$.error,info:$.info,warning:$.warning,dismiss:$.dismiss});function ot(e){const t=u.ref(!1);return{copyNotification:t,copyToClipboard:async()=>{try{await navigator.clipboard.writeText(e.value),t.value=!0,setTimeout(()=>{t.value=!1},3e3)}catch(s){console.error(s),Te.error("Error",{description:"Unable to copy. Network is not secure."})}}}}function st(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var de,Se;function rt(){return Se||(Se=1,de=function e(t,o){if(t===o)return!0;if(t&&o&&typeof t=="object"&&typeof o=="object"){if(t.constructor!==o.constructor)return!1;var s,r,n;if(Array.isArray(t)){if(s=t.length,s!=o.length)return!1;for(r=s;r--!==0;)if(!e(t[r],o[r]))return!1;return!0}if(t.constructor===RegExp)return t.source===o.source&&t.flags===o.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===o.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===o.toString();if(n=Object.keys(t),s=n.length,s!==Object.keys(o).length)return!1;for(r=s;r--!==0;)if(!Object.prototype.hasOwnProperty.call(o,n[r]))return!1;for(r=s;r--!==0;){var a=n[r];if(!e(t[a],o[a]))return!1}return!0}return t!==t&&o!==o}),de}var nt=rt();const at=st(nt);function it(e){let t=e,o;const s=u.reactive({fields:structuredClone(e),errors:{},dirty:!1,hasErrors:!1,processing:!1,wasSuccessful:!1,recentlySuccessful:!1,async submit(r,n={}){if(this.processing)return;const a={onBefore:async()=>{this.processing=!0,this.wasSuccessful=!1,this.recentlySuccessful=!1,clearTimeout(o),n.onBefore&&await n.onBefore()},onSuccess:async i=>{this.clearErrors(),this.wasSuccessful=!0,this.recentlySuccessful=!0,o=window.setTimeout(()=>{this.recentlySuccessful=!1},2e3),n.onSuccess&&await n.onSuccess(i),t=structuredClone(this.fields)},onError:async i=>{var c,g,w,v,M;this.hasErrors=!0,(((c=i==null?void 0:i.response)==null?void 0:c.status)===422||((g=i==null?void 0:i.response)==null?void 0:g.status)===401)&&(this.clearErrors(),this.setErrors({message:(w=i==null?void 0:i.response)==null?void 0:w.data.message,...(M=(v=i==null?void 0:i.response)==null?void 0:v.data)==null?void 0:M.errors})),n.onError&&await n.onError(i)},onFinish:async()=>{this.processing=!1,n.onFinish&&await n.onFinish()}};await a.onBefore();try{const i=await r(this.fields);await a.onSuccess(i)}catch(i){await a.onError(i)}finally{await a.onFinish()}},reset(...r){const n=structuredClone(t);r.length===0?this.fields=n:r.forEach(a=>{n[a]!==void 0&&(this.fields[a]=n[a])})},clearErrors(...r){r.length===0?this.errors={}:r.forEach(n=>delete this.errors[n]),this.hasErrors=Object.keys(this.errors).length>0},setErrors(r){this.errors={...this.errors,...r},this.hasErrors=Object.keys(this.errors).length>0}});return u.watch(()=>s.fields,()=>{s.dirty=!at(s.fields,t)},{immediate:!0,deep:!0}),s}function lt({duration:e,isPaused:t,onTimeout:o,immediate:s=!0}){const r=u.ref(),n=u.ref(0),a=u.ref(e);function i(){a.value===1/0||t()||(n.value=Date.now(),r.value=window.setTimeout(()=>{o()},a.value))}function c(){g();const w=Date.now()-n.value;a.value-=w}function g(){r.value&&(clearTimeout(r.value),r.value=null)}return u.watch(t,w=>{if(w){c();return}i()},{immediate:s}),u.onBeforeUnmount(()=>{g()}),{cancel:g}}const ct=3,ut="24px",dt="16px",mt=0,ft=3e3,pt=16,ht=45,bt=10,gt=.06,wt=16,Ae=4,Me=6;function vt({directions:e,swipeThreshold:t,velocityThreshold:o,getElementSize:s,onSwipeOut:r}){const n=u.ref(!1),a=u.ref({x:0,y:0}),i=u.ref({x:0,y:0}),c=u.ref({x:0,y:0}),g=u.ref(),w=u.computed(()=>P(e.value)),v=u.ref(null);function M(x){return 1/(1.5+Math.abs(x)/20)}function F(x,l){return Math.min(l.maxDelta,Math.max(l.minDelta,x))}function I(x){const l=w.value[x];return l.minDelta!==0||l.maxDelta!==0}function P(x){const l={x:{minDelta:0,maxDelta:0},y:{minDelta:0,maxDelta:0}};for(const y of x)y==="left"&&(l.x.minDelta=-1/0),y==="right"&&(l.x.maxDelta=1/0),y==="top"&&(l.y.minDelta=-1/0),y==="bottom"&&(l.y.maxDelta=1/0);return l}function B(x){const l=Math.abs(x.x)>Math.abs(x.y)?"x":"y";return I(l)?l:null}function z(x){return t.px?t.px:x&&t.percent&&s?s(x)*t.percent:1/0}function H(x){x.target.closest("button, a, input, textarea, select")||(g.value=Date.now(),x.target.setPointerCapture(x.pointerId),i.value={x:x.clientX,y:x.clientY},n.value=!0)}function L(x){if(!n.value)return;const l={x:0,y:0},y={x:x.clientX-i.value.x,y:x.clientY-i.value.y};if(c.value.x=Math.max(c.value.x,Math.abs(y.x)),c.value.y=Math.max(c.value.y,Math.abs(y.y)),!v.value&&(Math.abs(y.x)>Ae||Math.abs(y.y)>Ae)&&(v.value=B(y)),!!v.value){if(l[v.value]=F(y[v.value],w.value[v.value]),l[v.value]===0&&y[v.value]!==0){const j=y[v.value]*M(y[v.value]);l[v.value]=Math.abs(j)<Math.abs(y[v.value])?j:y[v.value]}a.value=l}}function N(){if(!n.value)return;const x=Date.now()-(g.value??0),l=v.value?a.value[v.value]:0,y=Math.abs(l)/x;(Math.abs(l)>=z(v.value)||y>(o??.11))&&r(),n.value=!1,v.value=null,a.value={x:0,y:0}}function V(){n.value=!1,v.value=null,a.value={x:0,y:0}}function R(){return c.value.x<=Me&&c.value.y<=Me}return{offset:a,isSwiping:n,onPointerDown:H,onPointerMove:L,onPointerUp:N,onPointerCancel:V,isTapGesture:R}}const yt=45,xt=.11,ee=u.ref(!1),me=u.ref(!1),fe=u.ref(300),q=u.ref(null),Pe=u.reactive({}),Ee=u.shallowRef(null);function kt(e,t={}){q.value&&clearTimeout(q.value),Ee.value=e,Object.assign(Pe,t),me.value=!0,ee.value=!0,q.value=window.setTimeout(()=>{ee.value=!1},fe.value)}function It(){q.value&&clearTimeout(q.value),me.value=!1,ee.value=!0,q.value=window.setTimeout(()=>{ee.value=!1},fe.value)}function Tt(){return{isOpen:me,isAnimating:ee,animationTime:fe,props:Pe,component:Ee,open:kt,close:It}}let pe=null;function De(){const e=u.ref(!1),t=u.ref(!1),o=u.ref(200),s=u.ref(null),r=u.shallowRef({}),n=u.shallowRef(null);function a(c,g={}){s.value&&clearTimeout(s.value),r.value=g,n.value=c,t.value=!0,e.value=!0,s.value=window.setTimeout(()=>{e.value=!1},o.value)}function i(){s.value&&clearTimeout(s.value),t.value=!1,e.value=!0,s.value=window.setTimeout(()=>{e.value=!1},o.value)}return{isOpen:u.readonly(t),isAnimating:u.readonly(e),animationTime:o,props:r,component:n,open:a,close:i}}function re(){return pe||(pe=De()),pe}function St(){return re()}const At={open:(e,t)=>re().open(e,t),close:()=>re().close()},Ce={stringInsensitive:(e,t)=>Oe(e).localeCompare(Oe(t)),date:(e,t)=>new Date(e).getTime()-new Date(t).getTime(),number:(e,t)=>parseFloat(e)-parseFloat(t)};function Oe(e){return String(e??"").toLowerCase().replace(/\s+/g," ").trim()}function Mt(e,t=1,o=["date","date_released"]){return(s,r)=>{const n=s[e],a=r[e];if(n instanceof Date&&a instanceof Date||o.includes(String(e))){const g=new Date(String(n));return(new Date(String(a)).getTime()-g.getTime())*t}const i=parseFloat(n),c=parseFloat(a);return!isNaN(i)&&!isNaN(c)?(i-c)*t:String(n).toLowerCase().replace(/\s+/g," ").localeCompare(String(a).toLowerCase().replace(/\s+/g," "))*t}}function Pt(e,t=1){return(o,s)=>{for(const{key:r,compareFn:n}of e){const a=r?o[r]??"":void 0,i=r?s[r]??"":void 0;let c;if(n?c=r?n(a,i):n(o,s):c=Et(a,i),c!==0)return c*t}return 0}}function Et(e,t){const o=parseFloat(e),s=parseFloat(t);if(!isNaN(o)&&!isNaN(s))return o-s;const r=new Date(e),n=new Date(t);return!isNaN(r.getTime())&&!isNaN(n.getTime())?r.getTime()-n.getTime():Ce.stringInsensitive(e,t)}const he="-",Dt=e=>{const t=Ot(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:s}=e;return{getClassGroupId:a=>{const i=a.split(he);return i[0]===""&&i.length!==1&&i.shift(),ze(i,t)||Ct(a)},getConflictingClassGroupIds:(a,i)=>{const c=o[a]||[];return i&&s[a]?[...c,...s[a]]:c}}},ze=(e,t)=>{var a;if(e.length===0)return t.classGroupId;const o=e[0],s=t.nextPart.get(o),r=s?ze(e.slice(1),s):void 0;if(r)return r;if(t.validators.length===0)return;const n=e.join(he);return(a=t.validators.find(({validator:i})=>i(n)))==null?void 0:a.classGroupId},Le=/^\[(.+)\]$/,Ct=e=>{if(Le.test(e)){const t=Le.exec(e)[1],o=t==null?void 0:t.substring(0,t.indexOf(":"));if(o)return"arbitrary.."+o}},Ot=e=>{const{theme:t,classGroups:o}=e,s={nextPart:new Map,validators:[]};for(const r in o)be(o[r],s,r,t);return s},be=(e,t,o,s)=>{e.forEach(r=>{if(typeof r=="string"){const n=r===""?t:Re(t,r);n.classGroupId=o;return}if(typeof r=="function"){if(zt(r)){be(r(s),t,o,s);return}t.validators.push({validator:r,classGroupId:o});return}Object.entries(r).forEach(([n,a])=>{be(a,Re(t,n),o,s)})})},Re=(e,t)=>{let o=e;return t.split(he).forEach(s=>{o.nextPart.has(s)||o.nextPart.set(s,{nextPart:new Map,validators:[]}),o=o.nextPart.get(s)}),o},zt=e=>e.isThemeGetter,Lt=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,o=new Map,s=new Map;const r=(n,a)=>{o.set(n,a),t++,t>e&&(t=0,s=o,o=new Map)};return{get(n){let a=o.get(n);if(a!==void 0)return a;if((a=s.get(n))!==void 0)return r(n,a),a},set(n,a){o.has(n)?o.set(n,a):r(n,a)}}},ge="!",we=":",Rt=we.length,_t=e=>{const{prefix:t,experimentalParseClassName:o}=e;let s=r=>{const n=[];let a=0,i=0,c=0,g;for(let I=0;I<r.length;I++){let P=r[I];if(a===0&&i===0){if(P===we){n.push(r.slice(c,I)),c=I+Rt;continue}if(P==="/"){g=I;continue}}P==="["?a++:P==="]"?a--:P==="("?i++:P===")"&&i--}const w=n.length===0?r:r.substring(c),v=Ft(w),M=v!==w,F=g&&g>c?g-c:void 0;return{modifiers:n,hasImportantModifier:M,baseClassName:v,maybePostfixModifierPosition:F}};if(t){const r=t+we,n=s;s=a=>a.startsWith(r)?n(a.substring(r.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:a,maybePostfixModifierPosition:void 0}}if(o){const r=s;s=n=>o({className:n,parseClassName:r})}return s},Ft=e=>e.endsWith(ge)?e.substring(0,e.length-1):e.startsWith(ge)?e.substring(1):e,Bt=e=>{const t=Object.fromEntries(e.orderSensitiveModifiers.map(s=>[s,!0]));return s=>{if(s.length<=1)return s;const r=[];let n=[];return s.forEach(a=>{a[0]==="["||t[a]?(r.push(...n.sort(),a),n=[]):n.push(a)}),r.push(...n.sort()),r}},Nt=e=>({cache:Lt(e.cacheSize),parseClassName:_t(e),sortModifiers:Bt(e),...Dt(e)}),Vt=/\s+/,jt=(e,t)=>{const{parseClassName:o,getClassGroupId:s,getConflictingClassGroupIds:r,sortModifiers:n}=t,a=[],i=e.trim().split(Vt);let c="";for(let g=i.length-1;g>=0;g-=1){const w=i[g],{isExternal:v,modifiers:M,hasImportantModifier:F,baseClassName:I,maybePostfixModifierPosition:P}=o(w);if(v){c=w+(c.length>0?" "+c:c);continue}let B=!!P,z=s(B?I.substring(0,P):I);if(!z){if(!B){c=w+(c.length>0?" "+c:c);continue}if(z=s(I),!z){c=w+(c.length>0?" "+c:c);continue}B=!1}const H=n(M).join(":"),L=F?H+ge:H,N=L+z;if(a.includes(N))continue;a.push(N);const V=r(z,B);for(let R=0;R<V.length;++R){const x=V[R];a.push(L+x)}c=w+(c.length>0?" "+c:c)}return c};function Gt(){let e=0,t,o,s="";for(;e<arguments.length;)(t=arguments[e++])&&(o=_e(t))&&(s&&(s+=" "),s+=o);return s}const _e=e=>{if(typeof e=="string")return e;let t,o="";for(let s=0;s<e.length;s++)e[s]&&(t=_e(e[s]))&&(o&&(o+=" "),o+=t);return o};function $t(e,...t){let o,s,r,n=a;function a(c){const g=t.reduce((w,v)=>v(w),e());return o=Nt(g),s=o.cache.get,r=o.cache.set,n=i,i(c)}function i(c){const g=s(c);if(g)return g;const w=jt(c,o);return r(c,w),w}return function(){return n(Gt.apply(null,arguments))}}const T=e=>{const t=o=>o[e]||[];return t.isThemeGetter=!0,t},Fe=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Be=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Yt=/^\d+\/\d+$/,Ht=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Kt=/\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$/,Ut=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Wt=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,qt=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,J=e=>Yt.test(e),b=e=>!!e&&!Number.isNaN(Number(e)),Y=e=>!!e&&Number.isInteger(Number(e)),ve=e=>e.endsWith("%")&&b(e.slice(0,-1)),G=e=>Ht.test(e),Jt=()=>!0,Xt=e=>Kt.test(e)&&!Ut.test(e),Ne=()=>!1,Zt=e=>Wt.test(e),Qt=e=>qt.test(e),eo=e=>!d(e)&&!m(e),to=e=>X(e,Ye,Ne),d=e=>Fe.test(e),K=e=>X(e,He,Xt),ye=e=>X(e,ao,b),Ve=e=>X(e,Ge,Ne),oo=e=>X(e,$e,Qt),ne=e=>X(e,Ke,Zt),m=e=>Be.test(e),te=e=>Z(e,He),so=e=>Z(e,io),je=e=>Z(e,Ge),ro=e=>Z(e,Ye),no=e=>Z(e,$e),ae=e=>Z(e,Ke,!0),X=(e,t,o)=>{const s=Fe.exec(e);return s?s[1]?t(s[1]):o(s[2]):!1},Z=(e,t,o=!1)=>{const s=Be.exec(e);return s?s[1]?t(s[1]):o:!1},Ge=e=>e==="position"||e==="percentage",$e=e=>e==="image"||e==="url",Ye=e=>e==="length"||e==="size"||e==="bg-size",He=e=>e==="length",ao=e=>e==="number",io=e=>e==="family-name",Ke=e=>e==="shadow",lo=$t(()=>{const e=T("color"),t=T("font"),o=T("text"),s=T("font-weight"),r=T("tracking"),n=T("leading"),a=T("breakpoint"),i=T("container"),c=T("spacing"),g=T("radius"),w=T("shadow"),v=T("inset-shadow"),M=T("text-shadow"),F=T("drop-shadow"),I=T("blur"),P=T("perspective"),B=T("aspect"),z=T("ease"),H=T("animate"),L=()=>["auto","avoid","all","avoid-page","page","left","right","column"],N=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],V=()=>[...N(),m,d],R=()=>["auto","hidden","clip","visible","scroll"],x=()=>["auto","contain","none"],l=()=>[m,d,c],y=()=>[J,"full","auto",...l()],j=()=>[Y,"none","subgrid",m,d],oe=()=>["auto",{span:["full",Y,m,d]},Y,m,d],U=()=>[Y,"auto",m,d],se=()=>["auto","min","max","fr",m,d],h=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],S=()=>["start","end","center","stretch","center-safe","end-safe"],k=()=>["auto",...l()],E=()=>[J,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...l()],f=()=>[e,m,d],Q=()=>[...N(),je,Ve,{position:[m,d]}],_=()=>["no-repeat",{repeat:["","x","y","space","round"]}],We=()=>["auto","cover","contain",ro,to,{size:[m,d]}],xe=()=>[ve,te,K],D=()=>["","none","full",g,m,d],C=()=>["",b,te,K],ie=()=>["solid","dashed","dotted","double"],qe=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],A=()=>[b,ve,je,Ve],Je=()=>["","none",I,m,d],le=()=>["none",b,m,d],ce=()=>["none",b,m,d],ke=()=>[b,m,d],ue=()=>[J,"full",...l()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[G],breakpoint:[G],color:[Jt],container:[G],"drop-shadow":[G],ease:["in","out","in-out"],font:[eo],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[G],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[G],shadow:[G],spacing:["px",b],text:[G],"text-shadow":[G],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",J,d,m,B]}],container:["container"],columns:[{columns:[b,d,m,i]}],"break-after":[{"break-after":L()}],"break-before":[{"break-before":L()}],"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:V()}],overflow:[{overflow:R()}],"overflow-x":[{"overflow-x":R()}],"overflow-y":[{"overflow-y":R()}],overscroll:[{overscroll:x()}],"overscroll-x":[{"overscroll-x":x()}],"overscroll-y":[{"overscroll-y":x()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:y()}],"inset-x":[{"inset-x":y()}],"inset-y":[{"inset-y":y()}],start:[{start:y()}],end:[{end:y()}],top:[{top:y()}],right:[{right:y()}],bottom:[{bottom:y()}],left:[{left:y()}],visibility:["visible","invisible","collapse"],z:[{z:[Y,"auto",m,d]}],basis:[{basis:[J,"full","auto",i,...l()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[b,J,"auto","initial","none",d]}],grow:[{grow:["",b,m,d]}],shrink:[{shrink:["",b,m,d]}],order:[{order:[Y,"first","last","none",m,d]}],"grid-cols":[{"grid-cols":j()}],"col-start-end":[{col:oe()}],"col-start":[{"col-start":U()}],"col-end":[{"col-end":U()}],"grid-rows":[{"grid-rows":j()}],"row-start-end":[{row:oe()}],"row-start":[{"row-start":U()}],"row-end":[{"row-end":U()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":se()}],"auto-rows":[{"auto-rows":se()}],gap:[{gap:l()}],"gap-x":[{"gap-x":l()}],"gap-y":[{"gap-y":l()}],"justify-content":[{justify:[...h(),"normal"]}],"justify-items":[{"justify-items":[...S(),"normal"]}],"justify-self":[{"justify-self":["auto",...S()]}],"align-content":[{content:["normal",...h()]}],"align-items":[{items:[...S(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...S(),{baseline:["","last"]}]}],"place-content":[{"place-content":h()}],"place-items":[{"place-items":[...S(),"baseline"]}],"place-self":[{"place-self":["auto",...S()]}],p:[{p:l()}],px:[{px:l()}],py:[{py:l()}],ps:[{ps:l()}],pe:[{pe:l()}],pt:[{pt:l()}],pr:[{pr:l()}],pb:[{pb:l()}],pl:[{pl:l()}],m:[{m:k()}],mx:[{mx:k()}],my:[{my:k()}],ms:[{ms:k()}],me:[{me:k()}],mt:[{mt:k()}],mr:[{mr:k()}],mb:[{mb:k()}],ml:[{ml:k()}],"space-x":[{"space-x":l()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":l()}],"space-y-reverse":["space-y-reverse"],size:[{size:E()}],w:[{w:[i,"screen",...E()]}],"min-w":[{"min-w":[i,"screen","none",...E()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[a]},...E()]}],h:[{h:["screen","lh",...E()]}],"min-h":[{"min-h":["screen","lh","none",...E()]}],"max-h":[{"max-h":["screen","lh",...E()]}],"font-size":[{text:["base",o,te,K]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[s,m,ye]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",ve,d]}],"font-family":[{font:[so,d,t]}],"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:[r,m,d]}],"line-clamp":[{"line-clamp":[b,"none",m,ye]}],leading:[{leading:[n,...l()]}],"list-image":[{"list-image":["none",m,d]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",m,d]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:f()}],"text-color":[{text:f()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ie(),"wavy"]}],"text-decoration-thickness":[{decoration:[b,"from-font","auto",m,K]}],"text-decoration-color":[{decoration:f()}],"underline-offset":[{"underline-offset":[b,"auto",m,d]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:l()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",m,d]}],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",m,d]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:Q()}],"bg-repeat":[{bg:_()}],"bg-size":[{bg:We()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},Y,m,d],radial:["",m,d],conic:[Y,m,d]},no,oo]}],"bg-color":[{bg:f()}],"gradient-from-pos":[{from:xe()}],"gradient-via-pos":[{via:xe()}],"gradient-to-pos":[{to:xe()}],"gradient-from":[{from:f()}],"gradient-via":[{via:f()}],"gradient-to":[{to:f()}],rounded:[{rounded:D()}],"rounded-s":[{"rounded-s":D()}],"rounded-e":[{"rounded-e":D()}],"rounded-t":[{"rounded-t":D()}],"rounded-r":[{"rounded-r":D()}],"rounded-b":[{"rounded-b":D()}],"rounded-l":[{"rounded-l":D()}],"rounded-ss":[{"rounded-ss":D()}],"rounded-se":[{"rounded-se":D()}],"rounded-ee":[{"rounded-ee":D()}],"rounded-es":[{"rounded-es":D()}],"rounded-tl":[{"rounded-tl":D()}],"rounded-tr":[{"rounded-tr":D()}],"rounded-br":[{"rounded-br":D()}],"rounded-bl":[{"rounded-bl":D()}],"border-w":[{border:C()}],"border-w-x":[{"border-x":C()}],"border-w-y":[{"border-y":C()}],"border-w-s":[{"border-s":C()}],"border-w-e":[{"border-e":C()}],"border-w-t":[{"border-t":C()}],"border-w-r":[{"border-r":C()}],"border-w-b":[{"border-b":C()}],"border-w-l":[{"border-l":C()}],"divide-x":[{"divide-x":C()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":C()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...ie(),"hidden","none"]}],"divide-style":[{divide:[...ie(),"hidden","none"]}],"border-color":[{border:f()}],"border-color-x":[{"border-x":f()}],"border-color-y":[{"border-y":f()}],"border-color-s":[{"border-s":f()}],"border-color-e":[{"border-e":f()}],"border-color-t":[{"border-t":f()}],"border-color-r":[{"border-r":f()}],"border-color-b":[{"border-b":f()}],"border-color-l":[{"border-l":f()}],"divide-color":[{divide:f()}],"outline-style":[{outline:[...ie(),"none","hidden"]}],"outline-offset":[{"outline-offset":[b,m,d]}],"outline-w":[{outline:["",b,te,K]}],"outline-color":[{outline:f()}],shadow:[{shadow:["","none",w,ae,ne]}],"shadow-color":[{shadow:f()}],"inset-shadow":[{"inset-shadow":["none",v,ae,ne]}],"inset-shadow-color":[{"inset-shadow":f()}],"ring-w":[{ring:C()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:f()}],"ring-offset-w":[{"ring-offset":[b,K]}],"ring-offset-color":[{"ring-offset":f()}],"inset-ring-w":[{"inset-ring":C()}],"inset-ring-color":[{"inset-ring":f()}],"text-shadow":[{"text-shadow":["none",M,ae,ne]}],"text-shadow-color":[{"text-shadow":f()}],opacity:[{opacity:[b,m,d]}],"mix-blend":[{"mix-blend":[...qe(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":qe()}],"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":[b]}],"mask-image-linear-from-pos":[{"mask-linear-from":A()}],"mask-image-linear-to-pos":[{"mask-linear-to":A()}],"mask-image-linear-from-color":[{"mask-linear-from":f()}],"mask-image-linear-to-color":[{"mask-linear-to":f()}],"mask-image-t-from-pos":[{"mask-t-from":A()}],"mask-image-t-to-pos":[{"mask-t-to":A()}],"mask-image-t-from-color":[{"mask-t-from":f()}],"mask-image-t-to-color":[{"mask-t-to":f()}],"mask-image-r-from-pos":[{"mask-r-from":A()}],"mask-image-r-to-pos":[{"mask-r-to":A()}],"mask-image-r-from-color":[{"mask-r-from":f()}],"mask-image-r-to-color":[{"mask-r-to":f()}],"mask-image-b-from-pos":[{"mask-b-from":A()}],"mask-image-b-to-pos":[{"mask-b-to":A()}],"mask-image-b-from-color":[{"mask-b-from":f()}],"mask-image-b-to-color":[{"mask-b-to":f()}],"mask-image-l-from-pos":[{"mask-l-from":A()}],"mask-image-l-to-pos":[{"mask-l-to":A()}],"mask-image-l-from-color":[{"mask-l-from":f()}],"mask-image-l-to-color":[{"mask-l-to":f()}],"mask-image-x-from-pos":[{"mask-x-from":A()}],"mask-image-x-to-pos":[{"mask-x-to":A()}],"mask-image-x-from-color":[{"mask-x-from":f()}],"mask-image-x-to-color":[{"mask-x-to":f()}],"mask-image-y-from-pos":[{"mask-y-from":A()}],"mask-image-y-to-pos":[{"mask-y-to":A()}],"mask-image-y-from-color":[{"mask-y-from":f()}],"mask-image-y-to-color":[{"mask-y-to":f()}],"mask-image-radial":[{"mask-radial":[m,d]}],"mask-image-radial-from-pos":[{"mask-radial-from":A()}],"mask-image-radial-to-pos":[{"mask-radial-to":A()}],"mask-image-radial-from-color":[{"mask-radial-from":f()}],"mask-image-radial-to-color":[{"mask-radial-to":f()}],"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":N()}],"mask-image-conic-pos":[{"mask-conic":[b]}],"mask-image-conic-from-pos":[{"mask-conic-from":A()}],"mask-image-conic-to-pos":[{"mask-conic-to":A()}],"mask-image-conic-from-color":[{"mask-conic-from":f()}],"mask-image-conic-to-color":[{"mask-conic-to":f()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:Q()}],"mask-repeat":[{mask:_()}],"mask-size":[{mask:We()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",m,d]}],filter:[{filter:["","none",m,d]}],blur:[{blur:Je()}],brightness:[{brightness:[b,m,d]}],contrast:[{contrast:[b,m,d]}],"drop-shadow":[{"drop-shadow":["","none",F,ae,ne]}],"drop-shadow-color":[{"drop-shadow":f()}],grayscale:[{grayscale:["",b,m,d]}],"hue-rotate":[{"hue-rotate":[b,m,d]}],invert:[{invert:["",b,m,d]}],saturate:[{saturate:[b,m,d]}],sepia:[{sepia:["",b,m,d]}],"backdrop-filter":[{"backdrop-filter":["","none",m,d]}],"backdrop-blur":[{"backdrop-blur":Je()}],"backdrop-brightness":[{"backdrop-brightness":[b,m,d]}],"backdrop-contrast":[{"backdrop-contrast":[b,m,d]}],"backdrop-grayscale":[{"backdrop-grayscale":["",b,m,d]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[b,m,d]}],"backdrop-invert":[{"backdrop-invert":["",b,m,d]}],"backdrop-opacity":[{"backdrop-opacity":[b,m,d]}],"backdrop-saturate":[{"backdrop-saturate":[b,m,d]}],"backdrop-sepia":[{"backdrop-sepia":["",b,m,d]}],"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",m,d]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[b,"initial",m,d]}],ease:[{ease:["linear","initial",z,m,d]}],delay:[{delay:[b,m,d]}],animate:[{animate:["none",H,m,d]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[P,m,d]}],"perspective-origin":[{"perspective-origin":V()}],rotate:[{rotate:le()}],"rotate-x":[{"rotate-x":le()}],"rotate-y":[{"rotate-y":le()}],"rotate-z":[{"rotate-z":le()}],scale:[{scale:ce()}],"scale-x":[{"scale-x":ce()}],"scale-y":[{"scale-y":ce()}],"scale-z":[{"scale-z":ce()}],"scale-3d":["scale-3d"],skew:[{skew:ke()}],"skew-x":[{"skew-x":ke()}],"skew-y":[{"skew-y":ke()}],transform:[{transform:[m,d,"","none","gpu","cpu"]}],"transform-origin":[{origin:V()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:ue()}],"translate-x":[{"translate-x":ue()}],"translate-y":[{"translate-y":ue()}],"translate-z":[{"translate-z":ue()}],"translate-none":["translate-none"],accent:[{accent:f()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:f()}],"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",m,d]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"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-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-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",m,d]}],fill:[{fill:["none",...f()]}],"stroke-w":[{stroke:[b,te,K,ye]}],stroke:[{stroke:["none",...f()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","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","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","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-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-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-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-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"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}});function Ue(e){var t,o,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(o=Ue(e[t]))&&(s&&(s+=" "),s+=o)}else for(o in e)e[o]&&(s&&(s+=" "),s+=o);return s}function co(){for(var e,t,o=0,s="",r=arguments.length;o<r;o++)(e=arguments[o])&&(t=Ue(e))&&(s&&(s+=" "),s+=t);return s}function uo(...e){return lo(co(e))}function mo(e,t){if(!e)return!1;let o=["INPUT","TEXTAREA","SELECT"];return(t===" "||t==="Enter")&&(o=[...o,"BUTTON"]),o.includes(e.tagName)}p.CompareStrategies=Ce,p.DEFAULT_GAP=pt,p.MOBILE_VIEWPORT_OFFSET=dt,p.SCALE_STEP=gt,p.SWIPE_THRESHOLD=yt,p.TOAST_LIFE=ft,p.TOAST_SWIPE_THRESHOLD=ht,p.TOAST_WIDTH=mt,p.ToastState=$,p.VELOCITY_THRESHOLD=xt,p.VIEWPORT_OFFSET=ut,p.VISIBLE_TOASTS_AMOUNT=ct,p.Y_OFFSET_STEP=wt,p.Z_STEP=bt,p.cn=uo,p.createDrawerCore=De,p.drawer=At,p.isInputLikeElement=mo,p.sortObject=Mt,p.sortObjectNew=Pt,p.toast=Te,p.useClipboard=ot,p.useDatePicker=W,p.useDrawer=St,p.useDrawerCore=re,p.useForm=it,p.useModalCore=Tt,p.useMultiSelect=Xe,p.useSelect=Ze,p.useSwipeHandler=vt,p.useTable=Qe,p.useToastTimer=lt,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { FunctionalComponent } from 'vue';
 import { MethodOptions } from 'vue';
 import { ModelRef } from 'vue';
 import { Ref } from 'vue';
+import { _RouterLinkI } from 'vue-router';
 import { ShallowRef } from 'vue';
 import { UnwrapRef } from 'vue';
 
@@ -17,12 +18,24 @@ export declare interface AccordionItem {
     content: string;
 }
 
+export declare type AnchorTarget = '_self' | '_blank' | '_parent' | '_top' | (string & {});
+
 export declare interface BreadCrumbItem {
     name: string;
     url: string;
     icon?: Component;
 }
 
+export declare type ButtonComponent = 'button' | 'a' | _RouterLinkI;
+
+export declare interface ButtonProps {
+    type?: ButtonType;
+}
+
+export declare type ButtonType = 'button' | 'submit' | 'reset';
+
+export declare type ButtonVariant = 'default';
+
 declare function close_2(): void;
 
 export declare function cn(...inputs: any[]): string;
@@ -33,14 +46,6 @@ export declare const CompareStrategies: {
     number: (a: any, b: any) => number;
 };
 
-export declare interface ContextMenu {
-    disabled?: boolean;
-    style?: string;
-    itemStyle?: string;
-    items?: ContextMenuItem[];
-    scrollContainer?: 'window' | 'body';
-}
-
 export declare interface ContextMenuItem {
     text?: string;
     shortcut?: string;
@@ -53,9 +58,38 @@ export declare interface ContextMenuItem {
     disabled?: boolean;
     hidden?: boolean;
     icon?: Component;
+    target?: AnchorTarget;
 }
 
-declare interface DatePickerProps {
+export declare interface ContextMenuOptions {
+    disabled?: boolean;
+    style?: string;
+    itemStyle?: string;
+    items?: ContextMenuItem[];
+    scrollContainer?: 'window' | 'body';
+}
+
+export declare function createDrawerCore(): {
+    isOpen: Readonly< Ref<boolean, boolean>>;
+    isAnimating: Readonly< Ref<boolean, boolean>>;
+    animationTime: Ref<number, number>;
+    props: ShallowRef<Partial<DrawerProps>, Partial<DrawerProps>>;
+    component: ShallowRef<null, null> | ShallowRef<ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>> | ShallowRef<FunctionalComponent<any, {}, any, {}>, FunctionalComponent<any, {}, any, {}>> | ShallowRef<{
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }, {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }>;
+    open: (drawerComponent: Component, drawerProps?: DrawerProps) => void;
+    close: () => void;
+};
+
+export declare interface DatePickerProps {
     model?: ModelRef<string | undefined>;
     defaultDate?: string;
     useDefaultDate?: boolean;
@@ -63,6 +97,22 @@ declare interface DatePickerProps {
 
 export declare const DEFAULT_GAP = 16;
 
+export declare const drawer: {
+    open: (comp: Component, props: DrawerProps) => void;
+    close: () => void;
+};
+
+export declare interface DrawerControllerProps {
+    teleportTarget?: string;
+}
+
+export declare interface DrawerProps {
+    title?: string;
+    description?: string;
+    rootClass?: string;
+    direction?: SwipeDirection;
+}
+
 export declare interface DropdownMenuItem {
     name: string;
     url?: string;
@@ -85,6 +135,8 @@ export declare interface ExternalToast {
 
 export declare type FieldType = 'text' | 'textArea' | 'number' | 'date' | 'url' | 'multi' | 'select' | 'password';
 
+export declare type FormButtonVariant = ButtonVariant | 'submit' | 'reset' | 'auth';
+
 export declare interface FormField {
     name: string;
     text?: string;
@@ -115,6 +167,18 @@ export declare interface FormHooks {
     onFinish?: () => any;
 }
 
+export declare interface FormLabelledTextInputProps extends TextInputProps, LabelProps {
+    required?: boolean;
+}
+
+export declare interface FormLabelProps extends LabelProps {
+    for: string;
+}
+
+export declare interface FormNumberFieldProps extends NumberFieldProps {
+    field: FormField;
+}
+
 export declare interface FormState<T> {
     fields: FormFields<T>;
     errors: {
@@ -133,8 +197,42 @@ export declare interface FormState<T> {
     }) => void;
 }
 
+export declare interface FormTextAreaProps {
+    field: FormField;
+    maxHeight?: number;
+}
+
+export declare interface HoverCardProps extends RelativeHoverCardProps {
+    contentTitle?: string;
+    margin?: number;
+    paddingLeft?: number;
+    scrollContainer?: 'body' | 'window';
+    disabled?: boolean;
+}
+
+export declare type IconButtonVariant = ButtonVariant | 'ghost' | 'transparent';
+
+export declare interface InputProps {
+    id?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    class?: string;
+}
+
+export declare interface InputShellProps extends InputProps {
+    clampText?: boolean;
+}
+
 export declare function isInputLikeElement(element: EventTarget | null, key: string): boolean;
 
+export declare interface LabelledTextInputProps extends TextInputProps, LabelProps {
+}
+
+export declare interface LabelProps {
+    text?: string;
+    subtext?: string;
+}
+
 export declare interface Message<T extends Component = Component> {
     id: string;
     title: string;
@@ -152,12 +250,35 @@ export declare interface Message<T extends Component = Component> {
 
 export declare const MOBILE_VIEWPORT_OFFSET = "16px";
 
-declare interface ModalProps {
+export declare interface ModalProps {
     title?: string;
     submitText?: string;
     animationTime?: number;
 }
 
+export declare interface MultiSelectItem {
+    id: number;
+    name: string;
+    relationships?: any;
+    disabled?: boolean;
+}
+
+export declare interface MultiSelectProps {
+    class?: string;
+    rootClass?: string;
+    placeholder?: string;
+    defaultItems?: MultiSelectItem[];
+    options?: MultiSelectItem[];
+    max?: number;
+    disabled?: boolean;
+    title?: string;
+    fieldName?: string;
+}
+
+export declare interface NumberFieldProps {
+    increment?: number;
+}
+
 declare class Observer {
     subscribers: Array<(toast: Message | ToastToDismiss) => void>;
     toasts: Array<Message>;
@@ -191,12 +312,38 @@ export declare interface PopoverItem {
     selectedIcon?: Component;
 }
 
+export declare interface RelativeHoverCardProps {
+    content?: string;
+    positionClasses?: string;
+    hoverCardDelay?: number;
+    hoverCardLeaveDelay?: number;
+    iconHidden?: boolean;
+    icon?: Component;
+}
+
 export declare const SCALE_STEP = 0.06;
 
 export declare interface SelectItem {
-    id: number;
-    name: string;
-    relationships?: any;
+    title: string;
+    value: any;
+    key?: any;
+    disabled?: boolean;
+}
+
+export declare interface SelectProps {
+    name?: string;
+    class?: string;
+    rootClass?: string;
+    placeholder?: string;
+    defaultItem?: number | null;
+    options?: SelectItem[];
+    disabled?: boolean;
+    title?: string;
+    prefix?: string;
+    menuMargin?: {
+        top: string;
+        bottom: string;
+    };
 }
 
 export declare type SortDir = 1 | -1;
@@ -212,8 +359,37 @@ export declare function sortObjectNew<T>(keys: SortKey<T>[], direction?: SortDir
 
 export declare const SWIPE_THRESHOLD = 45;
 
+export declare type SwipeAxis = 'x' | 'y';
+
+export declare interface SwipeConstraint {
+    minDelta: number;
+    maxDelta: number;
+}
+
 export declare type SwipeDirection = 'top' | 'right' | 'bottom' | 'left';
 
+export declare interface SwipeThreshold {
+    px?: number;
+    percent?: number;
+}
+
+export declare interface TablePaginationButtonProps {
+    currentPage?: number;
+    pageNumber?: number;
+    text?: string;
+    underline?: boolean;
+    sticky?: boolean;
+    disabled?: boolean;
+}
+
+export declare interface TablePaginationProps {
+    listLength: number;
+    currentPage: number;
+    itemsPerPage: number;
+    useIcons: boolean;
+    maxVisiblePages?: number;
+}
+
 export declare interface TableProps<T> {
     useToolbar?: boolean;
     usePagination?: boolean;
@@ -263,6 +439,13 @@ export declare interface TabsTriggerProps {
     value: string;
 }
 
+export declare type TextButtonVariant = ButtonVariant | 'ghost' | 'transparent' | 'form';
+
+export declare interface TextInputProps extends InputProps {
+    minlength?: number;
+    maxlength?: number;
+}
+
 export declare const toast: typeof toastFunction & {
     add: (message: string, options?: ToastOptions) => string;
     success: (message: string, options?: ToastOptions) => string;
@@ -274,6 +457,8 @@ export declare const toast: typeof toastFunction & {
 
 export declare const TOAST_LIFE = 3000;
 
+export declare const TOAST_SWIPE_THRESHOLD = 45;
+
 export declare const TOAST_WIDTH = 0;
 
 export declare interface ToastControllerProps {
@@ -346,7 +531,7 @@ export declare function useDatePicker(props: DatePickerProps, datePickerInput: R
     datePickerCalendar: Ref<HTMLElement | null, HTMLElement | null>;
     datePickerOpen: Ref<boolean, boolean>;
     datePickerValue: Ref<string, string>;
-    datePickerPanel: Ref<"Y" | "M" | "D", "Y" | "M" | "D">;
+    datePickerPanel: Ref<"D" | "M" | "Y", "D" | "M" | "Y">;
     datePickerFormat: Ref<"F d, Y" | "d M, Y" | "Y M d" | "MM-DD-YYYY" | "DD-MM-YYYY" | "YYYY-MM-DD" | "D d M, Y", "F d, Y" | "d M, Y" | "Y M d" | "MM-DD-YYYY" | "DD-MM-YYYY" | "YYYY-MM-DD" | "D d M, Y">;
     datePickerMonth: Ref<number, number>;
     datePickerMonthVerbose: ComputedRef<string>;
@@ -357,7 +542,7 @@ export declare function useDatePicker(props: DatePickerProps, datePickerInput: R
     datePickerBlankDaysInMonth: Ref<number[], number[]>;
     datePickerMonthNames: string[];
     datePickerDays: string[];
-    datePickerPosition: Ref<"bottom" | "top", "bottom" | "top">;
+    datePickerPosition: Ref<"top" | "bottom", "top" | "bottom">;
     toggleDatePicker: (state?: boolean) => void;
     datePickerValueClicked: (value: number) => void;
     datePickerPrevious: () => void;
@@ -367,6 +552,46 @@ export declare function useDatePicker(props: DatePickerProps, datePickerInput: R
     showDatePickerPanel: (panel?: "Y" | "M" | "D") => void;
 };
 
+export declare function useDrawer(): {
+    isOpen: Readonly< Ref<boolean, boolean>>;
+    isAnimating: Readonly< Ref<boolean, boolean>>;
+    animationTime: Ref<number, number>;
+    props: ShallowRef<Partial<DrawerProps>, Partial<DrawerProps>>;
+    component: ShallowRef<null, null> | ShallowRef<ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>> | ShallowRef<FunctionalComponent<any, {}, any, {}>, FunctionalComponent<any, {}, any, {}>> | ShallowRef<{
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }, {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }>;
+    open: (drawerComponent: Component, drawerProps?: DrawerProps) => void;
+    close: () => void;
+};
+
+export declare function useDrawerCore(): {
+    isOpen: Readonly< Ref<boolean, boolean>>;
+    isAnimating: Readonly< Ref<boolean, boolean>>;
+    animationTime: Ref<number, number>;
+    props: ShallowRef<Partial<DrawerProps>, Partial<DrawerProps>>;
+    component: ShallowRef<null, null> | ShallowRef<ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>> | ShallowRef<FunctionalComponent<any, {}, any, {}>, FunctionalComponent<any, {}, any, {}>> | ShallowRef<{
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }, {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }>;
+    open: (drawerComponent: Component, drawerProps?: DrawerProps) => void;
+    close: () => void;
+};
+
 export declare function useForm<T extends Record<string, any>>(fields: FormFields<T>): {
     fields: UnwrapRef<FormFields<T>>;
     errors: {
@@ -385,16 +610,6 @@ export declare function useForm<T extends Record<string, any>>(fields: FormField
     }) => void;
 };
 
-export declare function useModal(props: ModalProps): {
-    modalOpen: boolean;
-    isAnimating: boolean;
-    animationTime: number;
-    toggleModal: (state?: boolean | null) => void;
-    setTitle: (title: string) => void;
-    title: string;
-    submitText?: string | undefined;
-};
-
 export declare function useModalCore(): {
     isOpen: Ref<boolean, boolean>;
     isAnimating: Ref<boolean, boolean>;
@@ -463,7 +678,7 @@ export declare function useSelect(options: any, refs: any): {
     selectPositionUpdate: () => void;
 };
 
-export declare function useSwipeHandler({ directions, threshold, onSwipeOut }: UseSwipeHandlerOptions): {
+export declare function useSwipeHandler({ directions, swipeThreshold, velocityThreshold, getElementSize, onSwipeOut }: UseSwipeHandlerOptions): {
     offset: Ref<{
         x: number;
         y: number;
@@ -478,11 +693,15 @@ export declare function useSwipeHandler({ directions, threshold, onSwipeOut }: U
     onPointerDown: (e: PointerEvent) => void;
     onPointerMove: (e: PointerEvent) => void;
     onPointerUp: () => void;
+    onPointerCancel: () => void;
+    isTapGesture: () => boolean;
 };
 
-declare interface UseSwipeHandlerOptions {
+export declare interface UseSwipeHandlerOptions {
     directions: Ref<SwipeDirection[]>;
-    threshold: number;
+    swipeThreshold: SwipeThreshold;
+    velocityThreshold?: number;
+    getElementSize?: (axis: SwipeAxis) => number;
     onSwipeOut: () => void;
 }
 
@@ -501,13 +720,15 @@ export declare function useToastTimer({ duration, isPaused, onTimeout, immediate
     cancel: () => void;
 };
 
-declare interface UseToastTimerOptions {
+export declare interface UseToastTimerOptions {
     duration: number;
     isPaused: () => boolean;
     onTimeout: () => void;
     immediate?: boolean;
 }
 
+export declare const VELOCITY_THRESHOLD = 0.11;
+
 export declare const VIEWPORT_OFFSET = "24px";
 
 export declare const VISIBLE_TOASTS_AMOUNT = 3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aminnausin/cedar-ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,7 +20,6 @@
     "typescript",
     "pines-ui"
   ],
-  "type": "module",
   "main": "./dist/cedar-ui.umd.mjs",
   "module": "./dist/cedar-ui.mjs",
   "types": "./dist/index.d.ts",