maz-ui 5.0.0-beta.31 → 5.0.0-beta.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/MazLazyImg.CAfhjlAK.css +2 -0
- package/dist/assets/MazTabsBar.DQlzWqIX.css +2 -0
- package/dist/chunks/{MazBottomSheet.D1BeBFNK.js → MazBottomSheet.BMiGc4uw.js} +1 -1
- package/dist/chunks/{MazCard.D16L1S87.js → MazCard.DxGlpBqG.js} +1 -1
- package/dist/chunks/{MazDropzone.BanbsoiJ.js → MazDropzone.Cz5cSHN8.js} +1 -1
- package/dist/chunks/{MazInputTags.q6xAKrH_.js → MazInputTags.CgEsmbnw.js} +1 -1
- package/dist/chunks/{MazLazyImg.BxhfHsJa.js → MazLazyImg.DN5hea6A.js} +1 -1
- package/dist/chunks/{MazPagination.BLRDXXMX.js → MazPagination.C9dBe4AB.js} +1 -1
- package/dist/chunks/MazTabs.KH7bWhto.js +1 -0
- package/dist/chunks/MazTabsBar.D6WkASg4.js +1 -0
- package/dist/components/MazBottomSheet.js +1 -1
- package/dist/components/MazCard.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -1
- package/dist/components/MazDropzone.js +1 -1
- package/dist/components/MazInputTags.js +1 -1
- package/dist/components/MazLazyImg.js +1 -1
- package/dist/components/MazPagination.js +1 -1
- package/dist/components/MazTabs.js +1 -1
- package/dist/components/MazTabs.vue.d.ts +19 -0
- package/dist/components/MazTabsBar.js +1 -1
- package/dist/components/MazTabsBar.vue.d.ts +108 -29
- package/dist/components/index.js +1 -1
- package/dist/composables/useGlobalConfig.d.ts +2 -0
- package/dist/css/main.css +1 -1
- package/package.json +6 -6
- package/dist/assets/MazLazyImg.BO4ASHhe.css +0 -2
- package/dist/chunks/MazTabs.DUBq-QzG.js +0 -1
- package/dist/chunks/MazTabsBar.CCnXoaZg.js +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-lazy-img-component.--block img[data-v-cce2d048]{width:100%}.m-lazy-img-component.--height-full:not(.m-lazy-error) img[data-v-cce2d048]{width:min-content!important;max-width:min-content!important;height:100%!important;max-height:100%!important}.m-lazy-img-component.m-lazy-error[data-v-cce2d048]:not(.m-lazy-fallback){background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-lazy-img-component.m-lazy-error[data-v-cce2d048]:not(.m-lazy-fallback):where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-lazy-img-component.m-lazy-error:not(.m-lazy-fallback) img[data-v-cce2d048]{width:50%;height:50%}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-cce2d048]{display:flex}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-tabs-bar__item[data-v-15a591bb]:not(:disabled):hover,.m-tabs-bar__item[data-v-15a591bb]:not(:disabled):active{background-color:#0000!important}.m-tabs-bar__item[data-v-15a591bb]:not(.--is-active,:disabled):hover{color:var(--maz-foreground)!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{t as MazBackdrop_default}from"./MazBackdrop.DfqSzNiW.js";import{createBlock,createCommentVNode,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,renderSlot,unref,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";var MazBottomSheet_default=defineComponent({__name:`MazBottomSheet`,props:{modelValue:{type:Boolean},hideCloseButton:{type:Boolean,default:!1},padding:{type:Boolean,default:!0}},emits:[`update:model-value`,`open`,`close`],setup(__props,{emit:__emit}){let emits=__emit;return(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,{"model-value":__props.modelValue,"transition-name":`bottom-sheet-anim`,"backdrop-class":`--bottom-sheet`,"content-padding":!1,align:`end`,justify:`none`,variant:`bottom-sheet`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`,$event),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`,$event),"onUpdate:modelValue":_cache[2]||=$event=>emits(`update:model-value`,$event)},{default:withCtx(({close})=>[createElementVNode(`div`,{class:normalizeClass([`m-bottom-sheet__container maz:relative maz:w-full maz:rounded-t-lg maz:bg-container maz:px-12 maz:text-foreground maz:shadow-elevation maz:drop-shadow-md`,{"--padding":__props.padding,"maz:py-6":__props.padding}])},[renderSlot(_ctx.$slots,`default`,{close}),__props.hideCloseButton?createCommentVNode(``,!0):(openBlock(),createBlock(MazBtn_default,{key:0,size:`sm`,class:`m-bottom-sheet__close maz:absolute! maz:inset-e-2 maz:top-2`,color:`transparent`,onClick:close},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1},8,[`onClick`]))],2)]),_:3},8,[`model-value`]))}});export{MazBottomSheet_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as
|
|
1
|
+
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.Cbat3RFd.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,useModel,useSlots,withCtx,withModifiers}from"vue";import{MazChevronDown}from"@maz-ui/icons/lazy/MazChevronDown";import '../assets/MazCard.CrByBpNo.css';var _hoisted_1={key:1,class:`maz:ms-2 maz:text-sm`};var _hoisted_2={key:0,class:`m-card__gallery__wrapper maz:relative maz:flex maz:overflow-hidden`};var _hoisted_3={class:`maz:min-w-0 maz:flex-1`};var _hoisted_4={key:0,class:`m-card__title maz:font-display maz:text-xl maz:text-foreground`};var _hoisted_5={key:1,class:`m-card__subtitle maz:text-lg maz:text-muted`};var _hoisted_6={key:2,class:`m-card__content`};var _hoisted_7={key:2,class:`m-card__actions maz:absolute maz:top-0 maz:left-0 maz:z-2 maz:flex maz:p-2`};var MazCard_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazCard`,props:mergeModels({orientation:{default:`column`},href:{default:()=>void 0},to:{default:()=>void 0},hrefTarget:{default:`_self`},footerAlign:{default:`end`},gallery:{default:()=>void 0},scale:{type:Boolean},elevation:{type:Boolean},radius:{type:Boolean},bordered:{type:Boolean},wrapperClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0},padding:{type:Boolean},overflowHidden:{type:Boolean},collapsible:{type:Boolean,default:!1},collapseOpen:{type:Boolean,default:!1},title:{default:()=>void 0},block:{type:Boolean}},{collapseOpen:{type:Boolean,default:!1},collapseOpenModifiers:{}}),emits:mergeModels([`update:collapseOpen`],[`update:collapseOpen`]),setup(__props){let{elevation,radius,padding,scale,bordered,overflowHidden}=useGlobalConfig(`MazCard`,{elevation:!1,radius:!0,padding:!0,scale:!0,bordered:!0,overflowHidden:!1});let isLinked=computed(()=>!!__props.href||!!__props.to);let DEFAULT_GALLERY_OPTIONS={displayedCount:3,remaining:!1,zoom:!isLinked.value,width:200,height:150};let MazGallery=defineAsyncComponent(()=>import(`../components/MazGallery.js`));let MazExpandAnimation=defineAsyncComponent(()=>import(`../components/MazExpandAnimation.js`));let slots=useSlots();let collapseOpenModel=useModel(__props,`collapseOpen`);collapseOpenModel.value=__props.collapsible?__props.collapseOpen:!0;let isColumnVariant=computed(()=>[`column`,`column-reverse`].includes(__props.orientation));let haveSomeContent=computed(()=>hasSlotContent(slots.default)||hasSlotContent(slots[`content-title`])||hasSlotContent(slots[`content-subtitle`])||hasSlotContent(slots[`content-body`]));let galleryHeightComputed=computed(()=>haveSomeContent.value?__props.gallery?.height??DEFAULT_GALLERY_OPTIONS.height:`100%`);let galleryWidthComputed=computed(()=>haveSomeContent.value?__props.gallery?.width??DEFAULT_GALLERY_OPTIONS.width:`100%`);let galleryOptions=computed(()=>({...DEFAULT_GALLERY_OPTIONS,radius:radius.value,width:isColumnVariant.value?!1:galleryWidthComputed.value,height:!isColumnVariant.value&&haveSomeContent.value?!1:galleryHeightComputed.value,...__props.gallery}));let wrapperData=computed(()=>{let componentType=`div`;return __props.href?componentType=`a`:__props.to&&(componentType=resolveLinkComponent()),{is:componentType,...__props.href&&{href:__props.href,target:__props.hrefTarget},...__props.to&&{to:__props.to,target:__props.hrefTarget}}});let footerAlignClass=computed(()=>__props.footerAlign===`end`?`maz:text-end`:`maz:text-start`);function toggleCollapse(){__props.collapsible&&(collapseOpenModel.value=!collapseOpenModel.value)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-card m-reset-css maz:relative maz:inline-flex maz:max-h-full maz:flex-col maz:bg-container maz:dark:border maz:dark:border-divider`,[{"m-card--linked":isLinked.value,"m-card--no-scale":!unref(scale),"maz:shadow-elevation maz:drop-shadow-md":unref(elevation),"--block maz:w-full":__props.block,"maz:overflow-hidden":unref(overflowHidden)||!collapseOpenModel.value,"maz:rounded-md":unref(radius),"maz:border":unref(bordered)}]])},[unref(hasSlotContent)(unref(slots).title)||__props.title||__props.collapsible?(openBlock(),createBlock(resolveDynamicComponent(__props.collapsible?`button`:`div`),{key:0,class:normalizeClass([`m-card__header maz:flex maz:items-center maz:border-b maz:border-solid maz:px-4 maz:py-3 maz:transition-colors maz:duration-200`,[collapseOpenModel.value?`maz:rounded-t-md maz:border-divider`:`maz:border-transparent`,{"--is-collapsible maz:cursor-pointer maz:hover:bg-surface-600":__props.collapsible},{"maz:justify-end":!unref(hasSlotContent)(unref(slots).title)&&!__props.title&&__props.collapsible},{"maz:justify-between":unref(hasSlotContent)(unref(slots).title)||__props.title}]]),tabindex:`-1`,onClick:_cache[0]||=withModifiers($event=>__props.collapsible?toggleCollapse():void 0,[`stop`])},{default:withCtx(()=>[unref(hasSlotContent)(unref(slots).title)||__props.title?renderSlot(_ctx.$slots,`title`,{key:0},()=>[createTextVNode(toDisplayString(__props.title),1)],!0):createCommentVNode(``,!0),__props.collapsible?(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(MazIcon_default,{icon:unref(MazChevronDown),class:normalizeClass([{"--is-open":collapseOpenModel.value},`m-card__collapse-icon maz:rotate-0 maz:text-xl maz:transition-transform maz:duration-200`])},null,8,[`icon`,`class`])])):createCommentVNode(``,!0)]),_:3},8,[`class`])):createCommentVNode(``,!0),(openBlock(),createBlock(resolveDynamicComponent(wrapperData.value.is),mergeProps(wrapperData.value,{class:[`m-card__wrapper maz:flex maz:flex-1`,[`m-card__wrapper--${__props.orientation}`,__props.orientation===`row`?`maz:flex-row`:__props.orientation===`row-reverse`?`maz:flex-row-reverse`:__props.orientation===`column`?`maz:flex-col`:`maz:flex-col-reverse`,{"m-card__link maz:cursor-pointer maz:no-underline":isLinked.value}]]}),{default:withCtx(()=>[galleryOptions.value.images?(openBlock(),createElementBlock(`div`,_hoisted_2,[createVNode(unref(MazGallery),mergeProps({...galleryOptions.value,zoom:!isLinked.value},{class:`m-card__gallery maz:flex-1 maz:bg-surface-600 maz:dark:bg-surface-600/40`}),null,16)])):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_3,[(openBlock(),createBlock(resolveDynamicComponent(__props.collapsible?unref(MazExpandAnimation):`div`),{modelValue:collapseOpenModel.value,"onUpdate:modelValue":_cache[1]||=$event=>collapseOpenModel.value=$event,class:`maz:h-full`},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([[__props.wrapperClass,{"maz:p-4":unref(padding)}],`m-card__content__wrapper maz:relative maz:flex maz:h-full maz:max-w-full maz:flex-col maz:gap-2`])},[unref(hasSlotContent)(unref(slots)[`content-title`])?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`content-title`,{collapseOpen:collapseOpenModel.value},void 0,!0)])):createCommentVNode(``,!0),unref(hasSlotContent)(unref(slots)[`content-subtitle`])?(openBlock(),createElementBlock(`div`,_hoisted_5,[renderSlot(_ctx.$slots,`content-subtitle`,{},void 0,!0)])):createCommentVNode(``,!0),unref(hasSlotContent)(unref(slots)[`content-body`])?(openBlock(),createElementBlock(`div`,_hoisted_6,[renderSlot(_ctx.$slots,`content-body`,{},void 0,!0)])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{collapseOpen:collapseOpenModel.value},void 0,!0)],2)]),_:3},8,[`modelValue`]))])]),_:3},16,[`class`])),unref(hasSlotContent)(unref(slots).footer)?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-card__footer maz:overflow-x-auto maz:p-3`,[{"maz:border-t maz:border-divider":isColumnVariant.value&&haveSomeContent.value},footerAlignClass.value]])},[renderSlot(_ctx.$slots,`footer`,{},void 0,!0)],2)):createCommentVNode(``,!0),unref(hasSlotContent)(unref(slots).actions)&&galleryOptions.value.images?(openBlock(),createElementBlock(`div`,_hoisted_7,[renderSlot(_ctx.$slots,`actions`,{},void 0,!0)])):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-20f986b0`]]);export{MazCard_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{t as MazLink_default}from"./MazLink.CemC1AR_.js";import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{sleep}from"@maz-ui/utils/helpers/sleep";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone._IzxepXc.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css maz:flex maz:w-full maz:cursor-pointer maz:flex-col maz:flex-center maz:gap-2 maz:overflow-hidden maz:rounded-md maz:border maz:border-dashed maz:border-divider maz:bg-input maz:p-6 maz:transition-colors maz:duration-200 maz:ease-in-out maz:hover:bg-surface-600/50 maz:dark:hover:bg-surface-400/50`,{"m-dropzone--disabled maz:disabled-state":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`var(--maz-${__props.color})`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-b607dd3b`]]);export{MazDropzone_default as t};
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{t as MazLink_default}from"./MazLink.CemC1AR_.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{sleep}from"@maz-ui/utils/helpers/sleep";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone._IzxepXc.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css maz:flex maz:w-full maz:cursor-pointer maz:flex-col maz:flex-center maz:gap-2 maz:overflow-hidden maz:rounded-md maz:border maz:border-dashed maz:border-divider maz:bg-input maz:p-6 maz:transition-colors maz:duration-200 maz:ease-in-out maz:hover:bg-surface-600/50 maz:dark:hover:bg-surface-400/50`,{"m-dropzone--disabled maz:disabled-state":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`var(--maz-${__props.color})`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-b607dd3b`]]);export{MazDropzone_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{t as MazInput_default}from"./MazInput.CfAgOEV4.js";import{Fragment,TransitionGroup,computed,createElementBlock,createTextVNode,createVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderList,toDisplayString,unref,withCtx,withKeys,withModifiers}from"vue";import{truthyFilter}from"@maz-ui/utils/helpers/truthyFilter";import{MazTrash}from"@maz-ui/icons/raw/MazTrash";import '../assets/MazInputTags.CkN4xVxJ.css';var MazInputTags_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazInputTags`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},placeholder:{},label:{},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{},color:{default:`primary`},block:{type:Boolean},addTagsOnBlur:{type:Boolean,default:!0},hint:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let{size}=useGlobalConfig(`MazInputTags`,{size:`md`});let isFocused=ref(!1);let inputValue=ref();let tagsHoveredId=ref();let lastIdToDelete=ref();let currentDeleteTimeout=ref();let tags=computed(()=>__props.modelValue?.map(tag=>({tag,id:`${Date.now()}-${Math.random().toString(36).slice(2)}`})));function addTags(event){if(inputValue.value){lastIdToDelete.value=void 0,event.preventDefault();let newValues=inputValue.value.trim().split(`,`).map(value=>value.trim()===`,`?void 0:value.trim()).filter(truthyFilter).filter(value=>!__props.modelValue?.filter(truthyFilter)?.includes(value));emits(`update:model-value`,__props.modelValue?[...__props.modelValue,...newValues]:[...newValues]),inputValue.value=void 0}}let borderStyle=computed(()=>{if(__props.error)return`maz:border-destructive`;if(__props.success)return`maz:border-success`;if(__props.warning)return`maz:border-warning`;if(isFocused.value){if(__props.color===`primary`)return`maz:border-primary`;if(__props.color===`secondary`)return`maz:border-secondary`;if(__props.color===`info`)return`maz:border-info`;if(__props.color===`destructive`)return`maz:border-destructive`;if(__props.color===`success`)return`maz:border-success`;if(__props.color===`warning`)return`maz:border-warning`}return``});function removeLastTag(){inputValue.value||tags.value&&tags.value?.length===0||(currentDeleteTimeout.value&&clearTimeout(currentDeleteTimeout.value),lastIdToDelete.value?(removeTag(lastIdToDelete.value),lastIdToDelete.value=void 0):(lastIdToDelete.value=tags.value?.at(-1)?.id,currentDeleteTimeout.value=setTimeout(()=>{lastIdToDelete.value=void 0},2e3)))}function removeTag(id){let tagsArray=tags.value?.filter(tag=>tag.id!==id).map(tag=>tag.tag);emits(`update:model-value`,tagsArray)}let SIZE_CLASS={xl:`maz:min-h-16`,lg:`maz:min-h-14`,md:`maz:min-h-12`,sm:`maz:min-h-10`,xs:`maz:min-h-8`,mini:`maz:min-h-6`};let buttonSize=computed(()=>size.value===`mini`||size.value===`xs`?`mini`:size.value===`sm`?`xs`:size.value===`md`?`sm`:size.value===`lg`?`md`:size.value===`xl`?`lg`:size.value);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input-tags m-reset-css maz:relative maz:inline-flex maz:flex-wrap maz:gap-1 maz:overflow-hidden maz:rounded-md maz:border maz:border-divider maz:bg-input maz:px-[0.5em] maz:py-[0.25em] maz:align-top maz:transition-colors maz:duration-200 maz:ease-in-out maz:dark:border-divider-400`,[borderStyle.value,`--${__props.color}`,`--${unref(size)}`,SIZE_CLASS[unref(size)],__props.class,{"--block":__props.block,"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style),onFocusCapture:_cache[4]||=$event=>isFocused.value=!0,onBlurCapture:_cache[5]||=$event=>isFocused.value=!1},[createVNode(TransitionGroup,{name:`maz-tags`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(tags.value,({tag,id},i)=>(openBlock(),createElementBlock(`div`,{key:`tag-${i}`,class:`m-input-tags__wrapper maz:inline-flex maz:h-auto maz:flex-none! maz:flex-center`},[createVNode(MazBtn_default,{class:`m-input-tags__tag`,disabled:__props.disabled,size:buttonSize.value,color:tagsHoveredId.value===id||lastIdToDelete.value===id?`destructive`:__props.color,"end-icon":tagsHoveredId.value===id||lastIdToDelete.value===id?unref(MazTrash):void 0,onClick:withModifiers($event=>removeTag(id),[`stop`]),onMouseenter:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onFocus:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onMouseleave:_cache[0]||=$event=>tagsHoveredId.value=void 0,onBlur:_cache[1]||=$event=>tagsHoveredId.value=void 0},{default:withCtx(()=>[createTextVNode(toDisplayString(tag),1)]),_:2},1032,[`disabled`,`size`,`color`,`end-icon`,`onClick`,`onMouseenter`,`onFocus`])]))),128))]),_:1}),createVNode(MazInput_default,mergeProps({key:`input-tags`,modelValue:inputValue.value,"onUpdate:modelValue":_cache[2]||=$event=>inputValue.value=$event},_ctx.$attrs,{placeholder:__props.placeholder,label:__props.label,"aria-label":__props.label||__props.placeholder,error:__props.error,hint:__props.hint,success:__props.success,warning:__props.warning,disabled:__props.disabled,"top-label":void 0,"assistive-text":void 0,color:__props.color,block:__props.block,size:unref(size),"input-classes":`maz:w-full`,border:!1,class:`m-input-tags__input maz:h-auto! maz:flex-1`,onKeydown:[withKeys(addTags,[`enter`]),withKeys(removeLastTag,[`delete`])],onBlur:_cache[3]||=$event=>__props.addTagsOnBlur?addTags($event):void 0}),null,16,[`modelValue`,`placeholder`,`label`,`aria-label`,`error`,`hint`,`success`,`warning`,`disabled`,`color`,`block`,`size`])],38))}}),[[`__scopeId`,`data-v-7b221b88`]]);export{MazInputTags_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{n as directive}from"./vLazyImg.JfvDCXIi.js";import{Fragment,computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot,unref,withDirectives}from"vue";import '../assets/MazLazyImg.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{n as directive}from"./vLazyImg.JfvDCXIi.js";import{Fragment,computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot,unref,withDirectives}from"vue";import '../assets/MazLazyImg.CAfhjlAK.css';var _hoisted_1=[`data-lazy-srcset`,`media`];var _hoisted_2=[`alt`];var _hoisted_3={key:0,class:`m-lazy-img-component-loader maz:absolute maz:inset-0 maz:hidden maz:flex-center`};var MazLazyImg_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazLazyImg`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},src:{},alt:{},hideLoader:{type:Boolean},observerOnce:{type:Boolean,default:!0},loadOnce:{type:Boolean},imageHeightFull:{type:Boolean},observerOptions:{},fallbackSrc:{},imgClass:{type:[Boolean,null,String,Object,Array]},block:{type:Boolean}},emits:[`intersecting`,`loading`,`loaded`,`error`],setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let sources=computed(()=>typeof __props.src==`string`?[{srcset:__props.src}]:__props.src?.sources);function onIntersecting(el){emits(`intersecting`,el)}function onLoading(el){emits(`loading`,el)}function onLoaded(el){emits(`loaded`,el)}function onError(el){emits(`error`,el)}return __expose({onIntersecting,onLoading,onLoaded,onError}),(_ctx,_cache)=>withDirectives((openBlock(),createElementBlock(`picture`,{class:normalizeClass([`m-lazy-img-component m-reset-css maz:relative maz:inline-flex maz:flex-center maz:align-top`,[{"--use-loader":!__props.hideLoader,"--height-full":__props.imageHeightFull,"--block":__props.block,"maz:w-full":__props.block},__props.class]]),style:normalizeStyle(__props.style)},[(openBlock(!0),createElementBlock(Fragment,null,renderList(sources.value,({srcset,media},sourceIndex)=>(openBlock(),createElementBlock(`source`,{key:sourceIndex,"data-lazy-srcset":srcset,media},null,8,_hoisted_1))),128)),createElementVNode(`img`,mergeProps(_ctx.$attrs,{src:`data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7`,loading:`lazy`,alt:__props.alt,class:__props.imgClass}),null,16,_hoisted_2),__props.hideLoader?createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(unref(MazSpinner),{size:`2em`})])),renderSlot(_ctx.$slots,`default`,{},void 0,!0)],6)),[[unref(directive),{loadOnce:__props.loadOnce,observerOptions:__props.observerOptions,fallbackSrc:__props.fallbackSrc,observerOnce:__props.observerOnce,onIntersecting,onLoading,onLoaded,onError}]])}}),[[`__scopeId`,`data-v-cce2d048`]]);export{MazLazyImg_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as
|
|
1
|
+
import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,mergeProps,openBlock,renderList,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazEllipsisHorizontal}from"@maz-ui/icons/lazy/MazEllipsisHorizontal";import{MazChevronDoubleLeft}from"@maz-ui/icons/raw/MazChevronDoubleLeft";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";var _hoisted_1=[`aria-label`];var _hoisted_2={class:`maz:m-0! maz:inline-flex maz:list-none! maz:items-center maz:gap-2 maz:-space-x-px maz:p-0! maz:align-top maz:text-base`};var _hoisted_3={class:`maz:m-0`};var _hoisted_4={class:`maz:sr-only`};var _hoisted_5={class:`maz:m-0`};var _hoisted_6={class:`maz:sr-only`};var _hoisted_7=[`id`];var _hoisted_8={class:`maz:sr-only`};var _hoisted_9={class:`maz:m-0`};var _hoisted_10={class:`maz:sr-only`};var _hoisted_11={class:`maz:m-0`};var _hoisted_12={class:`maz:sr-only`};var MazPagination_default=defineComponent({__name:`MazPagination`,props:{modelValue:{default:1},buttonProps:{},activeColor:{default:`surface`},size:{},totalPages:{},pageRange:{default:1},loading:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let DEFAULT_BUTTONS_PROPS={size:`md`,color:`surface`,outlined:!0,fab:!0};let{t}=useTranslations();let{size}=useGlobalConfig(`MazPagination`,{size:`md`});let buttonsPropsMerged=computed(()=>({...DEFAULT_BUTTONS_PROPS,...__props.buttonProps}));let previousPage=computed(()=>__props.modelValue>1?__props.modelValue-1:1);let nextPage=computed(()=>__props.modelValue<__props.totalPages?__props.modelValue+1:__props.totalPages);let allPages=computed(()=>Array.from({length:__props.totalPages},(_,index)=>{let itemNumber=index+1;return{number:itemNumber,isActive:itemNumber===__props.modelValue,loading:itemNumber===__props.modelValue&&__props.loading}}));let firstOne=computed(()=>__props.modelValue-__props.pageRange>1?allPages.value.slice(0,1):[]);let lastOne=computed(()=>__props.modelValue<__props.totalPages-__props.pageRange?allPages.value.slice(-1):[]);let rangeStartAt=computed(()=>{let baseStart=__props.modelValue-__props.pageRange-1;return baseStart<0?0:baseStart>__props.totalPages-__props.pageRange?__props.totalPages-__props.pageRange:baseStart});let rangeEndAt=computed(()=>{let baseEnd=__props.modelValue+__props.pageRange;return baseEnd>__props.totalPages?__props.totalPages:baseEnd<__props.pageRange?__props.pageRange:baseEnd});let range=computed(()=>allPages.value.slice(rangeStartAt.value,rangeEndAt.value));let firstDivider=computed(()=>__props.modelValue-__props.pageRange>2?[{divider:!0}]:[]);let lastDivider=computed(()=>__props.modelValue<__props.totalPages-__props.pageRange-1?[{divider:!0}]:[]);let pages=computed(()=>[...firstOne.value,...firstDivider.value,...range.value,...lastDivider.value,...lastOne.value]);function setPageNumber(page){page!==__props.modelValue&&emits(`update:model-value`,page)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`nav`,{class:`m-pagination m-reset-css`,role:`navigation`,"aria-label":unref(t)(`pagination.navAriaLabel`)},[createElementVNode(`ul`,_hoisted_2,[createElementVNode(`li`,_hoisted_3,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===1,"aria-label":`First Page, Page 1`,size:unref(size),onClick:_cache[0]||=$event=>setPageNumber(1)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`first-page-sr`,{page:1},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.firstPage`,{page:1})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft)},null,8,[`icon`])]),_:3},16,[`disabled`,`size`])]),createElementVNode(`li`,_hoisted_5,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===1,"aria-label":`Previous Page, Page ${previousPage.value}`,size:unref(size),onClick:_cache[1]||=$event=>setPageNumber(previousPage.value)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_6,[renderSlot(_ctx.$slots,`previous-page-sr`,{page:previousPage.value},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.previousPage`,{page:previousPage.value})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronLeft)},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])]),(openBlock(!0),createElementBlock(Fragment,null,renderList(pages.value,(page,i)=>(openBlock(),createElementBlock(`li`,{id:`number`in page?`button-${i}-${page.number}`:`ellipsis-${i}`,key:`number`in page?`button-${i}-${page.number}`:`ellipsis-${i}`,class:`maz:m-0`},[`number`in page?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,ref_for:!0},{...buttonsPropsMerged.value,color:page.isActive?__props.activeColor:buttonsPropsMerged.value.color,outlined:page.isActive?!1:buttonsPropsMerged.value.outlined},{size:unref(size),"aria-label":`Page ${page.number}`,"aria-current":page.isActive?`page`:void 0,loading:page.loading,class:{active:page.isActive},onClick:$event=>page.isActive?void 0:setPageNumber(page.number)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_8,[renderSlot(_ctx.$slots,`page-sr`,{page:page.number},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.page`,{page:page.number})),1)])]),createTextVNode(` `+toDisplayString(page.number),1)]),_:2},1040,[`size`,`aria-label`,`aria-current`,`loading`,`class`,`onClick`])):page.divider?(openBlock(),createElementBlock(`div`,mergeProps({key:1,ref_for:!0},buttonsPropsMerged.value,{class:`flex-center flex p-2`}),[createVNode(unref(MazEllipsisHorizontal))],16)):createCommentVNode(``,!0)],8,_hoisted_7))),128)),createElementVNode(`li`,_hoisted_9,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===__props.totalPages,"aria-label":`Next Page, Page ${nextPage.value}`,size:unref(size),onClick:_cache[2]||=$event=>setPageNumber(nextPage.value)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_10,[renderSlot(_ctx.$slots,`next-page-sr`,{page:nextPage.value},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.nextPage`,{page:nextPage.value})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:-rotate-180`},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])]),createElementVNode(`li`,_hoisted_11,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===__props.totalPages,"aria-label":`Next Page, Page ${__props.totalPages}`,size:unref(size),onClick:_cache[3]||=$event=>setPageNumber(__props.totalPages)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_12,[renderSlot(_ctx.$slots,`last-page-sr`,{page:__props.totalPages},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.lastPage`,{page:__props.totalPages})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:-rotate-180`},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])])])],8,_hoisted_1))}});export{MazPagination_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{computed,createElementBlock,defineComponent,openBlock,provide,ref,renderSlot,toRef}from"vue";var _hoisted_1={class:`m-tabs m-reset-css`};var MazTabs_default=defineComponent({__name:`MazTabs`,props:{modelValue:{},size:{},roundedSize:{},color:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let localValue=ref(1);let currentTab=computed({get:()=>__props.modelValue??localValue.value,set:index=>{localValue.value=index,emits(`update:model-value`,index)}});function updateCurrentTab(index){return currentTab.value=index,index}return provide(`maz-tabs`,{currentTab,updateCurrentTab,size:toRef(()=>__props.size),roundedSize:toRef(()=>__props.roundedSize),color:toRef(()=>__props.color)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazTabs_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{GLOBAL_CONFIG_INJECTION_KEY}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,getCurrentInstance,inject,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import '../assets/MazTabsBar.DQlzWqIX.css';var MazTabsBar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTabsBar`,props:{items:{},modelValue:{},size:{},roundedSize:{},color:{},persistent:{type:Boolean,default:!1},queryParam:{default:`tab`},block:{type:Boolean,default:!1},elevation:{type:Boolean,default:!1},autoScroll:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let injectedTabs=inject(`maz-tabs`,void 0);let instance=getCurrentInstance();let globalConfig=inject(GLOBAL_CONFIG_INJECTION_KEY,void 0);function wasPropProvided(key){let raw=instance?.vnode.props;return raw?Object.hasOwn(raw,key)||Object.hasOwn(raw,key.replace(/\B([A-Z])/g,`-$1`).toLowerCase()):!1}let resolvedSize=computed(()=>wasPropProvided(`size`)?instance.props.size:injectedTabs?.size?.value??globalConfig?.MazTabsBar?.size??globalConfig?.global?.size??`md`);let resolvedRoundedSize=computed(()=>wasPropProvided(`roundedSize`)?instance.props.roundedSize:injectedTabs?.roundedSize?.value??globalConfig?.MazTabsBar?.roundedSize??globalConfig?.global?.roundedSize??`md`);let resolvedColor=computed(()=>__props.color??injectedTabs?.color?.value);let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let normalizedItems=computed(()=>__props.items.map(item=>{if(typeof item==`string`)return{label:item,value:void 0,disabled:!1,size:void 0,roundedSize:void 0,color:`transparent`,badge:void 0,btnProps:{}};let{label,value,disabled,badge,size,roundedSize,color:itemColor,...btnProps}=item;return{label,value,disabled:disabled??!1,size,roundedSize,color:itemColor??`transparent`,badge,btnProps}}));let currentTab=computed(()=>{if(injectedTabs)return injectedTabs.currentTab.value;if(__props.modelValue===void 0)return 1;let indexByValue=normalizedItems.value.findIndex(item=>item.value!==void 0&&item.value===__props.modelValue);return indexByValue===-1?typeof __props.modelValue==`number`?__props.modelValue:1:indexByValue+1});function setActiveTab(oneBasedIndex){if(injectedTabs){injectedTabs.updateCurrentTab(oneBasedIndex);return}let item=normalizedItems.value[oneBasedIndex-1];emits(`update:model-value`,item?.value??oneBasedIndex)}function selectTab(tabIndex){setActiveTab(tabIndex+1),__props.persistent&&addOrUpdateQueryParamTab(tabIndex+1)}let tabsBarRef=ref();let itemRefs=ref([]);function isActiveTab(index){return currentTab.value===index+1}function addElementToItemRefs({mazBtn,index}){itemRefs.value[index]=mazBtn&&`$el`in mazBtn?mazBtn.$el:mazBtn}let tabsIndicatorState=ref();let tabsBarHasScrollAnimation=ref(!1);async function setIndicatorAndScroll(){if(!__props.autoScroll)return;await sleep(150);let tabsBar=tabsBarRef.value;let activeTab=itemRefs.value[currentTab.value-1];if(!tabsBar||!activeTab)return;if(activeTab.offsetLeft-50<tabsBar.scrollLeft||activeTab.offsetLeft+activeTab.offsetWidth>tabsBar.scrollLeft+tabsBar.clientWidth){let tabBarPaddingLeft=globalThis.getComputedStyle(tabsBar).paddingLeft;let tabsBarPaddingOffset=Number(tabBarPaddingLeft.slice(0,-2));tabsBar.scrollTo({left:activeTab.offsetLeft-tabsBarPaddingOffset-50,behavior:tabsBarHasScrollAnimation.value?`smooth`:`instant`})}if(typeof currentTab.value!=`number`)return;let indicatorWidth=activeTab?.offsetWidth??0;let indicatorHeight=activeTab?.offsetHeight??0;tabsIndicatorState.value={transform:`translateX(${activeTab?.offsetLeft??0}px)`,width:`${indicatorWidth}px`,height:`${indicatorHeight}px`},tabsBarHasScrollAnimation.value=!0}function getTabStyle(index,disabled){return disabled?{}:currentTab.value===index+1?resolvedColor.value?`color: var(--maz-${resolvedColor.value}-foreground)`:`color: var(--maz-foreground)`:`color: var(--maz-muted)`}onBeforeMount(()=>{(currentTab.value<1||currentTab.value>normalizedItems.value.length)&&console.error(`[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`)}),onMounted(()=>{(__props.persistent||currentTab.value)&&setIndicatorAndScroll()}),watch(()=>[currentTab.value,normalizedItems.value],()=>{setIndicatorAndScroll()});function getQueryParamTab(){let urlActuelle=new URL(globalThis.location.href);return Number(urlActuelle.searchParams.get(__props.queryParam))}function addOrUpdateQueryParamTab(tab){let urlActuelle=new URL(globalThis.location.href);urlActuelle.searchParams.set(__props.queryParam,String(tab)),globalThis.history.replaceState({},document.title,urlActuelle.toString())}return onMounted(()=>{__props.persistent&&setActiveTab(getQueryParamTab()||currentTab.value||1)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`tabsBarRef`,ref:tabsBarRef,class:normalizeClass([`m-tabs-bar m-reset-css maz:relative maz:inline-flex maz:max-w-full maz:gap-1 maz:overflow-x-auto maz:bg-container maz:p-2 maz:align-top`,[ROUNDED_CLASS[resolvedRoundedSize.value],{"--block":__props.block,"--elevation":__props.elevation,"--bordered":__props.bordered,"maz:w-full":__props.block,"maz:shadow-elevation maz:drop-shadow-md maz:dark:shadow-none":__props.elevation,"maz:border maz:border-divider":__props.bordered}]])},[createElementVNode(`div`,{class:normalizeClass([`m-tabs-bar__indicator maz:absolute maz:left-0 maz:text-center`,[ROUNDED_CLASS[resolvedRoundedSize.value],{"maz:transition-all maz:duration-300 maz:ease-in-out":tabsBarHasScrollAnimation.value,"maz:bg-surface-600 maz:dark:bg-surface-400":!resolvedColor.value}]]),style:normalizeStyle([tabsIndicatorState.value,resolvedColor.value?{backgroundColor:`var(--maz-${resolvedColor.value})`}:{}])},null,6),(openBlock(!0),createElementBlock(Fragment,null,renderList(normalizedItems.value,(item,index)=>(openBlock(),createBlock(MazBtn_default,mergeProps({key:index,ref_for:!0,ref:mazBtn=>addElementToItemRefs({mazBtn,index})},{ref_for:!0},item.btnProps,{color:item.color,size:item.size??resolvedSize.value,"rounded-size":item.roundedSize??resolvedRoundedSize.value,disabled:item.disabled,class:[{"--is-active":isActiveTab(index),"--disabled":item.disabled},`m-tabs-bar__item maz:relative maz:z-1 maz:flex-none maz:font-medium`],style:getTabStyle(index,item.disabled),onClick:$event=>item.disabled?void 0:selectTab(index)}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`item`,{item,active:isActiveTab(index),index},()=>[createTextVNode(toDisplayString(item.label)+` `,1),item.badge?(openBlock(),createBlock(unref(MazBadge),mergeProps({key:0,ref_for:!0},item.badge,{size:item.badge.size??item.size??resolvedSize.value??`xs`,class:`m-tabs-bar__item__badge`}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`badge-content`,{content:item.badge.content},()=>[createTextVNode(toDisplayString(item.badge.content),1)],!0)]),_:2},1040,[`size`])):createCommentVNode(``,!0)],!0)]),_:2},1040,[`color`,`size`,`rounded-size`,`disabled`,`class`,`style`,`onClick`]))),128))],2))}}),[[`__scopeId`,`data-v-15a591bb`]]);export{MazTabsBar_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.
|
|
1
|
+
import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BMiGc4uw.js";export{MazBottomSheet_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazCard_default}from"../chunks/MazCard.
|
|
1
|
+
import{t as MazCard_default}from"../chunks/MazCard.DxGlpBqG.js";export{MazCard_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as MazBtn_default}from"../../chunks/MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{computed,createElementBlock,createTextVNode,createVNode,defineComponent,openBlock,toDisplayString,unref,withCtx}from"vue";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";import{capitalize}from"@maz-ui/utils/helpers/capitalize";var _hoisted_1={class:`m-date-picker-calendar-switcher maz:flex maz:space-x-2 maz:border-b maz:border-divider maz:px-2 maz:py-1`};var MazPickerCalendarSwitcher_default=defineComponent({__name:`MazPickerCalendarSwitcher`,props:{calendarDate:{type:String,default:void 0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`previous`,`next`,`open-month-switcher`,`open-year-switcher`,`update:calendar-date`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let calendarDate2=computed(()=>dayjs(props.calendarDate));let monthLabel=computed(()=>props.double?`${capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format())} - ${capitalize(formatDate(calendarDate2.value.add(1,`month`).format(),props.locale,{month:`short`})??calendarDate2.value.add(1,`month`).format())}`:capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format()));let yearLabel=computed(()=>formatDate(calendarDate2.value.format(),props.locale,{year:`numeric`}));function previousMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).subtract(1,`month`).format())}function nextMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).add(1,`month`).format())}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:previousMonth},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-lg`},null,8,[`icon`])]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date maz:flex-1 maz:truncate maz:text-center`,onClick:_cache[0]||=$event=>_ctx.$emit(`open-month-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(monthLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date maz:flex-1 maz:truncate maz:text-center`,onClick:_cache[1]||=$event=>_ctx.$emit(`open-year-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(yearLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:nextMonth},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-lg`},null,8,[`icon`])]),_:1})]))}});export{MazPickerCalendarSwitcher_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{f as isSameDate}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerMonthSwitcher.CiMwoYth.css';var _hoisted_1={class:`maz-picker-month-switcher maz:absolute maz:inset-0 maz:z-1 maz:flex maz:flex-col maz:bg-container`};var _hoisted_2={class:`maz-picker-month-switcher__header maz:flex maz:justify-end maz:border-b maz:border-divider maz:p-2`};var MazPickerMonthSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerMonthSwitcher`,props:{calendarDate:{type:String,required:!0},color:{type:String,required:!0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let months=computed(()=>Array.from({length:12},(_v,i)=>i).map(monthNumber=>{let monthDate=dayjs(props.calendarDate).set(`month`,monthNumber);return props.double?{label:`${capitalize(formatDate(monthDate.format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())} - ${capitalize(formatDate(monthDate.add(1,`month`).format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())}`,date:monthDate}:{label:capitalize(formatDate(monthDate.format(),props.locale,{month:`long`})??monthDate.format()),date:monthDate}}));function selectMonth(date){emits(`update:calendar-date`,date.format()),emits(`close`)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1})]),createElementVNode(`div`,{class:normalizeClass([`maz-picker-month-switcher__main maz:grid maz:flex-1 maz:flex-center maz:gap-1 maz:overflow-y-auto maz:p-2`,[__props.double?`--has-double`:``,__props.double?`maz:grid-cols-3`:`maz:grid-cols-2`]])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(months.value,month=>(openBlock(),createBlock(MazBtn_default,{key:month.label,size:props.double?`sm`:`xs`,class:normalizeClass({"--is-selected":unref(isSameDate)(month.date,__props.calendarDate,`month`)}),color:unref(isSameDate)(month.date,__props.calendarDate,`month`)?__props.color:`transparent`,type:`button`,onClick:withModifiers($event=>selectMonth(month.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(month.label),1)]),_:2},1032,[`size`,`class`,`color`,`onClick`]))),128))],2)]))}}),[[`__scopeId`,`data-v-89ce5d38`]]);export{MazPickerMonthSwitcher_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as MazBtn_default}from"../../chunks/MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{f as isSameDate}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";var _hoisted_1={class:`maz-picker-year-switcher maz:absolute maz:inset-0 maz:z-1 maz:flex maz:flex-col maz:bg-container`};var _hoisted_2={class:`maz-picker-year-switcher__header maz:flex maz:justify-between maz:space-x-2 maz:border-b maz:border-divider maz:p-2`};var _hoisted_3={class:`maz:flex maz:space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main maz:grid maz:flex-1 maz:grid-cols-3 maz:flex-center maz:gap-2 maz:overflow-y-auto maz:p-2`};var MazPickerYearSwitcher_default=defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-lg`},null,8,[`icon`])]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-lg`},null,8,[`icon`])]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}});export{MazPickerYearSwitcher_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazDropzone_default}from"../chunks/MazDropzone.
|
|
1
|
+
import{t as MazDropzone_default}from"../chunks/MazDropzone.Cz5cSHN8.js";export{MazDropzone_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazInputTags_default}from"../chunks/MazInputTags.
|
|
1
|
+
import{t as MazInputTags_default}from"../chunks/MazInputTags.CgEsmbnw.js";export{MazInputTags_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazLazyImg_default}from"../chunks/MazLazyImg.
|
|
1
|
+
import{t as MazLazyImg_default}from"../chunks/MazLazyImg.DN5hea6A.js";export{MazLazyImg_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPagination_default}from"../chunks/MazPagination.
|
|
1
|
+
import{t as MazPagination_default}from"../chunks/MazPagination.C9dBe4AB.js";export{MazPagination_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTabs_default}from"../chunks/MazTabs.
|
|
1
|
+
import{t as MazTabs_default}from"../chunks/MazTabs.KH7bWhto.js";export{MazTabs_default as default};
|
|
@@ -1,11 +1,30 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
|
+
import { MazColor, MazRoundedSize, MazSize } from './types';
|
|
2
3
|
export interface MazTabsProps {
|
|
3
4
|
/** The the selected tab number */
|
|
4
5
|
modelValue?: number;
|
|
6
|
+
/**
|
|
7
|
+
* Size of the tabs, forwarded to MazTabsBar (and each tab button)
|
|
8
|
+
* @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
|
|
9
|
+
*/
|
|
10
|
+
size?: MazSize;
|
|
11
|
+
/**
|
|
12
|
+
* Size of the rounded, forwarded to MazTabsBar
|
|
13
|
+
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
|
|
14
|
+
*/
|
|
15
|
+
roundedSize?: MazRoundedSize;
|
|
16
|
+
/**
|
|
17
|
+
* Color of the active tab indicator, forwarded to MazTabsBar
|
|
18
|
+
* @values `'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'destructive' | 'contrast'`
|
|
19
|
+
*/
|
|
20
|
+
color?: MazColor;
|
|
5
21
|
}
|
|
6
22
|
export interface MazTabsProvide {
|
|
7
23
|
currentTab: Ref<number>;
|
|
8
24
|
updateCurrentTab: (index: number) => number;
|
|
25
|
+
size: Ref<MazSize | undefined>;
|
|
26
|
+
roundedSize: Ref<MazRoundedSize | undefined>;
|
|
27
|
+
color: Ref<MazColor | undefined>;
|
|
9
28
|
}
|
|
10
29
|
declare var __VLS_1: {};
|
|
11
30
|
type __VLS_Slots = {} & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTabsBar_default}from"../chunks/MazTabsBar.
|
|
1
|
+
import{t as MazTabsBar_default}from"../chunks/MazTabsBar.D6WkASg4.js";export{MazTabsBar_default as default};
|
|
@@ -1,10 +1,42 @@
|
|
|
1
1
|
import { MazBadgeProps } from './MazBadge.vue';
|
|
2
|
-
|
|
2
|
+
import { MazBtnProps } from './MazBtn.vue';
|
|
3
|
+
import { MazColor, MazRoundedSize, MazSize } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* Props of MazBtn that an item is not allowed to forward, because they are
|
|
6
|
+
* either driven internally by the tabs bar or would break its layout.
|
|
7
|
+
*/
|
|
8
|
+
type ExcludedBtnProps = 'active' | 'block' | 'type' | 'loading' | 'fab';
|
|
9
|
+
export interface MazTabsBarProps<Item extends MazTabsBarItem = MazTabsBarItem> {
|
|
3
10
|
/**
|
|
4
11
|
* The items to display in the tabs bar
|
|
5
12
|
* @type MazTabsBarItem[]
|
|
6
13
|
*/
|
|
7
|
-
items:
|
|
14
|
+
items: readonly Item[];
|
|
15
|
+
/**
|
|
16
|
+
* Selected tab (standalone usage, without MazTabs).
|
|
17
|
+
* Holds the item `value` when provided, otherwise the 1-based index.
|
|
18
|
+
* Pass items `as const` (or with literal `value`) to infer a union type.
|
|
19
|
+
* @model
|
|
20
|
+
*/
|
|
21
|
+
modelValue?: MazTabsBarItemValue<Item>;
|
|
22
|
+
/**
|
|
23
|
+
* Size of the tabs (forwarded to each MazBtn)
|
|
24
|
+
* @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
|
|
25
|
+
* @default 'md'
|
|
26
|
+
*/
|
|
27
|
+
size?: MazSize;
|
|
28
|
+
/**
|
|
29
|
+
* Size of the rounded applied to the bar, the indicator and each tab
|
|
30
|
+
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
|
|
31
|
+
* @default 'md'
|
|
32
|
+
*/
|
|
33
|
+
roundedSize?: MazRoundedSize;
|
|
34
|
+
/**
|
|
35
|
+
* Color of the active tab indicator. When omitted, the default neutral
|
|
36
|
+
* indicator is used.
|
|
37
|
+
* @values `'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'destructive' | 'contrast'`
|
|
38
|
+
*/
|
|
39
|
+
color?: MazColor;
|
|
8
40
|
/**
|
|
9
41
|
* Will add a query param to the url to keep the selected tab on page refresh
|
|
10
42
|
* @default false
|
|
@@ -36,11 +68,16 @@ export interface MazTabsBarProps {
|
|
|
36
68
|
*/
|
|
37
69
|
bordered?: boolean;
|
|
38
70
|
}
|
|
39
|
-
export type
|
|
71
|
+
export type MazTabsBarObjectItem<Value extends string | number = string | number> = Omit<MazBtnProps, ExcludedBtnProps> & {
|
|
40
72
|
/**
|
|
41
73
|
* Label of the tab
|
|
42
74
|
*/
|
|
43
75
|
label: string;
|
|
76
|
+
/**
|
|
77
|
+
* Value emitted by the model when this tab is selected (standalone usage).
|
|
78
|
+
* When omitted, the model emits the 1-based index of the tab.
|
|
79
|
+
*/
|
|
80
|
+
value?: Value;
|
|
44
81
|
/**
|
|
45
82
|
* Will disable the tab
|
|
46
83
|
* @default false
|
|
@@ -56,34 +93,76 @@ export type MazTabsBarItem = {
|
|
|
56
93
|
*/
|
|
57
94
|
content: string | number | boolean;
|
|
58
95
|
};
|
|
59
|
-
} | string;
|
|
60
|
-
declare var __VLS_1: {
|
|
61
|
-
item: {
|
|
62
|
-
label: string;
|
|
63
|
-
disabled: boolean;
|
|
64
|
-
badge: (MazBadgeProps & {
|
|
65
|
-
/**
|
|
66
|
-
* Content of the badge
|
|
67
|
-
*/
|
|
68
|
-
content: string | number | boolean;
|
|
69
|
-
}) | undefined;
|
|
70
|
-
};
|
|
71
|
-
active: boolean;
|
|
72
|
-
index: number;
|
|
73
|
-
}, __VLS_9: {
|
|
74
|
-
content: string | number | boolean;
|
|
75
|
-
};
|
|
76
|
-
type __VLS_Slots = {} & {
|
|
77
|
-
item?: (props: typeof __VLS_1) => any;
|
|
78
|
-
} & {
|
|
79
|
-
'badge-content'?: (props: typeof __VLS_9) => any;
|
|
80
96
|
};
|
|
81
|
-
|
|
82
|
-
|
|
97
|
+
export type MazTabsBarItem<Value extends string | number = string | number> = MazTabsBarObjectItem<Value> | string;
|
|
98
|
+
/**
|
|
99
|
+
* Resolve the model value type from the items passed to the component.
|
|
100
|
+
* If items expose a `value`, the model emits that value, otherwise the
|
|
101
|
+
* 1-based index (number).
|
|
102
|
+
*/
|
|
103
|
+
export type MazTabsBarItemValue<Item> = Item extends {
|
|
104
|
+
value: infer V extends string | number;
|
|
105
|
+
} ? V : number;
|
|
83
106
|
declare const _default: typeof __VLS_export;
|
|
84
107
|
export default _default;
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
108
|
+
declare const __VLS_export: <Item extends MazTabsBarItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
109
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<MazTabsBarProps<Item> & {
|
|
110
|
+
"onUpdate:model-value"?: ((value: MazTabsBarItemValue<Item>) => any) | undefined;
|
|
111
|
+
}> & (typeof globalThis extends {
|
|
112
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
113
|
+
} ? P : {});
|
|
114
|
+
expose: (exposed: {}) => void;
|
|
115
|
+
attrs: any;
|
|
116
|
+
slots: {
|
|
117
|
+
item?: (props: {
|
|
118
|
+
item: {
|
|
119
|
+
label: Item & string;
|
|
120
|
+
value: string | number | undefined;
|
|
121
|
+
disabled: boolean;
|
|
122
|
+
size: MazSize | undefined;
|
|
123
|
+
roundedSize: MazRoundedSize | undefined;
|
|
124
|
+
color: NonNullable<MazBtnProps["color"]>;
|
|
125
|
+
badge: MazTabsBarObjectItem["badge"];
|
|
126
|
+
btnProps: Record<string, unknown>;
|
|
127
|
+
} | {
|
|
128
|
+
label: string;
|
|
129
|
+
value: string | number | undefined;
|
|
130
|
+
disabled: boolean;
|
|
131
|
+
size: MazSize | undefined;
|
|
132
|
+
roundedSize: MazRoundedSize | undefined;
|
|
133
|
+
color: NonNullable<MazBtnProps["color"]>;
|
|
134
|
+
badge: (MazBadgeProps & {
|
|
135
|
+
/**
|
|
136
|
+
* Content of the badge
|
|
137
|
+
*/
|
|
138
|
+
content: string | number | boolean;
|
|
139
|
+
}) | undefined;
|
|
140
|
+
btnProps: {
|
|
141
|
+
icon?: import('../composables').MazIconLike;
|
|
142
|
+
text?: string | undefined;
|
|
143
|
+
padding?: boolean | undefined;
|
|
144
|
+
justify?: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
|
|
145
|
+
outlined?: boolean | undefined;
|
|
146
|
+
pastel?: boolean | undefined;
|
|
147
|
+
textColor?: (MazColor | "muted") | undefined;
|
|
148
|
+
startIcon?: import('../composables').MazIconLike;
|
|
149
|
+
endIcon?: import('../composables').MazIconLike;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
active: boolean;
|
|
153
|
+
index: number;
|
|
154
|
+
}) => any;
|
|
155
|
+
} & {
|
|
156
|
+
'badge-content'?: (props: {
|
|
157
|
+
content: string | number | boolean;
|
|
158
|
+
}) => any;
|
|
88
159
|
};
|
|
160
|
+
emit: (evt: "update:model-value", value: MazTabsBarItemValue<Item>) => void;
|
|
161
|
+
}>) => import('vue').VNode & {
|
|
162
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
89
163
|
};
|
|
164
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
165
|
+
[K in keyof T]: T[K];
|
|
166
|
+
} : {
|
|
167
|
+
[K in keyof T as K]: T[K];
|
|
168
|
+
}) & {};
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPopover_default}from"../chunks/MazPopover.ClEt7yBl.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.CDE8xxey.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.YBDFRmEY.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.BulyDACn.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.B_3DWkmn.js";import{t as MazTicker_default}from"../chunks/MazTicker.PRBHC5D4.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.CMmd6V-1.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.CVEKkYv9.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.
|
|
1
|
+
import{t as MazPopover_default}from"../chunks/MazPopover.ClEt7yBl.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.CDE8xxey.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.YBDFRmEY.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.BulyDACn.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.B_3DWkmn.js";import{t as MazTicker_default}from"../chunks/MazTicker.PRBHC5D4.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.CMmd6V-1.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.CVEKkYv9.js";import{t as MazBtn_default}from"../chunks/MazBtn.C7LV-iX2.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.D6WkASg4.js";import{t as MazTabs_default}from"../chunks/MazTabs.KH7bWhto.js";import{t as MazIcon_default}from"../chunks/MazIcon.CblJ-8Iu.js";import{t as MazTable_default}from"../chunks/MazTable.DyMoS2Gm.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.9l_upktE.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.BXIXL0yV.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.DNP_LZnR.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.CuyojUBj.js";import{t as MazStepper_default}from"../chunks/MazStepper.DOvk4K1V.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.BvOWQwI6.js";import{t as MazSlider_default}from"../chunks/MazSlider.Ckx-cbq4.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.CDEdF3uV.js";import{t as MazSidebarTrigger_default}from"../chunks/MazSidebarTrigger.C_n--TNi.js";import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.xjXYCImo.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.1Jfu6Y7b.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.gRkTO9xQ.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.BnKtGZiV.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.DFRNsBdn.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.6hDBNobn.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.B5sFETII.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.33E6R84z.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.BdTmGLrP.js";import{t as MazInput_default}from"../chunks/MazInput.CfAgOEV4.js";import{t as MazSelect_default}from"../chunks/MazSelect.BNH6VSkd.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.0tY5nuJJ.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.BH9Yu_Qj.js";import{t as MazLink_default}from"../chunks/MazLink.CemC1AR_.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.CxrT7jez.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.D-LDS_9l.js";import{t as MazRadio_default}from"../chunks/MazRadio._e2IxB4p.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.B4Qk9C_7.js";import{t as MazPagination_default}from"../chunks/MazPagination.C9dBe4AB.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.D-KqWLC2.js";import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.D0xmUyXA.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.E4257kYk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.DN5hea6A.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.CgEsmbnw.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.BfHnR4OF.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.D2t1K_r7.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.DV2AhSCG.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.cxaSfwc-.js";import{t as MazGallery_default}from"../chunks/MazGallery.Dln1pMxz.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.DehRHfTr.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.D6ftohlp.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.Cz5cSHN8.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.DfqSzNiW.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.4ZjwgXfV.js";import{t as MazDialog_default}from"../chunks/MazDialog.DdbzVWys.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.FHmw1fnY.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.DXQVLXHT.js";import{t as MazContainer_default}from"../chunks/MazContainer.DUmIYBil.js";import{t as MazCodeHighlight_default}from"../chunks/MazCodeHighlight.DdOWcO1L.js";import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.ECvJYXG9.js";import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.-ciu7Z_G.js";import{t as MazCheckbox_default}from"../chunks/MazCheckbox.B-1h7RWD.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.Cn_k6AHg.js";import{t as MazChart_default}from"../chunks/MazChart.DkIIa41T.js";import{t as MazCarousel_default}from"../chunks/MazCarousel.B63aV7pT.js";import{t as MazCard_default}from"../chunks/MazCard.DxGlpBqG.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BMiGc4uw.js";import{t as MazBadge_default}from"../chunks/MazBadge.G9hi-6Ps.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.Dec3roPS.js";import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.B7cNm4ss.js";import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.C5yNRQYK.js";import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.BejzeMiX.js";import{t as MazAlert_default}from"../chunks/MazAlert.CI0NbMYT.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.CAUGG4-A.js";export{MazAccordion_default as MazAccordion,MazAlert_default as MazAlert,MazAnimatedCounter_default as MazAnimatedCounter,MazAnimatedElement_default as MazAnimatedElement,MazAnimatedText_default as MazAnimatedText,MazAvatar_default as MazAvatar,MazBackdrop_default as MazBackdrop,MazBadge_default as MazBadge,MazBottomSheet_default as MazBottomSheet,MazBtn_default as MazBtn,MazBtnGroup_default as MazBtnGroup,MazCard_default as MazCard,MazCardSpotlight_default as MazCardSpotlight,MazCarousel_default as MazCarousel,MazChart_default as MazChart,MazCheckbox_default as MazCheckbox,MazChecklist_default as MazChecklist,MazCircularProgressBar_default as MazCircularProgressBar,MazCodeHighlight_default as MazCodeHighlight,MazContainer_default as MazContainer,MazDatePicker_default as MazDatePicker,MazDialog_default as MazDialog,MazDialogConfirm_default as MazDialogConfirm,MazDrawer_default as MazDrawer,MazDropdown_default as MazDropdown,MazDropzone_default as MazDropzone,MazExpandAnimation_default as MazExpandAnimation,MazFullscreenLoader_default as MazFullscreenLoader,MazGallery_default as MazGallery,MazIcon_default as MazIcon,MazInput_default as MazInput,MazInputCode_default as MazInputCode,MazInputNumber_default as MazInputNumber,MazInputPhoneNumber_default as MazInputPhoneNumber,MazInputPrice_default as MazInputPrice,MazInputTags_default as MazInputTags,MazLazyImg_default as MazLazyImg,MazLink_default as MazLink,MazLoadingBar_default as MazLoadingBar,MazMarkdownEditor_default as MazMarkdownEditor,MazPagination_default as MazPagination,MazPopover_default as MazPopover,MazPullToRefresh_default as MazPullToRefresh,MazRadio_default as MazRadio,MazRadioButtons_default as MazRadioButtons,MazReadMore_default as MazReadMore,MazReadingProgressBar_default as MazReadingProgressBar,MazSelect_default as MazSelect,MazSelectCountry_default as MazSelectCountry,MazSidebar_default as MazSidebar,MazSidebarContent_default as MazSidebarContent,MazSidebarFooter_default as MazSidebarFooter,MazSidebarGroup_default as MazSidebarGroup,MazSidebarHeader_default as MazSidebarHeader,MazSidebarMenu_default as MazSidebarMenu,MazSidebarMenuButton_default as MazSidebarMenuButton,MazSidebarMenuItem_default as MazSidebarMenuItem,MazSidebarMenuSub_default as MazSidebarMenuSub,MazSidebarSeparator_default as MazSidebarSeparator,MazSidebarTrigger_default as MazSidebarTrigger,MazSkeleton_default as MazSkeleton,MazSlider_default as MazSlider,MazSpinner_default as MazSpinner,MazStepper_default as MazStepper,MazSwitch_default as MazSwitch,MazTable_default as MazTable,MazTableCell_default as MazTableCell,MazTableRow_default as MazTableRow,MazTableTitle_default as MazTableTitle,MazTabs_default as MazTabs,MazTabsBar_default as MazTabsBar,MazTabsContent_default as MazTabsContent,MazTabsContentItem_default as MazTabsContentItem,MazTextarea_default as MazTextarea,MazTicker_default as MazTicker,MazTimeline_default as MazTimeline,MazUiProvider_default as MazUiProvider,MazWindowMockup_default as MazWindowMockup,mazSidebarKey,useMazDialogConfirm};
|
|
@@ -20,6 +20,7 @@ import { MazSelectProps } from '../components/MazSelect.vue';
|
|
|
20
20
|
import { MazSelectCountryProps } from '../components/MazSelectCountry.vue';
|
|
21
21
|
import { MazSkeletonProps } from '../components/MazSkeleton.vue';
|
|
22
22
|
import { MazTableProps } from '../components/MazTable.vue';
|
|
23
|
+
import { MazTabsBarProps } from '../components/MazTabsBar.vue';
|
|
23
24
|
import { MazTextareaProps } from '../components/MazTextarea.vue';
|
|
24
25
|
import { MazTimelineProps } from '../components/MazTimeline.vue';
|
|
25
26
|
import { MazRoundedSize, MazSize } from '../components/types';
|
|
@@ -66,6 +67,7 @@ export interface MazUiDefaultsOptions {
|
|
|
66
67
|
MazSelectCountry?: Partial<MazSelectCountryProps>;
|
|
67
68
|
MazSkeleton?: Partial<MazSkeletonProps>;
|
|
68
69
|
MazTable?: Partial<MazTableProps<any>>;
|
|
70
|
+
MazTabsBar?: Partial<MazTabsBarProps<any>>;
|
|
69
71
|
MazTextarea?: Partial<MazTextareaProps<string>>;
|
|
70
72
|
MazTimeline?: Partial<MazTimelineProps>;
|
|
71
73
|
}
|
package/dist/css/main.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--maz-color-gray-300:oklch(87.2% .01 258.338);--maz-color-gray-400:oklch(70.7% .022 261.325);--maz-color-gray-500:oklch(55.1% .027 264.364);--maz-color-gray-700:oklch(37.3% .034 259.733);--maz-color-white:#fff;--maz-spacing:var(--maz-space);--maz-container-xs:20rem;--maz-text-xs:.75rem;--maz-text-xs--line-height:calc(1 / .75);--maz-text-sm:.875rem;--maz-text-sm--line-height:calc(1.25 / .875);--maz-text-base:1rem;--maz-text-base--line-height:calc(1.5 / 1);--maz-text-lg:1.125rem;--maz-text-lg--line-height:calc(1.75 / 1.125);--maz-text-xl:1.25rem;--maz-text-xl--line-height:calc(1.75 / 1.25);--maz-text-2xl:1.5rem;--maz-text-2xl--line-height:calc(2 / 1.5);--maz-text-3xl:1.875rem;--maz-text-3xl--line-height:calc(2.25 / 1.875);--maz-text-4xl:2.25rem;--maz-text-4xl--line-height:calc(2.5 / 2.25);--maz-text-5xl:3rem;--maz-text-5xl--line-height:1;--maz-font-weight-normal:400;--maz-font-weight-medium:500;--maz-font-weight-semibold:600;--maz-font-weight-bold:700;--maz-tracking-wider:.05em;--maz-leading-tight:1.25;--maz-leading-snug:1.375;--maz-leading-relaxed:1.625;--maz-drop-shadow-md:0 3px 3px #0000001f;--maz-animate-spin:spin 1s linear infinite;--maz-blur-xs:4px;--maz-blur-sm:8px;--maz-blur-xl:24px;--maz-blur-2xl:40px;--maz-color-primary:var(--maz-primary);--maz-color-primary-foreground:var(--maz-primary-foreground);--maz-color-primary-400:oklch(from var(--maz-primary) clamp(0, calc(l + .06), 1) c h);--maz-color-primary-500:var(--maz-primary);--maz-color-primary-600:oklch(from var(--maz-primary) clamp(0, calc(l - .05), 1) c h);--maz-color-primary-700:oklch(from var(--maz-primary) clamp(0, calc(l - .1), 1) c h);--maz-color-secondary:var(--maz-secondary);--maz-color-secondary-600:oklch(from var(--maz-secondary) clamp(0, calc(l - .05), 1) c h);--maz-color-secondary-700:oklch(from var(--maz-secondary) clamp(0, calc(l - .1), 1) c h);--maz-color-accent:var(--maz-accent);--maz-color-accent-foreground:var(--maz-accent-foreground);--maz-color-accent-400:oklch(from var(--maz-accent) clamp(0, calc(l + .06), 1) c h);--maz-color-accent-600:oklch(from var(--maz-accent) clamp(0, calc(l - .05), 1) c h);--maz-color-accent-700:oklch(from var(--maz-accent) clamp(0, calc(l - .1), 1) c h);--maz-color-destructive:var(--maz-destructive);--maz-color-destructive-foreground:var(--maz-destructive-foreground);--maz-color-destructive-50:oklch(from var(--maz-destructive) clamp(0, calc(l + .4), 1) calc(c * .1) h);--maz-color-destructive-400:oklch(from var(--maz-destructive) clamp(0, calc(l + .06), 1) c h);--maz-color-destructive-600:oklch(from var(--maz-destructive) clamp(0, calc(l - .05), 1) c h);--maz-color-destructive-700:oklch(from var(--maz-destructive) clamp(0, calc(l - .1), 1) c h);--maz-color-destructive-800:oklch(from var(--maz-destructive) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-success:var(--maz-success);--maz-color-success-foreground:var(--maz-success-foreground);--maz-color-success-400:oklch(from var(--maz-success) clamp(0, calc(l + .06), 1) c h);--maz-color-success-600:oklch(from var(--maz-success) clamp(0, calc(l - .05), 1) c h);--maz-color-success-700:oklch(from var(--maz-success) clamp(0, calc(l - .1), 1) c h);--maz-color-success-800:oklch(from var(--maz-success) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-warning:var(--maz-warning);--maz-color-warning-foreground:var(--maz-warning-foreground);--maz-color-warning-400:oklch(from var(--maz-warning) clamp(0, calc(l + .06), 1) c h);--maz-color-warning-600:oklch(from var(--maz-warning) clamp(0, calc(l - .05), 1) c h);--maz-color-warning-700:oklch(from var(--maz-warning) clamp(0, calc(l - .1), 1) c h);--maz-color-warning-800:oklch(from var(--maz-warning) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-info:var(--maz-info);--maz-color-info-foreground:var(--maz-info-foreground);--maz-color-info-400:oklch(from var(--maz-info) clamp(0, calc(l + .06), 1) c h);--maz-color-info-600:oklch(from var(--maz-info) clamp(0, calc(l - .05), 1) c h);--maz-color-info-700:oklch(from var(--maz-info) clamp(0, calc(l - .1), 1) c h);--maz-color-info-800:oklch(from var(--maz-info) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-contrast:var(--maz-contrast);--maz-color-contrast-foreground:var(--maz-contrast-foreground);--maz-color-contrast-500:var(--maz-contrast);--maz-color-contrast-600:oklch(from var(--maz-contrast) clamp(0, calc(l - .05), 1) c h);--maz-color-surface:var(--maz-surface);--maz-color-surface-200:oklch(from var(--maz-surface) clamp(0, calc(l + .22), 1) calc(c * .7) h);--maz-color-surface-300:oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h);--maz-color-surface-400:oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h);--maz-color-surface-600:oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h);--maz-color-surface-700:oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h);--maz-color-surface-800:oklch(from var(--maz-surface) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-foreground:var(--maz-foreground);--maz-color-foreground-100:oklch(from var(--maz-foreground) clamp(0, calc(l + .32), 1) calc(c * .35) h);--maz-color-foreground-900:oklch(from var(--maz-foreground) clamp(0, calc(l - .22), 1) calc(c * .7) h);--maz-color-divider:var(--maz-divider);--maz-color-divider-400:oklch(from var(--maz-divider) clamp(0, calc(l + .06), 1) c h);--maz-color-overlay:var(--maz-overlay);--maz-color-muted:var(--maz-muted);--maz-color-muted-700:oklch(from var(--maz-muted) clamp(0, calc(l - .1), 1) c h);--maz-z-2:2}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value) * 2);--maz-container-padding:calc(50% - var(--maz-container-width) / 2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}}@layer base{.m-reset-css,.m-reset-css *,.m-reset-css:before,.m-reset-css:after,.m-reset-css::backdrop{border-style:solid;border-width:0;border-color:var(--maz-divider,currentcolor);box-sizing:border-box}.m-reset-css::file-selector-button{border-style:solid;border-width:0;border-color:var(--maz-divider,currentcolor);box-sizing:border-box}.m-reset-css:is(button),.m-reset-css button{background-color:inherit;padding:inherit}.m-reset-css button,.m-reset-css:is(button),.m-reset-css input,.m-reset-css:is(input),.m-reset-css optgroup,.m-reset-css:is(optgroup),.m-reset-css select,.m-reset-css:is(select),.m-reset-css textarea,.m-reset-css:is(textarea){font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;z-index:1;transition:all .2s cubic-bezier(.4,.52,.26,.9)}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;z-index:1;transform:scale(0)}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;z-index:1;transition:all .2s cubic-bezier(.4,.52,.26,.9)}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;z-index:1;transform:scale(.5)}.maz-scale-loading-enter-active,.maz-scale-loading-leave-active{opacity:1;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{opacity:1;z-index:1;transition:all .5s cubic-bezier(.4,.52,.26,.9);transform:scale(1)}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;z-index:1;transform:scale(0)}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-leave-active,.maz-slidevnext-enter-active,.maz-slidevprev-leave-active,.maz-slidevprev-enter-active{transition:all .2s;position:absolute}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;z-index:998;transition:all .2s ease-in-out;transform:translateY(0)}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;z-index:998;transform:translateY(-20px)}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;z-index:998;transition:all .2s ease-in-out;transform:translateY(0)}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;z-index:998;transform:translateY(40px)}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;transition:all .2s ease-in-out;transform:translate(0)}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;transition:all .2s ease-in-out;transform:translate(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;transition:transform .2s,opacity .2s;transform:translate(0)}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;transform:translate(100%)}.maz-expand-enter-active,.maz-expand-leave-active{transition:opacity .2s ease-in-out,block-size .2s ease-in-out;overflow:hidden}.maz-expand-enter-from,.maz-expand-leave-to{opacity:0;block-size:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}}@layer components;@layer utilities{.maz\:pointer-events-auto{pointer-events:auto}.maz\:pointer-events-none{pointer-events:none}.maz\:invisible{visibility:hidden}.maz\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.maz\:absolute{position:absolute}.maz\:absolute\!{position:absolute!important}.maz\:fixed{position:fixed}.maz\:relative{position:relative}.maz\:inset-0{inset:calc(var(--maz-space) * 0)}.maz\:inset-x-0{inset-inline:calc(var(--maz-space) * 0)}.maz\:inset-y-0{inset-block:calc(var(--maz-space) * 0)}.maz\:inset-s-2\!{inset-inline-start:calc(var(--maz-space) * 2)!important}.maz\:inset-s-4{inset-inline-start:calc(var(--maz-space) * 4)}.maz\:-inset-e-2{inset-inline-end:calc(var(--maz-space) * -2)}.maz\:inset-e-0{inset-inline-end:calc(var(--maz-space) * 0)}.maz\:inset-e-2{inset-inline-end:calc(var(--maz-space) * 2)}.maz\:-top-2{top:calc(var(--maz-space) * -2)}.maz\:top-0{top:calc(var(--maz-space) * 0)}.maz\:top-0\.5{top:calc(var(--maz-space) * .5)}.maz\:top-1{top:calc(var(--maz-space) * 1)}.maz\:top-1\/2{top:50%}.maz\:top-2{top:calc(var(--maz-space) * 2)}.maz\:top-3{top:calc(var(--maz-space) * 3)}.maz\:right-0{right:calc(var(--maz-space) * 0)}.maz\:right-2{right:calc(var(--maz-space) * 2)}.maz\:bottom-0{bottom:calc(var(--maz-space) * 0)}.maz\:bottom-2{bottom:calc(var(--maz-space) * 2)}.maz\:-left-2{left:calc(var(--maz-space) * -2)}.maz\:left-0{left:calc(var(--maz-space) * 0)}.maz\:left-0\.5{left:calc(var(--maz-space) * .5)}.maz\:left-4{left:calc(var(--maz-space) * 4)}.maz\:z-0{z-index:0}.maz\:z-1{z-index:1}.maz\:z-2{z-index:2}.maz\:z-10{z-index:10}.maz\:z-15{z-index:15}.maz\:z-default-backdrop{z-index:1050}.maz\:m-0{margin:calc(var(--maz-space) * 0)}.maz\:m-0\!{margin:calc(var(--maz-space) * 0)!important}.maz\:mx-auto{margin-inline:auto}.maz\:my-0{margin-block:calc(var(--maz-space) * 0)}.maz\:my-0\!{margin-block:calc(var(--maz-space) * 0)!important}.maz\:my-2{margin-block:calc(var(--maz-space) * 2)}.maz\:-ms-\(--maz-border-width\){margin-inline-start:calc(var(--maz-border-width) * -1)}.maz\:ms-0{margin-inline-start:calc(var(--maz-space) * 0)}.maz\:ms-2{margin-inline-start:calc(var(--maz-space) * 2)}.maz\:ms-\[1\.95rem\]{margin-inline-start:1.95rem}.maz\:-mt-\(--maz-border-width\){margin-top:calc(var(--maz-border-width) * -1)}.maz\:-mt-1{margin-top:calc(var(--maz-space) * -1)}.maz\:mt-1{margin-top:calc(var(--maz-space) * 1)}.maz\:mt-4{margin-top:calc(var(--maz-space) * 4)}.maz\:-mb-3{margin-bottom:calc(var(--maz-space) * -3)}.maz\:mb-2{margin-bottom:calc(var(--maz-space) * 2)}.maz\:ml-auto{margin-left:auto}.maz\:block{display:block}.maz\:flex{display:flex}.maz\:grid{display:grid}.maz\:hidden{display:none}.maz\:inline-block{display:inline-block}.maz\:inline-flex{display:inline-flex}.maz\:table{display:table}.maz\:size-3{width:calc(var(--maz-space) * 3);height:calc(var(--maz-space) * 3)}.maz\:size-5{width:calc(var(--maz-space) * 5);height:calc(var(--maz-space) * 5)}.maz\:size-6{width:calc(var(--maz-space) * 6);height:calc(var(--maz-space) * 6)}.maz\:size-8{width:calc(var(--maz-space) * 8);height:calc(var(--maz-space) * 8)}.maz\:size-40{width:calc(var(--maz-space) * 40);height:calc(var(--maz-space) * 40)}.maz\:size-\[0\.85em\]{width:.85em;height:.85em}.maz\:size-\[1em\]{width:1em;height:1em}.maz\:size-\[3em\]{width:3em;height:3em}.maz\:size-\[4em\]{width:4em;height:4em}.maz\:size-full{width:100%;height:100%}.maz\:h-\(--maz-border-width\){height:var(--maz-border-width)}.maz\:h-1\/2{height:50%}.maz\:h-4{height:calc(var(--maz-space) * 4)}.maz\:h-5{height:calc(var(--maz-space) * 5)}.maz\:h-6{height:calc(var(--maz-space) * 6)}.maz\:h-9{height:calc(var(--maz-space) * 9)}.maz\:h-16{height:calc(var(--maz-space) * 16)}.maz\:h-20{height:calc(var(--maz-space) * 20)}.maz\:h-\[50\%\]{height:50%}.maz\:h-auto{height:auto}.maz\:h-auto\!{height:auto!important}.maz\:h-fit{height:fit-content}.maz\:h-full{height:100%}.maz\:h-full\!{height:100%!important}.maz\:h-screen{height:100vh}.maz\:max-h-\[95vh\]{max-height:95vh}.maz\:max-h-full{max-height:100%}.maz\:max-h-full\!{max-height:100%!important}.maz\:min-h-0{min-height:calc(var(--maz-space) * 0)}.maz\:min-h-6{min-height:calc(var(--maz-space) * 6)}.maz\:min-h-8{min-height:calc(var(--maz-space) * 8)}.maz\:min-h-10{min-height:calc(var(--maz-space) * 10)}.maz\:min-h-12{min-height:calc(var(--maz-space) * 12)}.maz\:min-h-14{min-height:calc(var(--maz-space) * 14)}.maz\:min-h-16{min-height:calc(var(--maz-space) * 16)}.maz\:min-h-25{min-height:calc(var(--maz-space) * 25)}.maz\:min-h-full{min-height:100%}.maz\:min-h-max{min-height:max-content}.maz\:min-h-screen{min-height:100vh}.maz\:w-\(--maz-border-width\){width:var(--maz-border-width)}.maz\:w-\(--maz-sidebar-icon-width\){width:var(--maz-sidebar-icon-width)}.maz\:w-\(--maz-sidebar-width\){width:var(--maz-sidebar-width)}.maz\:w-0{width:calc(var(--maz-space) * 0)}.maz\:w-5{width:calc(var(--maz-space) * 5)}.maz\:w-6{width:calc(var(--maz-space) * 6)}.maz\:w-8{width:calc(var(--maz-space) * 8)}.maz\:w-10{width:calc(var(--maz-space) * 10)}.maz\:w-12{width:calc(var(--maz-space) * 12)}.maz\:w-14{width:calc(var(--maz-space) * 14)}.maz\:w-16{width:calc(var(--maz-space) * 16)}.maz\:w-\[7\%\]{width:7%}.maz\:w-\[50\%\]{width:50%}.maz\:w-full{width:100%}.maz\:w-full\!{width:100%!important}.maz\:w-max{width:max-content}.maz\:w-min{width:min-content}.maz\:w-min\!{width:min-content!important}.maz\:w-screen{width:100vw}.maz\:max-w-\[60\%\]{max-width:60%}.maz\:max-w-full{max-width:100%}.maz\:max-w-min{max-width:min-content}.maz\:max-w-xs{max-width:var(--maz-container-xs)}.maz\:min-w-0{min-width:calc(var(--maz-space) * 0)}.maz\:min-w-8{min-width:calc(var(--maz-space) * 8)}.maz\:min-w-52{min-width:calc(var(--maz-space) * 52)}.maz\:min-w-\[5em\]{min-width:5em}.maz\:min-w-full{min-width:100%}.maz\:min-w-max{min-width:max-content}.maz\:flex-1{flex:1}.maz\:flex-none{flex:none}.maz\:flex-none\!{flex:none!important}.maz\:shrink-0{flex-shrink:0}.maz\:border-collapse{border-collapse:collapse}.maz\:origin-center{transform-origin:50%}.maz\:origin-top{transform-origin:top}.maz\:origin-top-left{transform-origin:0 0}.maz\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.maz\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.maz\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.maz\:-rotate-90{rotate:-90deg}.maz\:-rotate-180{rotate:-180deg}.maz\:rotate-0{rotate:0deg}.maz\:rotate-90{rotate:90deg}.maz\:rotate-180{rotate:180deg}.maz\:transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.maz\:animate-spin{animation:var(--maz-animate-spin)}.maz\:disabled-state{cursor:var(--maz-disabled-cursor);opacity:var(--maz-disabled-opacity)}.maz\:cursor-auto{cursor:auto}.maz\:cursor-default{cursor:default}.maz\:cursor-pointer{cursor:pointer}.maz\:cursor-zoom-in{cursor:zoom-in}.maz\:disabled-cursor{cursor:var(--maz-disabled-cursor)}.maz\:touch-none{touch-action:none}.maz\:resize-y{resize:vertical}.maz\:scrollbar-thin{scrollbar-width:thin}.maz\:scrollbar-thumb-surface-600{--tw-scrollbar-thumb:var(--maz-color-surface-600);scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.maz\:scrollbar-track-transparent{--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.maz\:list-none{list-style-type:none}.maz\:list-none\!{list-style-type:none!important}.maz\:appearance-none{appearance:none}.maz\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.maz\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.maz\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.maz\:flex-col{flex-direction:column}.maz\:flex-col-reverse{flex-direction:column-reverse}.maz\:flex-row{flex-direction:row}.maz\:flex-row-reverse{flex-direction:row-reverse}.maz\:flex-wrap{flex-wrap:wrap}.maz\:flex-center{justify-content:center;align-items:center}.maz\:items-baseline{align-items:baseline}.maz\:items-center{align-items:center}.maz\:items-end{align-items:flex-end}.maz\:items-start{align-items:flex-start}.maz\:items-stretch{align-items:stretch}.maz\:justify-around{justify-content:space-around}.maz\:justify-between{justify-content:space-between}.maz\:justify-center{justify-content:center}.maz\:justify-end{justify-content:flex-end}.maz\:justify-start{justify-content:flex-start}.maz\:gap-0{gap:calc(var(--maz-space) * 0)}.maz\:gap-0\.5{gap:calc(var(--maz-space) * .5)}.maz\:gap-1{gap:calc(var(--maz-space) * 1)}.maz\:gap-1\.5{gap:calc(var(--maz-space) * 1.5)}.maz\:gap-2{gap:calc(var(--maz-space) * 2)}.maz\:gap-3{gap:calc(var(--maz-space) * 3)}.maz\:gap-4{gap:calc(var(--maz-space) * 4)}.maz\:gap-\[0\.5em\]{gap:.5em}.maz\:gap-\[1em\]{gap:1em}:where(.maz\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--maz-space) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--maz-space) * 1) * calc(1 - var(--tw-space-y-reverse)))}.maz\:gap-x-1{column-gap:calc(var(--maz-space) * 1)}:where(.maz\:-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px * var(--tw-space-x-reverse));margin-inline-end:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 5) * calc(1 - var(--tw-space-x-reverse)))}.maz\:gap-y-1{row-gap:calc(var(--maz-space) * 1)}:where(.maz\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(var(--maz-border-width) * var(--tw-divide-y-reverse));border-bottom-width:calc(var(--maz-border-width) * calc(1 - var(--tw-divide-y-reverse)))}.maz\:self-center{align-self:center}.maz\:self-end{align-self:flex-end}.maz\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz\:overflow-auto{overflow:auto}.maz\:overflow-hidden{overflow:hidden}.maz\:overflow-x-auto{overflow-x:auto}.maz\:overflow-x-hidden{overflow-x:hidden}.maz\:overflow-y-auto{overflow-y:auto}.maz\:overflow-y-hidden{overflow-y:hidden}.maz\:scroll-smooth{scroll-behavior:smooth}.maz\:rounded-2xl{border-radius:var(--maz-rounded-2xl)}.maz\:rounded-3xl{border-radius:var(--maz-rounded-3xl)}.maz\:rounded-full{border-radius:3.40282e38px}.maz\:rounded-lg{border-radius:var(--maz-rounded-lg)}.maz\:rounded-md{border-radius:var(--maz-rounded-md)}.maz\:rounded-none{border-radius:0}.maz\:rounded-none\!{border-radius:0!important}.maz\:rounded-sm{border-radius:var(--maz-rounded-sm)}.maz\:rounded-xl{border-radius:var(--maz-rounded-xl)}.maz\:rounded-xs{border-radius:var(--maz-rounded-xs)}.maz\:rounded-t-lg{border-top-left-radius:var(--maz-rounded-lg);border-top-right-radius:var(--maz-rounded-lg)}.maz\:rounded-t-md{border-top-left-radius:var(--maz-rounded-md);border-top-right-radius:var(--maz-rounded-md)}.maz\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.maz\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.maz\:rounded-br-none{border-bottom-right-radius:0}.maz\:rounded-bl-none{border-bottom-left-radius:0}.maz\:border{border-style:var(--tw-border-style);border-width:var(--maz-border-width)}.maz\:border\!{border-style:var(--tw-border-style)!important;border-width:var(--maz-border-width)!important}.maz\:border-0{border-style:var(--tw-border-style);border-width:0}.maz\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:var(--maz-border-width)}.maz\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--maz-border-width)}.maz\:border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.maz\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:var(--maz-border-width)}.maz\:border-t{border-top-style:var(--tw-border-style);border-top-width:var(--maz-border-width)}.maz\:border-r{border-right-style:var(--tw-border-style);border-right-width:var(--maz-border-width)}.maz\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--maz-border-width)}.maz\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.maz\:border-dashed{--tw-border-style:dashed;border-style:dashed}.maz\:border-none{--tw-border-style:none;border-style:none}.maz\:border-solid{--tw-border-style:solid;border-style:solid}.maz\:border-\(--m-alert-border\){border-color:var(--m-alert-border)}.maz\:border-\(--m-btn-bd-light\){border-color:var(--m-btn-bd-light)}.maz\:border-accent-600{border-color:var(--maz-color-accent-600)}.maz\:border-contrast-600,.maz\:border-contrast-600\/20{border-color:var(--maz-color-contrast-600)}@supports (color:color-mix(in lab, red, red)){.maz\:border-contrast-600\/20{border-color:color-mix(in oklab, var(--maz-color-contrast-600) 20%, transparent)}}.maz\:border-destructive{border-color:var(--maz-color-destructive)}.maz\:border-destructive\!{border-color:var(--maz-color-destructive)!important}.maz\:border-destructive-600{border-color:var(--maz-color-destructive-600)}.maz\:border-divider{border-color:var(--maz-color-divider)}.maz\:border-info{border-color:var(--maz-color-info)}.maz\:border-info-400{border-color:var(--maz-color-info-400)}.maz\:border-info-600{border-color:var(--maz-color-info-600)}.maz\:border-primary{border-color:var(--maz-color-primary)}.maz\:border-primary-600{border-color:var(--maz-color-primary-600)}.maz\:border-secondary{border-color:var(--maz-color-secondary)}.maz\:border-secondary-600{border-color:var(--maz-color-secondary-600)}.maz\:border-success{border-color:var(--maz-color-success)}.maz\:border-success\!{border-color:var(--maz-color-success)!important}.maz\:border-success-600{border-color:var(--maz-color-success-600)}.maz\:border-surface-600{border-color:var(--maz-color-surface-600)}.maz\:border-transparent{border-color:#0000}.maz\:border-warning{border-color:var(--maz-color-warning)}.maz\:border-warning\!{border-color:var(--maz-color-warning)!important}.maz\:border-warning-600{border-color:var(--maz-color-warning-600)}.maz\:bg-\(--gallery-background-color\){background-color:var(--gallery-background-color)}.maz\:bg-\(--m-alert-bg\){background-color:var(--m-alert-bg)}.maz\:bg-\(--m-timeline-bg\){background-color:var(--m-timeline-bg)}.maz\:bg-\(--m-timeline-state-bg\){background-color:var(--m-timeline-state-bg)}.maz\:bg-\(--maz-muted\)\/30{background-color:var(--maz-muted)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-\(--maz-muted\)\/30{background-color:color-mix(in oklab, var(--maz-muted) 30%, transparent)}}.maz\:bg-\[\#28C840\]{background-color:#28c840}.maz\:bg-\[\#FF5F57\]{background-color:#ff5f57}.maz\:bg-\[\#febc2e\]{background-color:#febc2e}.maz\:bg-accent{background-color:var(--maz-color-accent)}.maz\:bg-container{background-color:var(--maz-container-bg,var(--maz-surface))}.maz\:bg-contrast{background-color:var(--maz-color-contrast)}.maz\:bg-contrast-foreground{background-color:var(--maz-color-contrast-foreground)}.maz\:bg-destructive{background-color:var(--maz-color-destructive)}.maz\:bg-destructive-50{background-color:var(--maz-color-destructive-50)}.maz\:bg-destructive-800{background-color:var(--maz-color-destructive-800)}.maz\:bg-info{background-color:var(--maz-color-info)}.maz\:bg-info-800{background-color:var(--maz-color-info-800)}.maz\:bg-input{background-color:var(--maz-input-bg,var(--maz-surface))}.maz\:bg-overlay\/5{background-color:var(--maz-color-overlay)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-overlay\/5{background-color:color-mix(in oklab, var(--maz-color-overlay) 5%, transparent)}}.maz\:bg-overlay\/25{background-color:var(--maz-color-overlay)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-overlay\/25{background-color:color-mix(in oklab, var(--maz-color-overlay) 25%, transparent)}}.maz\:bg-overlay\/30{background-color:var(--maz-color-overlay)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-overlay\/30{background-color:color-mix(in oklab, var(--maz-color-overlay) 30%, transparent)}}.maz\:bg-primary{background-color:var(--maz-color-primary)}.maz\:bg-primary-400\/20{background-color:var(--maz-color-primary-400)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-primary-400\/20{background-color:color-mix(in oklab, var(--maz-color-primary-400) 20%, transparent)}}.maz\:bg-primary-500{background-color:var(--maz-color-primary-500)}.maz\:bg-primary\/10{background-color:var(--maz-color-primary)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-primary\/10{background-color:color-mix(in oklab, var(--maz-color-primary) 10%, transparent)}}.maz\:bg-secondary{background-color:var(--maz-color-secondary)}.maz\:bg-success{background-color:var(--maz-color-success)}.maz\:bg-success-800{background-color:var(--maz-color-success-800)}.maz\:bg-surface{background-color:var(--maz-color-surface)}.maz\:bg-surface-300{background-color:var(--maz-color-surface-300)}.maz\:bg-surface-600{background-color:var(--maz-color-surface-600)}.maz\:bg-surface-600\!{background-color:var(--maz-color-surface-600)!important}.maz\:bg-surface-600\/50{background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-surface-600\/50{background-color:color-mix(in oklab, var(--maz-color-surface-600) 50%, transparent)}}.maz\:bg-surface-700{background-color:var(--maz-color-surface-700)}.maz\:bg-surface\/40{background-color:var(--maz-color-surface)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-surface\/40{background-color:color-mix(in oklab, var(--maz-color-surface) 40%, transparent)}}.maz\:bg-transparent{background-color:#0000}.maz\:bg-transparent\!{background-color:#0000!important}.maz\:bg-warning{background-color:var(--maz-color-warning)}.maz\:bg-warning-800{background-color:var(--maz-color-warning-800)}.maz\:bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.maz\:bg-linear-to-r{--tw-gradient-position:to right in oklab}}.maz\:bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.maz\:from-surface-800\/40{--tw-gradient-from:var(--maz-color-surface-800)}@supports (color:color-mix(in lab, red, red)){.maz\:from-surface-800\/40{--tw-gradient-from:color-mix(in oklab, var(--maz-color-surface-800) 40%, transparent)}}.maz\:from-surface-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:via-surface-700\/30{--tw-gradient-via:var(--maz-color-surface-700)}@supports (color:color-mix(in lab, red, red)){.maz\:via-surface-700\/30{--tw-gradient-via:color-mix(in oklab, var(--maz-color-surface-700) 30%, transparent)}}.maz\:via-surface-700\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.maz\:to-surface-800\/40{--tw-gradient-to:var(--maz-color-surface-800)}@supports (color:color-mix(in lab, red, red)){.maz\:to-surface-800\/40{--tw-gradient-to:color-mix(in oklab, var(--maz-color-surface-800) 40%, transparent)}}.maz\:to-surface-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:bg-clip-padding{background-clip:padding-box}.maz\:fill-current{fill:currentColor}.maz\:object-center{object-position:center}.maz\:p-0{padding:calc(var(--maz-space) * 0)}.maz\:p-0\!{padding:calc(var(--maz-space) * 0)!important}.maz\:p-0\.5{padding:calc(var(--maz-space) * .5)}.maz\:p-1{padding:calc(var(--maz-space) * 1)}.maz\:p-2{padding:calc(var(--maz-space) * 2)}.maz\:p-3{padding:calc(var(--maz-space) * 3)}.maz\:p-4{padding:calc(var(--maz-space) * 4)}.maz\:p-6{padding:calc(var(--maz-space) * 6)}.maz\:px-0\.5{padding-inline:calc(var(--maz-space) * .5)}.maz\:px-1{padding-inline:calc(var(--maz-space) * 1)}.maz\:px-2{padding-inline:calc(var(--maz-space) * 2)}.maz\:px-3{padding-inline:calc(var(--maz-space) * 3)}.maz\:px-4{padding-inline:calc(var(--maz-space) * 4)}.maz\:px-5{padding-inline:calc(var(--maz-space) * 5)}.maz\:px-6{padding-inline:calc(var(--maz-space) * 6)}.maz\:px-8{padding-inline:calc(var(--maz-space) * 8)}.maz\:px-12{padding-inline:calc(var(--maz-space) * 12)}.maz\:px-\[0\.5em\]{padding-inline:.5em}.maz\:px-\[min\(calc\(\(var\(--maz-sidebar-icon-width\,3rem\)-1\.25rem\)\/2\)\,calc\(\(100\%-1\.25rem\)\/2\)\)\]{padding-inline:min(calc((var(--maz-sidebar-icon-width,3rem) - 1.25rem) / 2), calc((100% - 1.25rem) / 2))}.maz\:py-0{padding-block:calc(var(--maz-space) * 0)}.maz\:py-0\.5{padding-block:calc(var(--maz-space) * .5)}.maz\:py-1{padding-block:calc(var(--maz-space) * 1)}.maz\:py-1\.5{padding-block:calc(var(--maz-space) * 1.5)}.maz\:py-2{padding-block:calc(var(--maz-space) * 2)}.maz\:py-2\.5{padding-block:calc(var(--maz-space) * 2.5)}.maz\:py-3{padding-block:calc(var(--maz-space) * 3)}.maz\:py-4{padding-block:calc(var(--maz-space) * 4)}.maz\:py-5{padding-block:calc(var(--maz-space) * 5)}.maz\:py-6{padding-block:calc(var(--maz-space) * 6)}.maz\:py-8{padding-block:calc(var(--maz-space) * 8)}.maz\:py-\[0\.25em\]{padding-block:.25em}.maz\:ps-0{padding-inline-start:calc(var(--maz-space) * 0)}.maz\:ps-2{padding-inline-start:calc(var(--maz-space) * 2)}.maz\:ps-2\!{padding-inline-start:calc(var(--maz-space) * 2)!important}.maz\:ps-3{padding-inline-start:calc(var(--maz-space) * 3)}.maz\:ps-4{padding-inline-start:calc(var(--maz-space) * 4)}.maz\:ps-6{padding-inline-start:calc(var(--maz-space) * 6)}.maz\:ps-8{padding-inline-start:calc(var(--maz-space) * 8)}.maz\:pe-1{padding-inline-end:calc(var(--maz-space) * 1)}.maz\:pe-2{padding-inline-end:calc(var(--maz-space) * 2)}.maz\:pe-2\!{padding-inline-end:calc(var(--maz-space) * 2)!important}.maz\:pe-3\!{padding-inline-end:calc(var(--maz-space) * 3)!important}.maz\:pe-4{padding-inline-end:calc(var(--maz-space) * 4)}.maz\:pe-6{padding-inline-end:calc(var(--maz-space) * 6)}.maz\:pt-2{padding-top:calc(var(--maz-space) * 2)}.maz\:pr-2{padding-right:calc(var(--maz-space) * 2)}.maz\:pb-2{padding-bottom:calc(var(--maz-space) * 2)}.maz\:pb-4{padding-bottom:calc(var(--maz-space) * 4)}.maz\:pl-3{padding-left:calc(var(--maz-space) * 3)}.maz\:pl-4{padding-left:calc(var(--maz-space) * 4)}.maz\:text-center{text-align:center}.maz\:text-center\!{text-align:center!important}.maz\:text-end{text-align:end}.maz\:text-right{text-align:right}.maz\:text-start{text-align:start}.maz\:align-top{vertical-align:top}.maz\:font-display{font-family:var(--maz-font-display-stack)}.maz\:font-mono{font-family:var(--maz-font-mono-stack)}.maz\:text-2xl{font-size:var(--maz-text-2xl);line-height:var(--tw-leading,var(--maz-text-2xl--line-height))}.maz\:text-3xl{font-size:var(--maz-text-3xl);line-height:var(--tw-leading,var(--maz-text-3xl--line-height))}.maz\:text-4xl{font-size:var(--maz-text-4xl);line-height:var(--tw-leading,var(--maz-text-4xl--line-height))}.maz\:text-5xl{font-size:var(--maz-text-5xl);line-height:var(--tw-leading,var(--maz-text-5xl--line-height))}.maz\:text-base{font-size:var(--maz-text-base);line-height:var(--tw-leading,var(--maz-text-base--line-height))}.maz\:text-lg{font-size:var(--maz-text-lg);line-height:var(--tw-leading,var(--maz-text-lg--line-height))}.maz\:text-sm{font-size:var(--maz-text-sm);line-height:var(--tw-leading,var(--maz-text-sm--line-height))}.maz\:text-xl{font-size:var(--maz-text-xl);line-height:var(--tw-leading,var(--maz-text-xl--line-height))}.maz\:text-xs{font-size:var(--maz-text-xs);line-height:var(--tw-leading,var(--maz-text-xs--line-height))}.maz\:text-\[0\.5rem\]{font-size:.5rem}.maz\:text-\[0\.8em\]{font-size:.8em}.maz\:text-\[0\.65rem\]{font-size:.65rem}.maz\:text-\[0\.625rem\]{font-size:.625rem}.maz\:text-\[0\.875em\]{font-size:.875em}.maz\:text-\[0\.6875rem\]{font-size:.6875rem}.maz\:text-\[1\.2em\]{font-size:1.2em}.maz\:text-\[1\.5em\]{font-size:1.5em}.maz\:leading-3{--tw-leading:calc(var(--maz-space) * 3);line-height:calc(var(--maz-space) * 3)}.maz\:leading-4{--tw-leading:calc(var(--maz-space) * 4);line-height:calc(var(--maz-space) * 4)}.maz\:leading-6{--tw-leading:calc(var(--maz-space) * 6);line-height:calc(var(--maz-space) * 6)}.maz\:leading-none{--tw-leading:1;line-height:1}.maz\:leading-relaxed{--tw-leading:var(--maz-leading-relaxed);line-height:var(--maz-leading-relaxed)}.maz\:leading-snug{--tw-leading:var(--maz-leading-snug);line-height:var(--maz-leading-snug)}.maz\:leading-tight{--tw-leading:var(--maz-leading-tight);line-height:var(--maz-leading-tight)}.maz\:font-bold{--tw-font-weight:var(--maz-font-weight-bold);font-weight:var(--maz-font-weight-bold)}.maz\:font-medium{--tw-font-weight:var(--maz-font-weight-medium);font-weight:var(--maz-font-weight-medium)}.maz\:font-normal{--tw-font-weight:var(--maz-font-weight-normal);font-weight:var(--maz-font-weight-normal)}.maz\:font-semibold{--tw-font-weight:var(--maz-font-weight-semibold);font-weight:var(--maz-font-weight-semibold)}.maz\:tracking-wider{--tw-tracking:var(--maz-tracking-wider);letter-spacing:var(--maz-tracking-wider)}.maz\:break-words{overflow-wrap:break-word}.maz\:break-all{word-break:break-all}.maz\:whitespace-nowrap{white-space:nowrap}.maz\:whitespace-pre-wrap{white-space:pre-wrap}.maz\:text-\(--m-alert-color\){color:var(--m-alert-color)}.maz\:text-\(--m-alert-fg\){color:var(--m-alert-fg)}.maz\:text-accent\!{color:var(--maz-color-accent)!important}.maz\:text-accent-foreground{color:var(--maz-color-accent-foreground)}.maz\:text-contrast\!{color:var(--maz-color-contrast)!important}.maz\:text-contrast-foreground{color:var(--maz-color-contrast-foreground)}.maz\:text-destructive\!{color:var(--maz-color-destructive)!important}.maz\:text-destructive-600{color:var(--maz-color-destructive-600)}.maz\:text-destructive-600\!{color:var(--maz-color-destructive-600)!important}.maz\:text-destructive-foreground{color:var(--maz-color-destructive-foreground)}.maz\:text-foreground{color:var(--maz-color-foreground)}.maz\:text-gray-300{color:var(--maz-color-gray-300)}.maz\:text-gray-300\!{color:var(--maz-color-gray-300)!important}.maz\:text-gray-400{color:var(--maz-color-gray-400)}.maz\:text-info\!{color:var(--maz-color-info)!important}.maz\:text-info-foreground{color:var(--maz-color-info-foreground)}.maz\:text-muted{color:var(--maz-color-muted)}.maz\:text-muted\!{color:var(--maz-color-muted)!important}.maz\:text-primary{color:var(--maz-color-primary)}.maz\:text-primary\!{color:var(--maz-color-primary)!important}.maz\:text-primary-foreground\/80{color:var(--maz-color-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.maz\:text-primary-foreground\/80{color:color-mix(in oklab, var(--maz-color-primary-foreground) 80%, transparent)}}.maz\:text-secondary\!{color:var(--maz-color-secondary)!important}.maz\:text-success\!{color:var(--maz-color-success)!important}.maz\:text-success-600{color:var(--maz-color-success-600)}.maz\:text-success-600\!{color:var(--maz-color-success-600)!important}.maz\:text-success-foreground{color:var(--maz-color-success-foreground)}.maz\:text-transparent\!{color:#0000!important}.maz\:text-warning\!{color:var(--maz-color-warning)!important}.maz\:text-warning-600{color:var(--maz-color-warning-600)}.maz\:text-warning-600\!{color:var(--maz-color-warning-600)!important}.maz\:text-warning-foreground{color:var(--maz-color-warning-foreground)}.maz\:text-white{color:var(--maz-color-white)}.maz\:cap-f:first-letter,.maz\:capitalize{text-transform:capitalize}.maz\:uppercase{text-transform:uppercase}.maz\:italic{font-style:italic}.maz\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.maz\:no-underline{text-decoration-line:none}.maz\:no-underline\!{text-decoration-line:none!important}.maz\:underline{text-decoration-line:underline}.maz\:opacity-0{opacity:0}.maz\:opacity-40{opacity:.4}.maz\:opacity-100{opacity:1}.maz\:shadow-elevation{--tw-shadow:var(--maz-shadow-style-elevation);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-lg{--tw-shadow:var(--maz-shadow-style-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-md{--tw-shadow:var(--maz-shadow-style-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-sm{--tw-shadow:var(--maz-shadow-style-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\: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)}.maz\:ring-\(--m-timeline-color\){--tw-ring-color:var(--m-timeline-color)}.maz\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.maz\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.maz\:blur-2xl{--tw-blur:blur(var(--maz-blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.maz\:drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--maz-drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.maz\:backdrop-blur-\[0\.125rem\]{--tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--maz-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:backdrop-blur-xl{--tw-backdrop-blur:blur(var(--maz-blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--maz-blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-\[width\,border-width\]{transition-property:width,border-width;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:duration-150{--tw-duration:.15s;transition-duration:.15s}.maz\:duration-200{--tw-duration:.2s;transition-duration:.2s}.maz\:duration-250{--tw-duration:.25s;transition-duration:.25s}.maz\:duration-300{--tw-duration:.3s;transition-duration:.3s}.maz\:duration-500{--tw-duration:.5s;transition-duration:.5s}.maz\:ease-in-out{--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1))}.maz\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.maz\:select-none{-webkit-user-select:none;user-select:none}.maz\:select-text{-webkit-user-select:text;user-select:text}.maz\:not-disabled\:text-accent:not(:disabled){color:var(--maz-color-accent)}.maz\:not-disabled\:text-destructive:not(:disabled){color:var(--maz-color-destructive)}.maz\:not-disabled\:text-foreground:not(:disabled){color:var(--maz-color-foreground)}.maz\:not-disabled\:text-info:not(:disabled){color:var(--maz-color-info)}.maz\:not-disabled\:text-muted:not(:disabled){color:var(--maz-color-muted)}.maz\:not-disabled\:text-primary:not(:disabled){color:var(--maz-color-primary)}.maz\:not-disabled\:text-secondary:not(:disabled){color:var(--maz-color-secondary)}.maz\:not-disabled\:text-success:not(:disabled){color:var(--maz-color-success)}.maz\:not-disabled\:text-surface:not(:disabled){color:var(--maz-color-surface)}.maz\:not-disabled\:text-warning:not(:disabled){color:var(--maz-color-warning)}@media (hover:hover){.maz\:group-hover\:block:is(:where(.maz\:group):hover *){display:block}.maz\:group-hover\:opacity-0:is(:where(.maz\:group):hover *){opacity:0}.maz\:group-hover\:opacity-100:is(:where(.maz\:group):hover *){opacity:1}}.maz\:odd\:bg-surface-600\/70:nth-child(odd){background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:odd\:bg-surface-600\/70:nth-child(odd){background-color:color-mix(in oklab, var(--maz-color-surface-600) 70%, transparent)}}.maz\:even\:bg-surface-600\/70:nth-child(2n){background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:even\:bg-surface-600\/70:nth-child(2n){background-color:color-mix(in oklab, var(--maz-color-surface-600) 70%, transparent)}}.maz\:focus-within\:bg-surface-600:focus-within{background-color:var(--maz-color-surface-600)}@media (hover:hover){.maz\:hover\:bg-accent-600:hover{background-color:var(--maz-color-accent-600)}.maz\:hover\:bg-contrast-500:hover{background-color:var(--maz-color-contrast-500)}.maz\:hover\:bg-contrast\/70:hover{background-color:var(--maz-color-contrast)}@supports (color:color-mix(in lab, red, red)){.maz\:hover\:bg-contrast\/70:hover{background-color:color-mix(in oklab, var(--maz-color-contrast) 70%, transparent)}}.maz\:hover\:bg-destructive-600:hover{background-color:var(--maz-color-destructive-600)}.maz\:hover\:bg-info-600:hover{background-color:var(--maz-color-info-600)}.maz\:hover\:bg-success-600:hover{background-color:var(--maz-color-success-600)}.maz\:hover\:bg-surface-200:hover{background-color:var(--maz-color-surface-200)}.maz\:hover\:bg-surface-600:hover,.maz\:hover\:bg-surface-600\/50:hover{background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:hover\:bg-surface-600\/50:hover{background-color:color-mix(in oklab, var(--maz-color-surface-600) 50%, transparent)}}.maz\:hover\:bg-warning-600:hover{background-color:var(--maz-color-warning-600)}.maz\:hover\:text-foreground\!:hover{color:var(--maz-color-foreground)!important}.maz\:hover\:not-disabled\:bg-surface-600:hover:not(:disabled){background-color:var(--maz-color-surface-600)}.maz\:not-disabled\:hover\:text-accent-700:not(:disabled):hover{color:var(--maz-color-accent-700)}.maz\:not-disabled\:hover\:text-destructive-700:not(:disabled):hover{color:var(--maz-color-destructive-700)}.maz\:not-disabled\:hover\:text-foreground-900:not(:disabled):hover{color:var(--maz-color-foreground-900)}.maz\:not-disabled\:hover\:text-info-700:not(:disabled):hover{color:var(--maz-color-info-700)}.maz\:not-disabled\:hover\:text-muted-700:not(:disabled):hover{color:var(--maz-color-muted-700)}.maz\:not-disabled\:hover\:text-primary-700:not(:disabled):hover{color:var(--maz-color-primary-700)}.maz\:not-disabled\:hover\:text-secondary-700:not(:disabled):hover{color:var(--maz-color-secondary-700)}.maz\:not-disabled\:hover\:text-success-700:not(:disabled):hover{color:var(--maz-color-success-700)}.maz\:not-disabled\:hover\:text-surface-700:not(:disabled):hover{color:var(--maz-color-surface-700)}.maz\:not-disabled\:hover\:text-warning-700:not(:disabled):hover{color:var(--maz-color-warning-700)}.maz\:not-disabled\:hover\:underline:not(:disabled):hover{text-decoration-line:underline}}.maz\:focus\:bg-surface-600:focus{background-color:var(--maz-color-surface-600)}.maz\:focus-visible\:opacity-100:focus-visible{opacity:1}.maz\:disabled\:disabled-state:disabled{cursor:var(--maz-disabled-cursor);opacity:var(--maz-disabled-opacity)}.maz\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.maz\:disabled\:text-muted:disabled{color:var(--maz-color-muted)}.maz\:disabled\:opacity-50:disabled{opacity:.5}@media (min-width:576px){.maz\:mob-l\:-ms-\(--maz-border-width\){margin-inline-start:calc(var(--maz-border-width) * -1)}.maz\:mob-l\:mt-0{margin-top:calc(var(--maz-space) * 0)}.maz\:mob-l\:flex-row{flex-direction:row}.maz\:mob-l\:items-center{align-items:center}.maz\:mob-l\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.maz\:mob-l\:rounded-bl-md{border-bottom-left-radius:var(--maz-rounded-md)}}@media (min-width:640px){.maz\:tab-s\:my-8{margin-block:calc(var(--maz-space) * 8)}.maz\:tab-s\:block{display:block}.maz\:tab-s\:w-\(--maz-drawer-size\){width:var(--maz-drawer-size)}.maz\:tab-s\:flex-row{flex-direction:row}.maz\:tab-s\:items-center{align-items:center}.maz\:tab-s\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.maz\:tab-s\:border-l{border-left-style:var(--tw-border-style);border-left-width:var(--maz-border-width)}.maz\:tab-s\:p-0{padding:calc(var(--maz-space) * 0)}}@media (min-width:768px){.maz\:tab-m\:fixed{position:fixed}.maz\:tab-m\:left-2\/4{left:50%}.maz\:tab-m\:w-88{width:calc(var(--maz-space) * 88)}.maz\:tab-m\:w-auto{width:auto}.maz\:tab-m\:justify-center{justify-content:center}}.maz\:dark\:border:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:var(--maz-border-width)}.maz\:dark\:border-solid:where(.dark,.dark *){--tw-border-style:solid;border-style:solid}.maz\:dark\:border-\(--m-timeline-bg\):where(.dark,.dark *){border-color:var(--m-timeline-bg)}.maz\:dark\:border-\(--m-timeline-state-bg\):where(.dark,.dark *){border-color:var(--m-timeline-state-bg)}.maz\:dark\:border-accent\/20:where(.dark,.dark *){border-color:var(--maz-color-accent)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-accent\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-accent) 20%, transparent)}}.maz\:dark\:border-destructive\/20:where(.dark,.dark *){border-color:var(--maz-color-destructive)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-destructive\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-destructive) 20%, transparent)}}.maz\:dark\:border-divider:where(.dark,.dark *){border-color:var(--maz-color-divider)}.maz\:dark\:border-divider-400:where(.dark,.dark *){border-color:var(--maz-color-divider-400)}.maz\:dark\:border-info\/20:where(.dark,.dark *){border-color:var(--maz-color-info)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-info\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-info) 20%, transparent)}}.maz\:dark\:border-success\/20:where(.dark,.dark *){border-color:var(--maz-color-success)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-success\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-success) 20%, transparent)}}.maz\:dark\:border-warning\/20:where(.dark,.dark *){border-color:var(--maz-color-warning)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-warning\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-warning) 20%, transparent)}}.maz\:dark\:bg-\(--m-timeline-bg\)\/20:where(.dark,.dark *){background-color:var(--m-timeline-bg)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-\(--m-timeline-bg\)\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--m-timeline-bg) 20%, transparent)}}.maz\:dark\:bg-\(--m-timeline-state-bg\)\/20:where(.dark,.dark *){background-color:var(--m-timeline-state-bg)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-\(--m-timeline-state-bg\)\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--m-timeline-state-bg) 20%, transparent)}}.maz\:dark\:bg-accent\/10:where(.dark,.dark *){background-color:var(--maz-color-accent)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-accent\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-accent) 10%, transparent)}}.maz\:dark\:bg-destructive\/10:where(.dark,.dark *){background-color:var(--maz-color-destructive)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-destructive\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-destructive) 10%, transparent)}}.maz\:dark\:bg-info\/10:where(.dark,.dark *){background-color:var(--maz-color-info)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-info\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-info) 10%, transparent)}}.maz\:dark\:bg-input:where(.dark,.dark *){background-color:var(--maz-input-bg,var(--maz-surface))}.maz\:dark\:bg-success\/10:where(.dark,.dark *){background-color:var(--maz-color-success)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-success\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-success) 10%, transparent)}}.maz\:dark\:bg-surface-300:where(.dark,.dark *){background-color:var(--maz-color-surface-300)}.maz\:dark\:bg-surface-400:where(.dark,.dark *){background-color:var(--maz-color-surface-400)}.maz\:dark\:bg-surface-600\/40:where(.dark,.dark *){background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-surface-600\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-surface-600) 40%, transparent)}}.maz\:dark\:bg-warning\/10:where(.dark,.dark *){background-color:var(--maz-color-warning)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-warning\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-warning) 10%, transparent)}}.maz\:dark\:from-surface-700\/30:where(.dark,.dark *){--tw-gradient-from:var(--maz-color-surface-700)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:from-surface-700\/30:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--maz-color-surface-700) 30%, transparent)}}.maz\:dark\:from-surface-700\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:dark\:via-surface-600\/20:where(.dark,.dark *){--tw-gradient-via:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:via-surface-600\/20:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab, var(--maz-color-surface-600) 20%, transparent)}}.maz\:dark\:via-surface-600\/20:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.maz\:dark\:to-surface-700\/30:where(.dark,.dark *){--tw-gradient-to:var(--maz-color-surface-700)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:to-surface-700\/30:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--maz-color-surface-700) 30%, transparent)}}.maz\:dark\:to-surface-700\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:dark\:text-\(--m-alert-color-dark\):where(.dark,.dark *){color:var(--m-alert-color-dark)}.maz\:dark\:text-accent-400:where(.dark,.dark *){color:var(--maz-color-accent-400)}.maz\:dark\:text-destructive-400:where(.dark,.dark *){color:var(--maz-color-destructive-400)}.maz\:dark\:text-destructive-600:where(.dark,.dark *){color:var(--maz-color-destructive-600)}.maz\:dark\:text-gray-500:where(.dark,.dark *){color:var(--maz-color-gray-500)}.maz\:dark\:text-gray-700\!:where(.dark,.dark *){color:var(--maz-color-gray-700)!important}.maz\:dark\:text-info-400:where(.dark,.dark *){color:var(--maz-color-info-400)}.maz\:dark\:text-info-600:where(.dark,.dark *){color:var(--maz-color-info-600)}.maz\:dark\:text-success-400:where(.dark,.dark *){color:var(--maz-color-success-400)}.maz\:dark\:text-success-600:where(.dark,.dark *){color:var(--maz-color-success-600)}.maz\:dark\:text-warning-400:where(.dark,.dark *){color:var(--maz-color-warning-400)}.maz\:dark\:text-warning-600:where(.dark,.dark *){color:var(--maz-color-warning-600)}.maz\:dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:dark\:odd\:bg-surface-400\/70:where(.dark,.dark *):nth-child(odd){background-color:var(--maz-color-surface-400)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:odd\:bg-surface-400\/70:where(.dark,.dark *):nth-child(odd){background-color:color-mix(in oklab, var(--maz-color-surface-400) 70%, transparent)}}.maz\:dark\:even\:bg-surface-400\/70:where(.dark,.dark *):nth-child(2n){background-color:var(--maz-color-surface-400)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:even\:bg-surface-400\/70:where(.dark,.dark *):nth-child(2n){background-color:color-mix(in oklab, var(--maz-color-surface-400) 70%, transparent)}}.maz\:dark\:focus-within\:bg-surface-400:where(.dark,.dark *):focus-within{background-color:var(--maz-color-surface-400)}@media (hover:hover){.maz\:dark\:hover\:bg-accent\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-accent)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-accent\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-accent) 20%, transparent)}}.maz\:dark\:hover\:bg-contrast\/70:where(.dark,.dark *):hover{background-color:var(--maz-color-contrast)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-contrast\/70:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-contrast) 70%, transparent)}}.maz\:dark\:hover\:bg-destructive\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-destructive)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-destructive\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-destructive) 20%, transparent)}}.maz\:dark\:hover\:bg-success\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-success)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-success\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-success) 20%, transparent)}}.maz\:dark\:hover\:bg-surface-300:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-300)}.maz\:dark\:hover\:bg-surface-400:where(.dark,.dark *):hover,.maz\:dark\:hover\:bg-surface-400\/50:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-surface-400\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-surface-400) 50%, transparent)}}.maz\:dark\:hover\:bg-surface-800\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-800)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-surface-800\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-surface-800) 20%, transparent)}}.maz\:dark\:hover\:bg-warning\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-warning)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-warning\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-warning) 20%, transparent)}}.maz\:hover\:dark\:bg-info\/20:hover:where(.dark,.dark *){background-color:var(--maz-color-info)}@supports (color:color-mix(in lab, red, red)){.maz\:hover\:dark\:bg-info\/20:hover:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-info) 20%, transparent)}}.maz\:hover\:dark\:bg-surface-400:hover:where(.dark,.dark *),.maz\:dark\:not-disabled\:hover\:bg-surface-400:where(.dark,.dark *):not(:disabled):hover{background-color:var(--maz-color-surface-400)}.maz\:not-disabled\:dark\:hover\:text-foreground-100:not(:disabled):where(.dark,.dark *):hover{color:var(--maz-color-foreground-100)}}.maz\:dark\:focus\:bg-surface-400:where(.dark,.dark *):focus{background-color:var(--maz-color-surface-400)}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
|
|
2
|
+
@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--maz-color-gray-300:oklch(87.2% .01 258.338);--maz-color-gray-400:oklch(70.7% .022 261.325);--maz-color-gray-500:oklch(55.1% .027 264.364);--maz-color-gray-700:oklch(37.3% .034 259.733);--maz-color-white:#fff;--maz-spacing:var(--maz-space);--maz-container-xs:20rem;--maz-text-xs:.75rem;--maz-text-xs--line-height:calc(1 / .75);--maz-text-sm:.875rem;--maz-text-sm--line-height:calc(1.25 / .875);--maz-text-base:1rem;--maz-text-base--line-height:calc(1.5 / 1);--maz-text-lg:1.125rem;--maz-text-lg--line-height:calc(1.75 / 1.125);--maz-text-xl:1.25rem;--maz-text-xl--line-height:calc(1.75 / 1.25);--maz-text-2xl:1.5rem;--maz-text-2xl--line-height:calc(2 / 1.5);--maz-text-3xl:1.875rem;--maz-text-3xl--line-height:calc(2.25 / 1.875);--maz-text-4xl:2.25rem;--maz-text-4xl--line-height:calc(2.5 / 2.25);--maz-text-5xl:3rem;--maz-text-5xl--line-height:1;--maz-font-weight-normal:400;--maz-font-weight-medium:500;--maz-font-weight-semibold:600;--maz-font-weight-bold:700;--maz-tracking-wider:.05em;--maz-leading-tight:1.25;--maz-leading-snug:1.375;--maz-leading-relaxed:1.625;--maz-drop-shadow-md:0 3px 3px #0000001f;--maz-animate-spin:spin 1s linear infinite;--maz-blur-xs:4px;--maz-blur-sm:8px;--maz-blur-xl:24px;--maz-blur-2xl:40px;--maz-color-primary:var(--maz-primary);--maz-color-primary-foreground:var(--maz-primary-foreground);--maz-color-primary-400:oklch(from var(--maz-primary) clamp(0, calc(l + .06), 1) c h);--maz-color-primary-500:var(--maz-primary);--maz-color-primary-600:oklch(from var(--maz-primary) clamp(0, calc(l - .05), 1) c h);--maz-color-primary-700:oklch(from var(--maz-primary) clamp(0, calc(l - .1), 1) c h);--maz-color-secondary:var(--maz-secondary);--maz-color-secondary-600:oklch(from var(--maz-secondary) clamp(0, calc(l - .05), 1) c h);--maz-color-secondary-700:oklch(from var(--maz-secondary) clamp(0, calc(l - .1), 1) c h);--maz-color-accent:var(--maz-accent);--maz-color-accent-foreground:var(--maz-accent-foreground);--maz-color-accent-400:oklch(from var(--maz-accent) clamp(0, calc(l + .06), 1) c h);--maz-color-accent-600:oklch(from var(--maz-accent) clamp(0, calc(l - .05), 1) c h);--maz-color-accent-700:oklch(from var(--maz-accent) clamp(0, calc(l - .1), 1) c h);--maz-color-destructive:var(--maz-destructive);--maz-color-destructive-foreground:var(--maz-destructive-foreground);--maz-color-destructive-50:oklch(from var(--maz-destructive) clamp(0, calc(l + .4), 1) calc(c * .1) h);--maz-color-destructive-400:oklch(from var(--maz-destructive) clamp(0, calc(l + .06), 1) c h);--maz-color-destructive-600:oklch(from var(--maz-destructive) clamp(0, calc(l - .05), 1) c h);--maz-color-destructive-700:oklch(from var(--maz-destructive) clamp(0, calc(l - .1), 1) c h);--maz-color-destructive-800:oklch(from var(--maz-destructive) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-success:var(--maz-success);--maz-color-success-foreground:var(--maz-success-foreground);--maz-color-success-400:oklch(from var(--maz-success) clamp(0, calc(l + .06), 1) c h);--maz-color-success-600:oklch(from var(--maz-success) clamp(0, calc(l - .05), 1) c h);--maz-color-success-700:oklch(from var(--maz-success) clamp(0, calc(l - .1), 1) c h);--maz-color-success-800:oklch(from var(--maz-success) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-warning:var(--maz-warning);--maz-color-warning-foreground:var(--maz-warning-foreground);--maz-color-warning-400:oklch(from var(--maz-warning) clamp(0, calc(l + .06), 1) c h);--maz-color-warning-600:oklch(from var(--maz-warning) clamp(0, calc(l - .05), 1) c h);--maz-color-warning-700:oklch(from var(--maz-warning) clamp(0, calc(l - .1), 1) c h);--maz-color-warning-800:oklch(from var(--maz-warning) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-info:var(--maz-info);--maz-color-info-foreground:var(--maz-info-foreground);--maz-color-info-400:oklch(from var(--maz-info) clamp(0, calc(l + .06), 1) c h);--maz-color-info-600:oklch(from var(--maz-info) clamp(0, calc(l - .05), 1) c h);--maz-color-info-700:oklch(from var(--maz-info) clamp(0, calc(l - .1), 1) c h);--maz-color-info-800:oklch(from var(--maz-info) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-contrast:var(--maz-contrast);--maz-color-contrast-foreground:var(--maz-contrast-foreground);--maz-color-contrast-500:var(--maz-contrast);--maz-color-contrast-600:oklch(from var(--maz-contrast) clamp(0, calc(l - .05), 1) c h);--maz-color-surface:var(--maz-surface);--maz-color-surface-200:oklch(from var(--maz-surface) clamp(0, calc(l + .22), 1) calc(c * .7) h);--maz-color-surface-300:oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h);--maz-color-surface-400:oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h);--maz-color-surface-600:oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h);--maz-color-surface-700:oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h);--maz-color-surface-800:oklch(from var(--maz-surface) clamp(0, calc(l - .16), 1) calc(c * .9) h);--maz-color-foreground:var(--maz-foreground);--maz-color-foreground-100:oklch(from var(--maz-foreground) clamp(0, calc(l + .32), 1) calc(c * .35) h);--maz-color-foreground-900:oklch(from var(--maz-foreground) clamp(0, calc(l - .22), 1) calc(c * .7) h);--maz-color-divider:var(--maz-divider);--maz-color-divider-400:oklch(from var(--maz-divider) clamp(0, calc(l + .06), 1) c h);--maz-color-overlay:var(--maz-overlay);--maz-color-muted:var(--maz-muted);--maz-color-muted-700:oklch(from var(--maz-muted) clamp(0, calc(l - .1), 1) c h);--maz-z-2:2}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value) * 2);--maz-container-padding:calc(50% - var(--maz-container-width) / 2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}}@layer base{.m-reset-css,.m-reset-css *,.m-reset-css:before,.m-reset-css:after,.m-reset-css::backdrop{border-style:solid;border-width:0;border-color:var(--maz-divider,currentcolor);box-sizing:border-box}.m-reset-css::file-selector-button{border-style:solid;border-width:0;border-color:var(--maz-divider,currentcolor);box-sizing:border-box}.m-reset-css:is(button),.m-reset-css button{background-color:inherit;padding:inherit}.m-reset-css button,.m-reset-css:is(button),.m-reset-css input,.m-reset-css:is(input),.m-reset-css optgroup,.m-reset-css:is(optgroup),.m-reset-css select,.m-reset-css:is(select),.m-reset-css textarea,.m-reset-css:is(textarea){font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;z-index:1;transition:all .2s cubic-bezier(.4,.52,.26,.9)}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;z-index:1;transform:scale(0)}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;z-index:1;transition:all .2s cubic-bezier(.4,.52,.26,.9)}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;z-index:1;transform:scale(.5)}.maz-scale-loading-enter-active,.maz-scale-loading-leave-active{opacity:1;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{opacity:1;z-index:1;transition:all .5s cubic-bezier(.4,.52,.26,.9);transform:scale(1)}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;z-index:1;transform:scale(0)}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-leave-active,.maz-slidevnext-enter-active,.maz-slidevprev-leave-active,.maz-slidevprev-enter-active{transition:all .2s;position:absolute}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;z-index:998;transition:all .2s ease-in-out;transform:translateY(0)}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;z-index:998;transform:translateY(-20px)}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;z-index:998;transition:all .2s ease-in-out;transform:translateY(0)}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;z-index:998;transform:translateY(40px)}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;transition:all .2s ease-in-out;transform:translate(0)}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;transition:all .2s ease-in-out;transform:translate(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;transition:transform .2s,opacity .2s;transform:translate(0)}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;transform:translate(100%)}.maz-expand-enter-active,.maz-expand-leave-active{transition:opacity .2s ease-in-out,block-size .2s ease-in-out;overflow:hidden}.maz-expand-enter-from,.maz-expand-leave-to{opacity:0;block-size:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}}@layer components;@layer utilities{.maz\:pointer-events-auto{pointer-events:auto}.maz\:pointer-events-none{pointer-events:none}.maz\:invisible{visibility:hidden}.maz\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.maz\:absolute{position:absolute}.maz\:absolute\!{position:absolute!important}.maz\:fixed{position:fixed}.maz\:relative{position:relative}.maz\:inset-0{inset:calc(var(--maz-space) * 0)}.maz\:inset-x-0{inset-inline:calc(var(--maz-space) * 0)}.maz\:inset-y-0{inset-block:calc(var(--maz-space) * 0)}.maz\:inset-s-2\!{inset-inline-start:calc(var(--maz-space) * 2)!important}.maz\:inset-s-4{inset-inline-start:calc(var(--maz-space) * 4)}.maz\:-inset-e-2{inset-inline-end:calc(var(--maz-space) * -2)}.maz\:inset-e-0{inset-inline-end:calc(var(--maz-space) * 0)}.maz\:inset-e-2{inset-inline-end:calc(var(--maz-space) * 2)}.maz\:-top-2{top:calc(var(--maz-space) * -2)}.maz\:top-0{top:calc(var(--maz-space) * 0)}.maz\:top-0\.5{top:calc(var(--maz-space) * .5)}.maz\:top-1{top:calc(var(--maz-space) * 1)}.maz\:top-1\/2{top:50%}.maz\:top-2{top:calc(var(--maz-space) * 2)}.maz\:top-3{top:calc(var(--maz-space) * 3)}.maz\:right-0{right:calc(var(--maz-space) * 0)}.maz\:right-2{right:calc(var(--maz-space) * 2)}.maz\:bottom-0{bottom:calc(var(--maz-space) * 0)}.maz\:bottom-2{bottom:calc(var(--maz-space) * 2)}.maz\:-left-2{left:calc(var(--maz-space) * -2)}.maz\:left-0{left:calc(var(--maz-space) * 0)}.maz\:left-0\.5{left:calc(var(--maz-space) * .5)}.maz\:left-4{left:calc(var(--maz-space) * 4)}.maz\:z-0{z-index:0}.maz\:z-1{z-index:1}.maz\:z-2{z-index:2}.maz\:z-10{z-index:10}.maz\:z-15{z-index:15}.maz\:z-default-backdrop{z-index:1050}.maz\:m-0{margin:calc(var(--maz-space) * 0)}.maz\:m-0\!{margin:calc(var(--maz-space) * 0)!important}.maz\:mx-auto{margin-inline:auto}.maz\:my-0{margin-block:calc(var(--maz-space) * 0)}.maz\:my-0\!{margin-block:calc(var(--maz-space) * 0)!important}.maz\:my-2{margin-block:calc(var(--maz-space) * 2)}.maz\:-ms-\(--maz-border-width\){margin-inline-start:calc(var(--maz-border-width) * -1)}.maz\:ms-0{margin-inline-start:calc(var(--maz-space) * 0)}.maz\:ms-2{margin-inline-start:calc(var(--maz-space) * 2)}.maz\:ms-\[1\.95rem\]{margin-inline-start:1.95rem}.maz\:-mt-\(--maz-border-width\){margin-top:calc(var(--maz-border-width) * -1)}.maz\:-mt-1{margin-top:calc(var(--maz-space) * -1)}.maz\:mt-1{margin-top:calc(var(--maz-space) * 1)}.maz\:mt-4{margin-top:calc(var(--maz-space) * 4)}.maz\:-mb-3{margin-bottom:calc(var(--maz-space) * -3)}.maz\:mb-2{margin-bottom:calc(var(--maz-space) * 2)}.maz\:ml-auto{margin-left:auto}.maz\:block{display:block}.maz\:flex{display:flex}.maz\:grid{display:grid}.maz\:hidden{display:none}.maz\:inline-block{display:inline-block}.maz\:inline-flex{display:inline-flex}.maz\:table{display:table}.maz\:size-3{width:calc(var(--maz-space) * 3);height:calc(var(--maz-space) * 3)}.maz\:size-5{width:calc(var(--maz-space) * 5);height:calc(var(--maz-space) * 5)}.maz\:size-6{width:calc(var(--maz-space) * 6);height:calc(var(--maz-space) * 6)}.maz\:size-8{width:calc(var(--maz-space) * 8);height:calc(var(--maz-space) * 8)}.maz\:size-40{width:calc(var(--maz-space) * 40);height:calc(var(--maz-space) * 40)}.maz\:size-\[0\.85em\]{width:.85em;height:.85em}.maz\:size-\[1em\]{width:1em;height:1em}.maz\:size-\[3em\]{width:3em;height:3em}.maz\:size-\[4em\]{width:4em;height:4em}.maz\:size-full{width:100%;height:100%}.maz\:h-\(--maz-border-width\){height:var(--maz-border-width)}.maz\:h-1\/2{height:50%}.maz\:h-4{height:calc(var(--maz-space) * 4)}.maz\:h-5{height:calc(var(--maz-space) * 5)}.maz\:h-6{height:calc(var(--maz-space) * 6)}.maz\:h-9{height:calc(var(--maz-space) * 9)}.maz\:h-16{height:calc(var(--maz-space) * 16)}.maz\:h-20{height:calc(var(--maz-space) * 20)}.maz\:h-\[50\%\]{height:50%}.maz\:h-auto{height:auto}.maz\:h-auto\!{height:auto!important}.maz\:h-fit{height:fit-content}.maz\:h-full{height:100%}.maz\:h-full\!{height:100%!important}.maz\:h-screen{height:100vh}.maz\:max-h-\[95vh\]{max-height:95vh}.maz\:max-h-full{max-height:100%}.maz\:max-h-full\!{max-height:100%!important}.maz\:min-h-0{min-height:calc(var(--maz-space) * 0)}.maz\:min-h-6{min-height:calc(var(--maz-space) * 6)}.maz\:min-h-8{min-height:calc(var(--maz-space) * 8)}.maz\:min-h-10{min-height:calc(var(--maz-space) * 10)}.maz\:min-h-12{min-height:calc(var(--maz-space) * 12)}.maz\:min-h-14{min-height:calc(var(--maz-space) * 14)}.maz\:min-h-16{min-height:calc(var(--maz-space) * 16)}.maz\:min-h-25{min-height:calc(var(--maz-space) * 25)}.maz\:min-h-full{min-height:100%}.maz\:min-h-max{min-height:max-content}.maz\:min-h-screen{min-height:100vh}.maz\:w-\(--maz-border-width\){width:var(--maz-border-width)}.maz\:w-\(--maz-sidebar-icon-width\){width:var(--maz-sidebar-icon-width)}.maz\:w-\(--maz-sidebar-width\){width:var(--maz-sidebar-width)}.maz\:w-0{width:calc(var(--maz-space) * 0)}.maz\:w-5{width:calc(var(--maz-space) * 5)}.maz\:w-6{width:calc(var(--maz-space) * 6)}.maz\:w-8{width:calc(var(--maz-space) * 8)}.maz\:w-10{width:calc(var(--maz-space) * 10)}.maz\:w-12{width:calc(var(--maz-space) * 12)}.maz\:w-14{width:calc(var(--maz-space) * 14)}.maz\:w-16{width:calc(var(--maz-space) * 16)}.maz\:w-\[7\%\]{width:7%}.maz\:w-\[50\%\]{width:50%}.maz\:w-full{width:100%}.maz\:w-full\!{width:100%!important}.maz\:w-max{width:max-content}.maz\:w-min{width:min-content}.maz\:w-min\!{width:min-content!important}.maz\:w-screen{width:100vw}.maz\:max-w-\[60\%\]{max-width:60%}.maz\:max-w-full{max-width:100%}.maz\:max-w-min{max-width:min-content}.maz\:max-w-xs{max-width:var(--maz-container-xs)}.maz\:min-w-0{min-width:calc(var(--maz-space) * 0)}.maz\:min-w-8{min-width:calc(var(--maz-space) * 8)}.maz\:min-w-52{min-width:calc(var(--maz-space) * 52)}.maz\:min-w-\[5em\]{min-width:5em}.maz\:min-w-full{min-width:100%}.maz\:min-w-max{min-width:max-content}.maz\:flex-1{flex:1}.maz\:flex-none{flex:none}.maz\:flex-none\!{flex:none!important}.maz\:shrink-0{flex-shrink:0}.maz\:border-collapse{border-collapse:collapse}.maz\:origin-center{transform-origin:50%}.maz\:origin-top{transform-origin:top}.maz\:origin-top-left{transform-origin:0 0}.maz\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.maz\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.maz\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.maz\:-rotate-90{rotate:-90deg}.maz\:-rotate-180{rotate:-180deg}.maz\:rotate-0{rotate:0deg}.maz\:rotate-90{rotate:90deg}.maz\:rotate-180{rotate:180deg}.maz\:transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.maz\:animate-spin{animation:var(--maz-animate-spin)}.maz\:disabled-state{cursor:var(--maz-disabled-cursor);opacity:var(--maz-disabled-opacity)}.maz\:cursor-auto{cursor:auto}.maz\:cursor-default{cursor:default}.maz\:cursor-pointer{cursor:pointer}.maz\:cursor-zoom-in{cursor:zoom-in}.maz\:disabled-cursor{cursor:var(--maz-disabled-cursor)}.maz\:touch-none{touch-action:none}.maz\:resize-y{resize:vertical}.maz\:scrollbar-thin{scrollbar-width:thin}.maz\:scrollbar-thumb-surface-600{--tw-scrollbar-thumb:var(--maz-color-surface-600);scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.maz\:scrollbar-track-transparent{--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.maz\:list-none{list-style-type:none}.maz\:list-none\!{list-style-type:none!important}.maz\:appearance-none{appearance:none}.maz\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.maz\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.maz\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.maz\:flex-col{flex-direction:column}.maz\:flex-col-reverse{flex-direction:column-reverse}.maz\:flex-row{flex-direction:row}.maz\:flex-row-reverse{flex-direction:row-reverse}.maz\:flex-wrap{flex-wrap:wrap}.maz\:flex-center{justify-content:center;align-items:center}.maz\:items-baseline{align-items:baseline}.maz\:items-center{align-items:center}.maz\:items-end{align-items:flex-end}.maz\:items-start{align-items:flex-start}.maz\:items-stretch{align-items:stretch}.maz\:justify-around{justify-content:space-around}.maz\:justify-between{justify-content:space-between}.maz\:justify-center{justify-content:center}.maz\:justify-end{justify-content:flex-end}.maz\:justify-start{justify-content:flex-start}.maz\:gap-0{gap:calc(var(--maz-space) * 0)}.maz\:gap-0\.5{gap:calc(var(--maz-space) * .5)}.maz\:gap-1{gap:calc(var(--maz-space) * 1)}.maz\:gap-1\.5{gap:calc(var(--maz-space) * 1.5)}.maz\:gap-2{gap:calc(var(--maz-space) * 2)}.maz\:gap-3{gap:calc(var(--maz-space) * 3)}.maz\:gap-4{gap:calc(var(--maz-space) * 4)}.maz\:gap-\[0\.5em\]{gap:.5em}.maz\:gap-\[1em\]{gap:1em}:where(.maz\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--maz-space) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--maz-space) * 1) * calc(1 - var(--tw-space-y-reverse)))}.maz\:gap-x-1{column-gap:calc(var(--maz-space) * 1)}:where(.maz\:-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px * var(--tw-space-x-reverse));margin-inline-end:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.maz\:space-x-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--maz-space) * 5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--maz-space) * 5) * calc(1 - var(--tw-space-x-reverse)))}.maz\:gap-y-1{row-gap:calc(var(--maz-space) * 1)}:where(.maz\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(var(--maz-border-width) * var(--tw-divide-y-reverse));border-bottom-width:calc(var(--maz-border-width) * calc(1 - var(--tw-divide-y-reverse)))}.maz\:self-center{align-self:center}.maz\:self-end{align-self:flex-end}.maz\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz\:overflow-auto{overflow:auto}.maz\:overflow-hidden{overflow:hidden}.maz\:overflow-x-auto{overflow-x:auto}.maz\:overflow-x-hidden{overflow-x:hidden}.maz\:overflow-y-auto{overflow-y:auto}.maz\:overflow-y-hidden{overflow-y:hidden}.maz\:scroll-smooth{scroll-behavior:smooth}.maz\:rounded-2xl{border-radius:var(--maz-rounded-2xl)}.maz\:rounded-3xl{border-radius:var(--maz-rounded-3xl)}.maz\:rounded-full{border-radius:3.40282e38px}.maz\:rounded-lg{border-radius:var(--maz-rounded-lg)}.maz\:rounded-md{border-radius:var(--maz-rounded-md)}.maz\:rounded-none{border-radius:0}.maz\:rounded-none\!{border-radius:0!important}.maz\:rounded-sm{border-radius:var(--maz-rounded-sm)}.maz\:rounded-xl{border-radius:var(--maz-rounded-xl)}.maz\:rounded-xs{border-radius:var(--maz-rounded-xs)}.maz\:rounded-t-lg{border-top-left-radius:var(--maz-rounded-lg);border-top-right-radius:var(--maz-rounded-lg)}.maz\:rounded-t-md{border-top-left-radius:var(--maz-rounded-md);border-top-right-radius:var(--maz-rounded-md)}.maz\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.maz\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.maz\:rounded-br-none{border-bottom-right-radius:0}.maz\:rounded-bl-none{border-bottom-left-radius:0}.maz\:border{border-style:var(--tw-border-style);border-width:var(--maz-border-width)}.maz\:border\!{border-style:var(--tw-border-style)!important;border-width:var(--maz-border-width)!important}.maz\:border-0{border-style:var(--tw-border-style);border-width:0}.maz\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:var(--maz-border-width)}.maz\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--maz-border-width)}.maz\:border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.maz\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:var(--maz-border-width)}.maz\:border-t{border-top-style:var(--tw-border-style);border-top-width:var(--maz-border-width)}.maz\:border-r{border-right-style:var(--tw-border-style);border-right-width:var(--maz-border-width)}.maz\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--maz-border-width)}.maz\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.maz\:border-dashed{--tw-border-style:dashed;border-style:dashed}.maz\:border-none{--tw-border-style:none;border-style:none}.maz\:border-solid{--tw-border-style:solid;border-style:solid}.maz\:border-\(--m-alert-border\){border-color:var(--m-alert-border)}.maz\:border-\(--m-btn-bd-light\){border-color:var(--m-btn-bd-light)}.maz\:border-accent-600{border-color:var(--maz-color-accent-600)}.maz\:border-contrast-600,.maz\:border-contrast-600\/20{border-color:var(--maz-color-contrast-600)}@supports (color:color-mix(in lab, red, red)){.maz\:border-contrast-600\/20{border-color:color-mix(in oklab, var(--maz-color-contrast-600) 20%, transparent)}}.maz\:border-destructive{border-color:var(--maz-color-destructive)}.maz\:border-destructive\!{border-color:var(--maz-color-destructive)!important}.maz\:border-destructive-600{border-color:var(--maz-color-destructive-600)}.maz\:border-divider{border-color:var(--maz-color-divider)}.maz\:border-info{border-color:var(--maz-color-info)}.maz\:border-info-400{border-color:var(--maz-color-info-400)}.maz\:border-info-600{border-color:var(--maz-color-info-600)}.maz\:border-primary{border-color:var(--maz-color-primary)}.maz\:border-primary-600{border-color:var(--maz-color-primary-600)}.maz\:border-secondary{border-color:var(--maz-color-secondary)}.maz\:border-secondary-600{border-color:var(--maz-color-secondary-600)}.maz\:border-success{border-color:var(--maz-color-success)}.maz\:border-success\!{border-color:var(--maz-color-success)!important}.maz\:border-success-600{border-color:var(--maz-color-success-600)}.maz\:border-surface-600{border-color:var(--maz-color-surface-600)}.maz\:border-transparent{border-color:#0000}.maz\:border-warning{border-color:var(--maz-color-warning)}.maz\:border-warning\!{border-color:var(--maz-color-warning)!important}.maz\:border-warning-600{border-color:var(--maz-color-warning-600)}.maz\:bg-\(--gallery-background-color\){background-color:var(--gallery-background-color)}.maz\:bg-\(--m-alert-bg\){background-color:var(--m-alert-bg)}.maz\:bg-\(--m-timeline-bg\){background-color:var(--m-timeline-bg)}.maz\:bg-\(--m-timeline-state-bg\){background-color:var(--m-timeline-state-bg)}.maz\:bg-\(--maz-muted\)\/30{background-color:var(--maz-muted)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-\(--maz-muted\)\/30{background-color:color-mix(in oklab, var(--maz-muted) 30%, transparent)}}.maz\:bg-\[\#28C840\]{background-color:#28c840}.maz\:bg-\[\#FF5F57\]{background-color:#ff5f57}.maz\:bg-\[\#febc2e\]{background-color:#febc2e}.maz\:bg-accent{background-color:var(--maz-color-accent)}.maz\:bg-container{background-color:var(--maz-container-bg,var(--maz-surface))}.maz\:bg-contrast{background-color:var(--maz-color-contrast)}.maz\:bg-contrast-foreground{background-color:var(--maz-color-contrast-foreground)}.maz\:bg-destructive{background-color:var(--maz-color-destructive)}.maz\:bg-destructive-50{background-color:var(--maz-color-destructive-50)}.maz\:bg-destructive-800{background-color:var(--maz-color-destructive-800)}.maz\:bg-info{background-color:var(--maz-color-info)}.maz\:bg-info-800{background-color:var(--maz-color-info-800)}.maz\:bg-input{background-color:var(--maz-input-bg,var(--maz-surface))}.maz\:bg-overlay\/5{background-color:var(--maz-color-overlay)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-overlay\/5{background-color:color-mix(in oklab, var(--maz-color-overlay) 5%, transparent)}}.maz\:bg-overlay\/25{background-color:var(--maz-color-overlay)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-overlay\/25{background-color:color-mix(in oklab, var(--maz-color-overlay) 25%, transparent)}}.maz\:bg-overlay\/30{background-color:var(--maz-color-overlay)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-overlay\/30{background-color:color-mix(in oklab, var(--maz-color-overlay) 30%, transparent)}}.maz\:bg-primary{background-color:var(--maz-color-primary)}.maz\:bg-primary-400\/20{background-color:var(--maz-color-primary-400)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-primary-400\/20{background-color:color-mix(in oklab, var(--maz-color-primary-400) 20%, transparent)}}.maz\:bg-primary-500{background-color:var(--maz-color-primary-500)}.maz\:bg-primary\/10{background-color:var(--maz-color-primary)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-primary\/10{background-color:color-mix(in oklab, var(--maz-color-primary) 10%, transparent)}}.maz\:bg-secondary{background-color:var(--maz-color-secondary)}.maz\:bg-success{background-color:var(--maz-color-success)}.maz\:bg-success-800{background-color:var(--maz-color-success-800)}.maz\:bg-surface{background-color:var(--maz-color-surface)}.maz\:bg-surface-600{background-color:var(--maz-color-surface-600)}.maz\:bg-surface-600\!{background-color:var(--maz-color-surface-600)!important}.maz\:bg-surface-600\/50{background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-surface-600\/50{background-color:color-mix(in oklab, var(--maz-color-surface-600) 50%, transparent)}}.maz\:bg-surface-700{background-color:var(--maz-color-surface-700)}.maz\:bg-surface\/40{background-color:var(--maz-color-surface)}@supports (color:color-mix(in lab, red, red)){.maz\:bg-surface\/40{background-color:color-mix(in oklab, var(--maz-color-surface) 40%, transparent)}}.maz\:bg-transparent{background-color:#0000}.maz\:bg-transparent\!{background-color:#0000!important}.maz\:bg-warning{background-color:var(--maz-color-warning)}.maz\:bg-warning-800{background-color:var(--maz-color-warning-800)}.maz\:bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.maz\:bg-linear-to-r{--tw-gradient-position:to right in oklab}}.maz\:bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.maz\:from-surface-800\/40{--tw-gradient-from:var(--maz-color-surface-800)}@supports (color:color-mix(in lab, red, red)){.maz\:from-surface-800\/40{--tw-gradient-from:color-mix(in oklab, var(--maz-color-surface-800) 40%, transparent)}}.maz\:from-surface-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:via-surface-700\/30{--tw-gradient-via:var(--maz-color-surface-700)}@supports (color:color-mix(in lab, red, red)){.maz\:via-surface-700\/30{--tw-gradient-via:color-mix(in oklab, var(--maz-color-surface-700) 30%, transparent)}}.maz\:via-surface-700\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.maz\:to-surface-800\/40{--tw-gradient-to:var(--maz-color-surface-800)}@supports (color:color-mix(in lab, red, red)){.maz\:to-surface-800\/40{--tw-gradient-to:color-mix(in oklab, var(--maz-color-surface-800) 40%, transparent)}}.maz\:to-surface-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:bg-clip-padding{background-clip:padding-box}.maz\:fill-current{fill:currentColor}.maz\:object-center{object-position:center}.maz\:p-0{padding:calc(var(--maz-space) * 0)}.maz\:p-0\!{padding:calc(var(--maz-space) * 0)!important}.maz\:p-0\.5{padding:calc(var(--maz-space) * .5)}.maz\:p-1{padding:calc(var(--maz-space) * 1)}.maz\:p-2{padding:calc(var(--maz-space) * 2)}.maz\:p-3{padding:calc(var(--maz-space) * 3)}.maz\:p-4{padding:calc(var(--maz-space) * 4)}.maz\:p-6{padding:calc(var(--maz-space) * 6)}.maz\:px-0\.5{padding-inline:calc(var(--maz-space) * .5)}.maz\:px-1{padding-inline:calc(var(--maz-space) * 1)}.maz\:px-2{padding-inline:calc(var(--maz-space) * 2)}.maz\:px-3{padding-inline:calc(var(--maz-space) * 3)}.maz\:px-4{padding-inline:calc(var(--maz-space) * 4)}.maz\:px-5{padding-inline:calc(var(--maz-space) * 5)}.maz\:px-6{padding-inline:calc(var(--maz-space) * 6)}.maz\:px-8{padding-inline:calc(var(--maz-space) * 8)}.maz\:px-12{padding-inline:calc(var(--maz-space) * 12)}.maz\:px-\[0\.5em\]{padding-inline:.5em}.maz\:px-\[min\(calc\(\(var\(--maz-sidebar-icon-width\,3rem\)-1\.25rem\)\/2\)\,calc\(\(100\%-1\.25rem\)\/2\)\)\]{padding-inline:min(calc((var(--maz-sidebar-icon-width,3rem) - 1.25rem) / 2), calc((100% - 1.25rem) / 2))}.maz\:py-0{padding-block:calc(var(--maz-space) * 0)}.maz\:py-0\.5{padding-block:calc(var(--maz-space) * .5)}.maz\:py-1{padding-block:calc(var(--maz-space) * 1)}.maz\:py-1\.5{padding-block:calc(var(--maz-space) * 1.5)}.maz\:py-2{padding-block:calc(var(--maz-space) * 2)}.maz\:py-2\.5{padding-block:calc(var(--maz-space) * 2.5)}.maz\:py-3{padding-block:calc(var(--maz-space) * 3)}.maz\:py-4{padding-block:calc(var(--maz-space) * 4)}.maz\:py-5{padding-block:calc(var(--maz-space) * 5)}.maz\:py-6{padding-block:calc(var(--maz-space) * 6)}.maz\:py-8{padding-block:calc(var(--maz-space) * 8)}.maz\:py-\[0\.25em\]{padding-block:.25em}.maz\:ps-0{padding-inline-start:calc(var(--maz-space) * 0)}.maz\:ps-2{padding-inline-start:calc(var(--maz-space) * 2)}.maz\:ps-2\!{padding-inline-start:calc(var(--maz-space) * 2)!important}.maz\:ps-3{padding-inline-start:calc(var(--maz-space) * 3)}.maz\:ps-4{padding-inline-start:calc(var(--maz-space) * 4)}.maz\:ps-6{padding-inline-start:calc(var(--maz-space) * 6)}.maz\:ps-8{padding-inline-start:calc(var(--maz-space) * 8)}.maz\:pe-1{padding-inline-end:calc(var(--maz-space) * 1)}.maz\:pe-2{padding-inline-end:calc(var(--maz-space) * 2)}.maz\:pe-2\!{padding-inline-end:calc(var(--maz-space) * 2)!important}.maz\:pe-3\!{padding-inline-end:calc(var(--maz-space) * 3)!important}.maz\:pe-4{padding-inline-end:calc(var(--maz-space) * 4)}.maz\:pe-6{padding-inline-end:calc(var(--maz-space) * 6)}.maz\:pt-2{padding-top:calc(var(--maz-space) * 2)}.maz\:pr-2{padding-right:calc(var(--maz-space) * 2)}.maz\:pb-2{padding-bottom:calc(var(--maz-space) * 2)}.maz\:pb-4{padding-bottom:calc(var(--maz-space) * 4)}.maz\:pl-3{padding-left:calc(var(--maz-space) * 3)}.maz\:pl-4{padding-left:calc(var(--maz-space) * 4)}.maz\:text-center{text-align:center}.maz\:text-center\!{text-align:center!important}.maz\:text-end{text-align:end}.maz\:text-right{text-align:right}.maz\:text-start{text-align:start}.maz\:align-top{vertical-align:top}.maz\:font-display{font-family:var(--maz-font-display-stack)}.maz\:font-mono{font-family:var(--maz-font-mono-stack)}.maz\:text-2xl{font-size:var(--maz-text-2xl);line-height:var(--tw-leading,var(--maz-text-2xl--line-height))}.maz\:text-3xl{font-size:var(--maz-text-3xl);line-height:var(--tw-leading,var(--maz-text-3xl--line-height))}.maz\:text-4xl{font-size:var(--maz-text-4xl);line-height:var(--tw-leading,var(--maz-text-4xl--line-height))}.maz\:text-5xl{font-size:var(--maz-text-5xl);line-height:var(--tw-leading,var(--maz-text-5xl--line-height))}.maz\:text-base{font-size:var(--maz-text-base);line-height:var(--tw-leading,var(--maz-text-base--line-height))}.maz\:text-lg{font-size:var(--maz-text-lg);line-height:var(--tw-leading,var(--maz-text-lg--line-height))}.maz\:text-sm{font-size:var(--maz-text-sm);line-height:var(--tw-leading,var(--maz-text-sm--line-height))}.maz\:text-xl{font-size:var(--maz-text-xl);line-height:var(--tw-leading,var(--maz-text-xl--line-height))}.maz\:text-xs{font-size:var(--maz-text-xs);line-height:var(--tw-leading,var(--maz-text-xs--line-height))}.maz\:text-\[0\.5rem\]{font-size:.5rem}.maz\:text-\[0\.8em\]{font-size:.8em}.maz\:text-\[0\.65rem\]{font-size:.65rem}.maz\:text-\[0\.625rem\]{font-size:.625rem}.maz\:text-\[0\.875em\]{font-size:.875em}.maz\:text-\[0\.6875rem\]{font-size:.6875rem}.maz\:text-\[1\.2em\]{font-size:1.2em}.maz\:text-\[1\.5em\]{font-size:1.5em}.maz\:leading-3{--tw-leading:calc(var(--maz-space) * 3);line-height:calc(var(--maz-space) * 3)}.maz\:leading-4{--tw-leading:calc(var(--maz-space) * 4);line-height:calc(var(--maz-space) * 4)}.maz\:leading-6{--tw-leading:calc(var(--maz-space) * 6);line-height:calc(var(--maz-space) * 6)}.maz\:leading-none{--tw-leading:1;line-height:1}.maz\:leading-relaxed{--tw-leading:var(--maz-leading-relaxed);line-height:var(--maz-leading-relaxed)}.maz\:leading-snug{--tw-leading:var(--maz-leading-snug);line-height:var(--maz-leading-snug)}.maz\:leading-tight{--tw-leading:var(--maz-leading-tight);line-height:var(--maz-leading-tight)}.maz\:font-bold{--tw-font-weight:var(--maz-font-weight-bold);font-weight:var(--maz-font-weight-bold)}.maz\:font-medium{--tw-font-weight:var(--maz-font-weight-medium);font-weight:var(--maz-font-weight-medium)}.maz\:font-normal{--tw-font-weight:var(--maz-font-weight-normal);font-weight:var(--maz-font-weight-normal)}.maz\:font-semibold{--tw-font-weight:var(--maz-font-weight-semibold);font-weight:var(--maz-font-weight-semibold)}.maz\:tracking-wider{--tw-tracking:var(--maz-tracking-wider);letter-spacing:var(--maz-tracking-wider)}.maz\:break-words{overflow-wrap:break-word}.maz\:break-all{word-break:break-all}.maz\:whitespace-nowrap{white-space:nowrap}.maz\:whitespace-pre-wrap{white-space:pre-wrap}.maz\:text-\(--m-alert-color\){color:var(--m-alert-color)}.maz\:text-\(--m-alert-fg\){color:var(--m-alert-fg)}.maz\:text-accent\!{color:var(--maz-color-accent)!important}.maz\:text-accent-foreground{color:var(--maz-color-accent-foreground)}.maz\:text-contrast\!{color:var(--maz-color-contrast)!important}.maz\:text-contrast-foreground{color:var(--maz-color-contrast-foreground)}.maz\:text-destructive\!{color:var(--maz-color-destructive)!important}.maz\:text-destructive-600{color:var(--maz-color-destructive-600)}.maz\:text-destructive-600\!{color:var(--maz-color-destructive-600)!important}.maz\:text-destructive-foreground{color:var(--maz-color-destructive-foreground)}.maz\:text-foreground{color:var(--maz-color-foreground)}.maz\:text-gray-300{color:var(--maz-color-gray-300)}.maz\:text-gray-300\!{color:var(--maz-color-gray-300)!important}.maz\:text-gray-400{color:var(--maz-color-gray-400)}.maz\:text-info\!{color:var(--maz-color-info)!important}.maz\:text-info-foreground{color:var(--maz-color-info-foreground)}.maz\:text-muted{color:var(--maz-color-muted)}.maz\:text-muted\!{color:var(--maz-color-muted)!important}.maz\:text-primary{color:var(--maz-color-primary)}.maz\:text-primary\!{color:var(--maz-color-primary)!important}.maz\:text-primary-foreground\/80{color:var(--maz-color-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.maz\:text-primary-foreground\/80{color:color-mix(in oklab, var(--maz-color-primary-foreground) 80%, transparent)}}.maz\:text-secondary\!{color:var(--maz-color-secondary)!important}.maz\:text-success\!{color:var(--maz-color-success)!important}.maz\:text-success-600{color:var(--maz-color-success-600)}.maz\:text-success-600\!{color:var(--maz-color-success-600)!important}.maz\:text-success-foreground{color:var(--maz-color-success-foreground)}.maz\:text-transparent\!{color:#0000!important}.maz\:text-warning\!{color:var(--maz-color-warning)!important}.maz\:text-warning-600{color:var(--maz-color-warning-600)}.maz\:text-warning-600\!{color:var(--maz-color-warning-600)!important}.maz\:text-warning-foreground{color:var(--maz-color-warning-foreground)}.maz\:text-white{color:var(--maz-color-white)}.maz\:cap-f:first-letter,.maz\:capitalize{text-transform:capitalize}.maz\:uppercase{text-transform:uppercase}.maz\:italic{font-style:italic}.maz\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.maz\:no-underline{text-decoration-line:none}.maz\:no-underline\!{text-decoration-line:none!important}.maz\:underline{text-decoration-line:underline}.maz\:opacity-0{opacity:0}.maz\:opacity-40{opacity:.4}.maz\:opacity-100{opacity:1}.maz\:shadow-elevation{--tw-shadow:var(--maz-shadow-style-elevation);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-lg{--tw-shadow:var(--maz-shadow-style-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-md{--tw-shadow:var(--maz-shadow-style-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:shadow-sm{--tw-shadow:var(--maz-shadow-style-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\: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)}.maz\:ring-\(--m-timeline-color\){--tw-ring-color:var(--m-timeline-color)}.maz\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.maz\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.maz\:blur-2xl{--tw-blur:blur(var(--maz-blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.maz\:drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--maz-drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.maz\:backdrop-blur-\[0\.125rem\]{--tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--maz-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:backdrop-blur-xl{--tw-backdrop-blur:blur(var(--maz-blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--maz-blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.maz\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-\[width\,border-width\]{transition-property:width,border-width;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal))}.maz\:duration-150{--tw-duration:.15s;transition-duration:.15s}.maz\:duration-200{--tw-duration:.2s;transition-duration:.2s}.maz\:duration-250{--tw-duration:.25s;transition-duration:.25s}.maz\:duration-300{--tw-duration:.3s;transition-duration:.3s}.maz\:duration-500{--tw-duration:.5s;transition-duration:.5s}.maz\:ease-in-out{--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1))}.maz\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.maz\:select-none{-webkit-user-select:none;user-select:none}.maz\:select-text{-webkit-user-select:text;user-select:text}.maz\:not-disabled\:text-accent:not(:disabled){color:var(--maz-color-accent)}.maz\:not-disabled\:text-destructive:not(:disabled){color:var(--maz-color-destructive)}.maz\:not-disabled\:text-foreground:not(:disabled){color:var(--maz-color-foreground)}.maz\:not-disabled\:text-info:not(:disabled){color:var(--maz-color-info)}.maz\:not-disabled\:text-muted:not(:disabled){color:var(--maz-color-muted)}.maz\:not-disabled\:text-primary:not(:disabled){color:var(--maz-color-primary)}.maz\:not-disabled\:text-secondary:not(:disabled){color:var(--maz-color-secondary)}.maz\:not-disabled\:text-success:not(:disabled){color:var(--maz-color-success)}.maz\:not-disabled\:text-surface:not(:disabled){color:var(--maz-color-surface)}.maz\:not-disabled\:text-warning:not(:disabled){color:var(--maz-color-warning)}@media (hover:hover){.maz\:group-hover\:block:is(:where(.maz\:group):hover *){display:block}.maz\:group-hover\:opacity-0:is(:where(.maz\:group):hover *){opacity:0}.maz\:group-hover\:opacity-100:is(:where(.maz\:group):hover *){opacity:1}}.maz\:odd\:bg-surface-600\/70:nth-child(odd){background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:odd\:bg-surface-600\/70:nth-child(odd){background-color:color-mix(in oklab, var(--maz-color-surface-600) 70%, transparent)}}.maz\:even\:bg-surface-600\/70:nth-child(2n){background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:even\:bg-surface-600\/70:nth-child(2n){background-color:color-mix(in oklab, var(--maz-color-surface-600) 70%, transparent)}}.maz\:focus-within\:bg-surface-600:focus-within{background-color:var(--maz-color-surface-600)}@media (hover:hover){.maz\:hover\:bg-accent-600:hover{background-color:var(--maz-color-accent-600)}.maz\:hover\:bg-contrast-500:hover{background-color:var(--maz-color-contrast-500)}.maz\:hover\:bg-contrast\/70:hover{background-color:var(--maz-color-contrast)}@supports (color:color-mix(in lab, red, red)){.maz\:hover\:bg-contrast\/70:hover{background-color:color-mix(in oklab, var(--maz-color-contrast) 70%, transparent)}}.maz\:hover\:bg-destructive-600:hover{background-color:var(--maz-color-destructive-600)}.maz\:hover\:bg-info-600:hover{background-color:var(--maz-color-info-600)}.maz\:hover\:bg-success-600:hover{background-color:var(--maz-color-success-600)}.maz\:hover\:bg-surface-200:hover{background-color:var(--maz-color-surface-200)}.maz\:hover\:bg-surface-600:hover,.maz\:hover\:bg-surface-600\/50:hover{background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:hover\:bg-surface-600\/50:hover{background-color:color-mix(in oklab, var(--maz-color-surface-600) 50%, transparent)}}.maz\:hover\:bg-warning-600:hover{background-color:var(--maz-color-warning-600)}.maz\:hover\:not-disabled\:bg-surface-600:hover:not(:disabled){background-color:var(--maz-color-surface-600)}.maz\:not-disabled\:hover\:text-accent-700:not(:disabled):hover{color:var(--maz-color-accent-700)}.maz\:not-disabled\:hover\:text-destructive-700:not(:disabled):hover{color:var(--maz-color-destructive-700)}.maz\:not-disabled\:hover\:text-foreground-900:not(:disabled):hover{color:var(--maz-color-foreground-900)}.maz\:not-disabled\:hover\:text-info-700:not(:disabled):hover{color:var(--maz-color-info-700)}.maz\:not-disabled\:hover\:text-muted-700:not(:disabled):hover{color:var(--maz-color-muted-700)}.maz\:not-disabled\:hover\:text-primary-700:not(:disabled):hover{color:var(--maz-color-primary-700)}.maz\:not-disabled\:hover\:text-secondary-700:not(:disabled):hover{color:var(--maz-color-secondary-700)}.maz\:not-disabled\:hover\:text-success-700:not(:disabled):hover{color:var(--maz-color-success-700)}.maz\:not-disabled\:hover\:text-surface-700:not(:disabled):hover{color:var(--maz-color-surface-700)}.maz\:not-disabled\:hover\:text-warning-700:not(:disabled):hover{color:var(--maz-color-warning-700)}.maz\:not-disabled\:hover\:underline:not(:disabled):hover{text-decoration-line:underline}}.maz\:focus\:bg-surface-600:focus{background-color:var(--maz-color-surface-600)}.maz\:focus-visible\:opacity-100:focus-visible{opacity:1}.maz\:disabled\:disabled-state:disabled{cursor:var(--maz-disabled-cursor);opacity:var(--maz-disabled-opacity)}.maz\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.maz\:disabled\:text-muted:disabled{color:var(--maz-color-muted)}.maz\:disabled\:opacity-50:disabled{opacity:.5}@media (min-width:576px){.maz\:mob-l\:-ms-\(--maz-border-width\){margin-inline-start:calc(var(--maz-border-width) * -1)}.maz\:mob-l\:mt-0{margin-top:calc(var(--maz-space) * 0)}.maz\:mob-l\:flex-row{flex-direction:row}.maz\:mob-l\:items-center{align-items:center}.maz\:mob-l\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.maz\:mob-l\:rounded-bl-md{border-bottom-left-radius:var(--maz-rounded-md)}}@media (min-width:640px){.maz\:tab-s\:my-8{margin-block:calc(var(--maz-space) * 8)}.maz\:tab-s\:block{display:block}.maz\:tab-s\:w-\(--maz-drawer-size\){width:var(--maz-drawer-size)}.maz\:tab-s\:flex-row{flex-direction:row}.maz\:tab-s\:items-center{align-items:center}.maz\:tab-s\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.maz\:tab-s\:border-l{border-left-style:var(--tw-border-style);border-left-width:var(--maz-border-width)}.maz\:tab-s\:p-0{padding:calc(var(--maz-space) * 0)}}@media (min-width:768px){.maz\:tab-m\:fixed{position:fixed}.maz\:tab-m\:left-2\/4{left:50%}.maz\:tab-m\:w-88{width:calc(var(--maz-space) * 88)}.maz\:tab-m\:w-auto{width:auto}.maz\:tab-m\:justify-center{justify-content:center}}.maz\:dark\:border:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:var(--maz-border-width)}.maz\:dark\:border-solid:where(.dark,.dark *){--tw-border-style:solid;border-style:solid}.maz\:dark\:border-\(--m-timeline-bg\):where(.dark,.dark *){border-color:var(--m-timeline-bg)}.maz\:dark\:border-\(--m-timeline-state-bg\):where(.dark,.dark *){border-color:var(--m-timeline-state-bg)}.maz\:dark\:border-accent\/20:where(.dark,.dark *){border-color:var(--maz-color-accent)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-accent\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-accent) 20%, transparent)}}.maz\:dark\:border-destructive\/20:where(.dark,.dark *){border-color:var(--maz-color-destructive)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-destructive\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-destructive) 20%, transparent)}}.maz\:dark\:border-divider:where(.dark,.dark *){border-color:var(--maz-color-divider)}.maz\:dark\:border-divider-400:where(.dark,.dark *){border-color:var(--maz-color-divider-400)}.maz\:dark\:border-info\/20:where(.dark,.dark *){border-color:var(--maz-color-info)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-info\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-info) 20%, transparent)}}.maz\:dark\:border-success\/20:where(.dark,.dark *){border-color:var(--maz-color-success)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-success\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-success) 20%, transparent)}}.maz\:dark\:border-warning\/20:where(.dark,.dark *){border-color:var(--maz-color-warning)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:border-warning\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--maz-color-warning) 20%, transparent)}}.maz\:dark\:bg-\(--m-timeline-bg\)\/20:where(.dark,.dark *){background-color:var(--m-timeline-bg)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-\(--m-timeline-bg\)\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--m-timeline-bg) 20%, transparent)}}.maz\:dark\:bg-\(--m-timeline-state-bg\)\/20:where(.dark,.dark *){background-color:var(--m-timeline-state-bg)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-\(--m-timeline-state-bg\)\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--m-timeline-state-bg) 20%, transparent)}}.maz\:dark\:bg-accent\/10:where(.dark,.dark *){background-color:var(--maz-color-accent)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-accent\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-accent) 10%, transparent)}}.maz\:dark\:bg-destructive\/10:where(.dark,.dark *){background-color:var(--maz-color-destructive)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-destructive\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-destructive) 10%, transparent)}}.maz\:dark\:bg-info\/10:where(.dark,.dark *){background-color:var(--maz-color-info)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-info\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-info) 10%, transparent)}}.maz\:dark\:bg-input:where(.dark,.dark *){background-color:var(--maz-input-bg,var(--maz-surface))}.maz\:dark\:bg-success\/10:where(.dark,.dark *){background-color:var(--maz-color-success)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-success\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-success) 10%, transparent)}}.maz\:dark\:bg-surface-300:where(.dark,.dark *){background-color:var(--maz-color-surface-300)}.maz\:dark\:bg-surface-400:where(.dark,.dark *){background-color:var(--maz-color-surface-400)}.maz\:dark\:bg-surface-600\/40:where(.dark,.dark *){background-color:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-surface-600\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-surface-600) 40%, transparent)}}.maz\:dark\:bg-warning\/10:where(.dark,.dark *){background-color:var(--maz-color-warning)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:bg-warning\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-warning) 10%, transparent)}}.maz\:dark\:from-surface-700\/30:where(.dark,.dark *){--tw-gradient-from:var(--maz-color-surface-700)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:from-surface-700\/30:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--maz-color-surface-700) 30%, transparent)}}.maz\:dark\:from-surface-700\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:dark\:via-surface-600\/20:where(.dark,.dark *){--tw-gradient-via:var(--maz-color-surface-600)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:via-surface-600\/20:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab, var(--maz-color-surface-600) 20%, transparent)}}.maz\:dark\:via-surface-600\/20:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.maz\:dark\:to-surface-700\/30:where(.dark,.dark *){--tw-gradient-to:var(--maz-color-surface-700)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:to-surface-700\/30:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--maz-color-surface-700) 30%, transparent)}}.maz\:dark\:to-surface-700\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.maz\:dark\:text-\(--m-alert-color-dark\):where(.dark,.dark *){color:var(--m-alert-color-dark)}.maz\:dark\:text-accent-400:where(.dark,.dark *){color:var(--maz-color-accent-400)}.maz\:dark\:text-destructive-400:where(.dark,.dark *){color:var(--maz-color-destructive-400)}.maz\:dark\:text-destructive-600:where(.dark,.dark *){color:var(--maz-color-destructive-600)}.maz\:dark\:text-gray-500:where(.dark,.dark *){color:var(--maz-color-gray-500)}.maz\:dark\:text-gray-700\!:where(.dark,.dark *){color:var(--maz-color-gray-700)!important}.maz\:dark\:text-info-400:where(.dark,.dark *){color:var(--maz-color-info-400)}.maz\:dark\:text-info-600:where(.dark,.dark *){color:var(--maz-color-info-600)}.maz\:dark\:text-success-400:where(.dark,.dark *){color:var(--maz-color-success-400)}.maz\:dark\:text-success-600:where(.dark,.dark *){color:var(--maz-color-success-600)}.maz\:dark\:text-warning-400:where(.dark,.dark *){color:var(--maz-color-warning-400)}.maz\:dark\:text-warning-600:where(.dark,.dark *){color:var(--maz-color-warning-600)}.maz\:dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.maz\:dark\:odd\:bg-surface-400\/70:where(.dark,.dark *):nth-child(odd){background-color:var(--maz-color-surface-400)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:odd\:bg-surface-400\/70:where(.dark,.dark *):nth-child(odd){background-color:color-mix(in oklab, var(--maz-color-surface-400) 70%, transparent)}}.maz\:dark\:even\:bg-surface-400\/70:where(.dark,.dark *):nth-child(2n){background-color:var(--maz-color-surface-400)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:even\:bg-surface-400\/70:where(.dark,.dark *):nth-child(2n){background-color:color-mix(in oklab, var(--maz-color-surface-400) 70%, transparent)}}.maz\:dark\:focus-within\:bg-surface-400:where(.dark,.dark *):focus-within{background-color:var(--maz-color-surface-400)}@media (hover:hover){.maz\:dark\:hover\:bg-accent\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-accent)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-accent\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-accent) 20%, transparent)}}.maz\:dark\:hover\:bg-contrast\/70:where(.dark,.dark *):hover{background-color:var(--maz-color-contrast)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-contrast\/70:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-contrast) 70%, transparent)}}.maz\:dark\:hover\:bg-destructive\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-destructive)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-destructive\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-destructive) 20%, transparent)}}.maz\:dark\:hover\:bg-success\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-success)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-success\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-success) 20%, transparent)}}.maz\:dark\:hover\:bg-surface-300:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-300)}.maz\:dark\:hover\:bg-surface-400:where(.dark,.dark *):hover,.maz\:dark\:hover\:bg-surface-400\/50:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-surface-400\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-surface-400) 50%, transparent)}}.maz\:dark\:hover\:bg-surface-800\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-800)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-surface-800\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-surface-800) 20%, transparent)}}.maz\:dark\:hover\:bg-warning\/20:where(.dark,.dark *):hover{background-color:var(--maz-color-warning)}@supports (color:color-mix(in lab, red, red)){.maz\:dark\:hover\:bg-warning\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--maz-color-warning) 20%, transparent)}}.maz\:hover\:dark\:bg-info\/20:hover:where(.dark,.dark *){background-color:var(--maz-color-info)}@supports (color:color-mix(in lab, red, red)){.maz\:hover\:dark\:bg-info\/20:hover:where(.dark,.dark *){background-color:color-mix(in oklab, var(--maz-color-info) 20%, transparent)}}.maz\:hover\:dark\:bg-surface-400:hover:where(.dark,.dark *),.maz\:dark\:not-disabled\:hover\:bg-surface-400:where(.dark,.dark *):not(:disabled):hover{background-color:var(--maz-color-surface-400)}.maz\:not-disabled\:dark\:hover\:text-foreground-100:not(:disabled):where(.dark,.dark *):hover{color:var(--maz-color-foreground-100)}}.maz\:dark\:focus\:bg-surface-400:where(.dark,.dark *):focus{background-color:var(--maz-color-surface-400)}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.32",
|
|
5
5
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -187,9 +187,9 @@
|
|
|
187
187
|
"valibot": "^1.4.0",
|
|
188
188
|
"@maz-ui/cli": "5.0.0-beta.28",
|
|
189
189
|
"@maz-ui/icons": "5.0.0-beta.25",
|
|
190
|
-
"@maz-ui/
|
|
190
|
+
"@maz-ui/themes": "5.0.0-beta.28",
|
|
191
191
|
"@maz-ui/translations": "5.0.0-beta.28",
|
|
192
|
-
"@maz-ui/
|
|
192
|
+
"@maz-ui/utils": "5.0.0-beta.28"
|
|
193
193
|
},
|
|
194
194
|
"devDependencies": {
|
|
195
195
|
"@tailwindcss/cli": "^4.3.0",
|
|
@@ -209,10 +209,10 @@
|
|
|
209
209
|
"unplugin-auto-import": "^21.0.0",
|
|
210
210
|
"unplugin-vue-components": "^32.0.0",
|
|
211
211
|
"vue-router": "^5.0.7",
|
|
212
|
-
"@maz-ui/node": "5.0.0-beta.26",
|
|
213
|
-
"@maz-ui/stylelint-config": "5.0.0-beta.28",
|
|
214
212
|
"@maz-ui/eslint-config": "5.0.0-beta.28",
|
|
215
|
-
"@maz-ui/vite-config": "0.0.0"
|
|
213
|
+
"@maz-ui/vite-config": "0.0.0",
|
|
214
|
+
"@maz-ui/stylelint-config": "5.0.0-beta.28",
|
|
215
|
+
"@maz-ui/node": "5.0.0-beta.26"
|
|
216
216
|
},
|
|
217
217
|
"lint-staged": {
|
|
218
218
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-lazy-img-component.--block img[data-v-52228e3d]{width:100%}.m-lazy-img-component.--height-full img[data-v-52228e3d]{width:min-content!important;max-width:min-content!important;height:100%!important;max-height:100%!important}.m-lazy-img-component.m-lazy-error[data-v-52228e3d]:not(.m-lazy-fallback){background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-lazy-img-component.m-lazy-error[data-v-52228e3d]:not(.m-lazy-fallback):where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-lazy-img-component.m-lazy-error:not(.m-lazy-fallback) img[data-v-52228e3d]{width:50%;height:50%}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-52228e3d]{display:flex}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{computed,createElementBlock,defineComponent,openBlock,provide,ref,renderSlot}from"vue";var _hoisted_1={class:`m-tabs m-reset-css`};var MazTabs_default=defineComponent({__name:`MazTabs`,props:{modelValue:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let localValue=ref(1);let currentTab=computed({get:()=>props.modelValue??localValue.value,set:index=>{localValue.value=index,emits(`update:model-value`,index)}});function updateCurrentTab(index){return currentTab.value=index,index}return provide(`maz-tabs`,{currentTab,updateCurrentTab}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazTabs_default as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";var _hoisted_1=[`disabled`,`onClick`];var MazTabsBar_default=defineComponent({__name:`MazTabsBar`,props:{items:{},persistent:{type:Boolean,default:!1},queryParam:{default:`tab`},block:{type:Boolean,default:!1},elevation:{type:Boolean,default:!1},autoScroll:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0}},setup(__props){let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let{currentTab,updateCurrentTab}=useInjectStrict(`maz-tabs`);function selectTab(tabIndex){updateCurrentTab(tabIndex+1),__props.persistent&&addOrUpdateQueryParamTab(tabIndex+1)}let tabsBarRef=ref();let itemRefs=ref([]);function isActiveTab(index){return currentTab.value===index+1}function addElementToItemRefs({mazBtn,index}){itemRefs.value[index]=mazBtn&&`$el`in mazBtn?mazBtn.$el:mazBtn}let normalizedItems=computed(()=>__props.items.map(item=>({label:typeof item==`string`?item:item.label,disabled:typeof item==`string`?!1:item.disabled??!1,badge:typeof item==`string`?void 0:item.badge})));let tabsIndicatorState=ref();let tabsBarHasScrollAnimation=ref(!1);async function setIndicatorAndScroll(){if(!__props.autoScroll)return;await sleep(150);let tabsBar=tabsBarRef.value;let activeTab=itemRefs.value[currentTab.value-1];if(!tabsBar||!activeTab)return;if(activeTab.offsetLeft-50<tabsBar.scrollLeft||activeTab.offsetLeft+activeTab.offsetWidth>tabsBar.scrollLeft+tabsBar.clientWidth){let tabBarPaddingLeft=globalThis.getComputedStyle(tabsBar).paddingLeft;let tabsBarPaddingOffset=Number(tabBarPaddingLeft.slice(0,-2));tabsBar.scrollTo({left:activeTab.offsetLeft-tabsBarPaddingOffset-50,behavior:tabsBarHasScrollAnimation.value?`smooth`:`instant`})}if(typeof currentTab.value!=`number`)return;let indicatorWidth=activeTab?.offsetWidth??0;let indicatorHeight=activeTab?.offsetHeight??0;tabsIndicatorState.value={transform:`translateX(${activeTab?.offsetLeft??0}px)`,width:`${indicatorWidth}px`,height:`${indicatorHeight}px`},tabsBarHasScrollAnimation.value=!0}function getTabStyle(index,disabled){return disabled?{}:currentTab.value===index+1?`color: var(--maz-foreground)`:`color: var(--maz-muted)`}onBeforeMount(()=>{(currentTab.value<1||currentTab.value>normalizedItems.value.length)&&console.error(`[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`)}),onMounted(()=>{(__props.persistent||currentTab.value)&&setIndicatorAndScroll()}),watch(()=>[currentTab.value,normalizedItems.value],()=>{setIndicatorAndScroll()});function getQueryParamTab(){let urlActuelle=new URL(globalThis.location.href);return Number(urlActuelle.searchParams.get(__props.queryParam))}function addOrUpdateQueryParamTab(tab){let urlActuelle=new URL(globalThis.location.href);urlActuelle.searchParams.set(__props.queryParam,String(tab)),globalThis.history.replaceState({},document.title,urlActuelle.toString())}return onMounted(()=>{__props.persistent&&updateCurrentTab(getQueryParamTab()||currentTab.value||1)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`tabsBarRef`,ref:tabsBarRef,class:normalizeClass([`m-tabs-bar m-reset-css maz:relative maz:inline-flex maz:max-w-full maz:gap-1 maz:overflow-x-auto maz:rounded-md maz:bg-container maz:p-2 maz:align-top`,{"--block":__props.block,"--elevation":__props.elevation,"--bordered":__props.bordered,"maz:w-full":__props.block,"maz:shadow-elevation maz:drop-shadow-md maz:dark:shadow-none":__props.elevation,"maz:border maz:border-divider":__props.bordered}])},[createElementVNode(`div`,{class:normalizeClass([`m-tabs-bar__indicator maz:absolute maz:left-0 maz:rounded-md maz:bg-surface-600 maz:text-center maz:dark:bg-surface-400`,{"maz:transition-all maz:duration-300 maz:ease-in-out":tabsBarHasScrollAnimation.value}]),style:normalizeStyle([tabsIndicatorState.value])},null,6),(openBlock(!0),createElementBlock(Fragment,null,renderList(normalizedItems.value,(item,index)=>(openBlock(),createElementBlock(`button`,{key:index,ref_for:!0,ref:mazBtn=>addElementToItemRefs({mazBtn,index}),class:normalizeClass([[{"--active":isActiveTab(index),"--disabled":item.disabled},item.disabled?`maz:disabled-cursor maz:bg-surface-300 maz:text-gray-400 maz:dark:text-gray-500`:`maz:cursor-pointer maz:hover:text-foreground!`],`m-tabs-bar__item maz:relative maz:flex maz:flex-none maz:items-center maz:gap-2 maz:rounded-md maz:bg-transparent maz:px-3 maz:py-2 maz:text-center maz:font-medium maz:no-underline maz:transition maz:duration-200 maz:ease-in-out`]),disabled:item.disabled,style:normalizeStyle(getTabStyle(index,item.disabled)),onClick:$event=>item.disabled?void 0:selectTab(index)},[renderSlot(_ctx.$slots,`item`,{item,active:isActiveTab(index),index},()=>[createTextVNode(toDisplayString(item.label)+` `,1),item.badge?(openBlock(),createBlock(unref(MazBadge),mergeProps({key:0,ref_for:!0},item.badge,{size:item.badge.size??`xs`,class:`m-tabs-bar__item__badge`}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`badge-content`,{content:item.badge.content},()=>[createTextVNode(toDisplayString(item.badge.content),1)])]),_:2},1040,[`size`])):createCommentVNode(``,!0)])],14,_hoisted_1))),128))],2))}});export{MazTabsBar_default as t};
|