maz-ui 4.3.4-beta.6 → 4.3.4-beta.7

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.
@@ -1 +1 @@
1
- .m-btn[data-v-d41a0220]{border-width:var(--maz-border-width);text-align:center;vertical-align:top;--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));align-items:center;gap:.5rem;justify-content:var(--justify);background-color:#0000;border-style:solid;border-color:#0000;padding-top:.125rem;padding-bottom:.125rem;text-decoration-line:none;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.m-btn span[data-v-d41a0220]{line-height:1}.m-btn-loader-container[data-v-d41a0220]{background-color:hsl(var(--color)/100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.m-btn.--transparent .m-btn-loader-container[data-v-d41a0220],.m-btn.--transparent-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-btn-loader[data-v-d41a0220]{position:absolute}.m-btn.--cursor-pointer[data-v-d41a0220]{cursor:pointer}.m-btn.--cursor-default[data-v-d41a0220]{cursor:default}.m-btn[data-v-d41a0220]:not(.--rounded-none){border-radius:var(--maz-radius)}.m-btn:not(.--rounded-none).--rounded[data-v-d41a0220]{border-radius:9999px}.m-btn:not(.--rounded-none).--rounded-sm[data-v-d41a0220]{border-radius:calc(var(--maz-radius) - 8px)}.m-btn:not(.--rounded-none).--rounded-md[data-v-d41a0220]{border-radius:calc(var(--maz-radius) - 4px)}.m-btn:not(.--rounded-none).--rounded-lg[data-v-d41a0220]{border-radius:var(--maz-radius)}.m-btn:not(.--rounded-none).--rounded-xl[data-v-d41a0220]{border-radius:calc(var(--maz-radius) + 8px)}.m-btn:not(.--rounded-none).--rounded-full[data-v-d41a0220]{border-radius:9999px}.m-btn.--xl[data-v-d41a0220]{min-height:4rem;padding-left:2rem;padding-right:2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--xl.--has-left-icon[data-v-d41a0220]{padding-inline-start:1.5rem}.m-btn.--xl.--has-right-icon[data-v-d41a0220]{padding-inline-end:1.5rem}.m-btn.--lg[data-v-d41a0220]{min-height:3.5rem;padding-left:1.5rem;padding-right:1.5rem}.m-btn.--lg.--has-left-icon[data-v-d41a0220]{padding-inline-start:1rem}.m-btn.--lg.--has-right-icon[data-v-d41a0220]{padding-inline-end:1rem}.m-btn.--md[data-v-d41a0220]{min-height:3rem;padding-left:1rem;padding-right:1rem}.m-btn.--md.--has-left-icon[data-v-d41a0220]{padding-inline-start:.5rem}.m-btn.--md.--has-right-icon[data-v-d41a0220]{padding-inline-end:.5rem}.m-btn.--sm[data-v-d41a0220]{min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.m-btn.--sm.--has-left-icon[data-v-d41a0220]{padding-inline-start:.5rem}.m-btn.--sm.--has-right-icon[data-v-d41a0220]{padding-inline-end:.5rem}.m-btn.--xs[data-v-d41a0220]{min-height:2rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--mini[data-v-d41a0220]{min-height:1.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem}.m-btn.--fab[data-v-d41a0220]{border-radius:9999px;justify-content:center;align-items:center;padding:.25rem;display:flex}.m-btn.--fab.--xl[data-v-d41a0220]{width:4rem}.m-btn.--fab.--lg[data-v-d41a0220]{width:3.5rem}.m-btn.--fab.--md[data-v-d41a0220]{width:3rem}.m-btn.--fab.--sm[data-v-d41a0220]{width:2.5rem}.m-btn.--fab.--xs[data-v-d41a0220]{width:2rem}.m-btn.--fab.--mini[data-v-d41a0220]{width:1.5rem}.m-btn.--block[data-v-d41a0220]{width:100%}.m-btn.--primary[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--primary[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--secondary[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--info[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-700)/var(--maz-tw-bg-opacity,1))}.m-btn.--success[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--warning[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--destructive[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--transparent[data-v-d41a0220]{background-color:#0000}.m-btn.--transparent[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-background-600)/.5)}.m-btn.--transparent[data-v-d41a0220]:not(:disabled):hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--contrast[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-700)/var(--maz-tw-bg-opacity,1))}.m-btn.--accent[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--surface[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--surface[data-v-d41a0220]:not(:disabled):hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--surface .m-btn-loader-container[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface .m-btn-loader-container[data-v-d41a0220]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--primary-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-700)/var(--maz-tw-border-opacity,1))}.m-btn.--primary-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-primary)/.1)}.m-btn.--primary-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-700)/var(--maz-tw-border-opacity,1))}.m-btn.--secondary-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-secondary)/.1)}.m-btn.--secondary-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info)/var(--maz-tw-text-opacity,1))}.m-btn.--info-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-700)/var(--maz-tw-border-opacity,1))}.m-btn.--info-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-info)/.1)}.m-btn.--info-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-btn.--success-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-700)/var(--maz-tw-border-opacity,1))}.m-btn.--success-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-success)/.1)}.m-btn.--success-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-700)/var(--maz-tw-border-opacity,1))}.m-btn.--destructive-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-destructive)/.1)}.m-btn.--destructive-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-700)/var(--maz-tw-border-opacity,1))}.m-btn.--warning-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-warning)/.1)}.m-btn.--warning-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-700)/var(--maz-tw-border-opacity,1))}.m-btn.--contrast-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-contrast)/.1)}.m-btn.--contrast-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-outlined[data-v-d41a0220]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-700)/var(--maz-tw-border-opacity,1))}.m-btn.--accent-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-accent)/.1)}.m-btn.--accent-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-background-600)/.3)}.m-btn.--surface-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--transparent-outlined[data-v-d41a0220]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));background-color:#0000}.m-btn.--transparent-outlined[data-v-d41a0220]:not(:disabled):hover{background-color:hsl(var(--maz-background-600)/.3)}.m-btn.--transparent-outlined .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-700)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-700)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-700)/var(--maz-tw-text-opacity,1))}.m-btn.--info-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-700)/var(--maz-tw-text-opacity,1))}.m-btn.--success-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-700)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-700)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1))}.m-btn.--contrast-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-700)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-pastel .m-btn-loader-container[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-pastel[data-v-d41a0220]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-700)/var(--maz-tw-bg-opacity,1))}.m-btn.--transparent-pastel[data-v-d41a0220]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--transparent-pastel[data-v-d41a0220]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-btn[data-v-d41a0220]:disabled:not(.--loading){cursor:not-allowed;--maz-tw-border-opacity:1;border-color:hsl(var(--maz-background-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-btn[data-v-d41a0220]:disabled:not(.--loading):is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-background-400)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--loading[data-v-d41a0220]{cursor:wait}.m-btn.--no-padding[data-v-d41a0220]{padding:0}
1
+ .m-btn[data-v-7437c3ba]{border-width:var(--maz-border-width);text-align:center;vertical-align:top;--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));align-items:center;gap:.5rem;justify-content:var(--justify);background-color:#0000;border-style:solid;border-color:#0000;padding-top:.125rem;padding-bottom:.125rem;text-decoration-line:none;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.m-btn span[data-v-7437c3ba]{line-height:1}.m-btn-loader-container[data-v-7437c3ba]{background-color:hsl(var(--color)/100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.m-btn.--transparent .m-btn-loader-container[data-v-7437c3ba],.m-btn.--transparent-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-btn-loader[data-v-7437c3ba]{position:absolute}.m-btn.--cursor-pointer[data-v-7437c3ba]{cursor:pointer}.m-btn.--cursor-default[data-v-7437c3ba]{cursor:default}.m-btn[data-v-7437c3ba]:not(.--rounded-none){border-radius:var(--maz-radius)}.m-btn:not(.--rounded-none).--rounded[data-v-7437c3ba]{border-radius:9999px}.m-btn:not(.--rounded-none).--rounded-sm[data-v-7437c3ba]{border-radius:calc(var(--maz-radius) - 8px)}.m-btn:not(.--rounded-none).--rounded-md[data-v-7437c3ba]{border-radius:calc(var(--maz-radius) - 4px)}.m-btn:not(.--rounded-none).--rounded-lg[data-v-7437c3ba]{border-radius:var(--maz-radius)}.m-btn:not(.--rounded-none).--rounded-xl[data-v-7437c3ba]{border-radius:calc(var(--maz-radius) + 8px)}.m-btn:not(.--rounded-none).--rounded-full[data-v-7437c3ba]{border-radius:9999px}.m-btn.--xl[data-v-7437c3ba]{min-height:4rem;padding-left:2rem;padding-right:2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--xl.--has-left-icon[data-v-7437c3ba]{padding-inline-start:1.5rem}.m-btn.--xl.--has-right-icon[data-v-7437c3ba]{padding-inline-end:1.5rem}.m-btn.--lg[data-v-7437c3ba]{min-height:3.5rem;padding-left:1.5rem;padding-right:1.5rem}.m-btn.--lg.--has-left-icon[data-v-7437c3ba]{padding-inline-start:1rem}.m-btn.--lg.--has-right-icon[data-v-7437c3ba]{padding-inline-end:1rem}.m-btn.--md[data-v-7437c3ba]{min-height:3rem;padding-left:1rem;padding-right:1rem}.m-btn.--md.--has-left-icon[data-v-7437c3ba]{padding-inline-start:.5rem}.m-btn.--md.--has-right-icon[data-v-7437c3ba]{padding-inline-end:.5rem}.m-btn.--sm[data-v-7437c3ba]{min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.m-btn.--sm.--has-left-icon[data-v-7437c3ba]{padding-inline-start:.5rem}.m-btn.--sm.--has-right-icon[data-v-7437c3ba]{padding-inline-end:.5rem}.m-btn.--xs[data-v-7437c3ba]{min-height:2rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--mini[data-v-7437c3ba]{min-height:1.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem}.m-btn.--fab[data-v-7437c3ba]{border-radius:9999px;justify-content:center;align-items:center;padding:.25rem;display:flex}.m-btn.--fab.--xl[data-v-7437c3ba]{width:4rem}.m-btn.--fab.--lg[data-v-7437c3ba]{width:3.5rem}.m-btn.--fab.--md[data-v-7437c3ba]{width:3rem}.m-btn.--fab.--sm[data-v-7437c3ba]{width:2.5rem}.m-btn.--fab.--xs[data-v-7437c3ba]{width:2rem}.m-btn.--fab.--mini[data-v-7437c3ba]{width:1.5rem}.m-btn.--block[data-v-7437c3ba]{width:100%}.m-btn.--primary[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--primary[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--secondary[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--info[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-700)/var(--maz-tw-bg-opacity,1))}.m-btn.--success[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--warning[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--destructive[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--transparent[data-v-7437c3ba]{background-color:#0000}.m-btn.--transparent[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-background-600)/.5)}.m-btn.--transparent[data-v-7437c3ba]:not(:disabled):hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--contrast[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-700)/var(--maz-tw-bg-opacity,1))}.m-btn.--accent[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--surface[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-btn.--surface[data-v-7437c3ba]:not(:disabled):hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--surface .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface .m-btn-loader-container[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--primary-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-700)/var(--maz-tw-border-opacity,1))}.m-btn.--primary-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-primary)/.1)}.m-btn.--primary-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-700)/var(--maz-tw-border-opacity,1))}.m-btn.--secondary-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-secondary)/.1)}.m-btn.--secondary-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info)/var(--maz-tw-text-opacity,1))}.m-btn.--info-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-700)/var(--maz-tw-border-opacity,1))}.m-btn.--info-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-info)/.1)}.m-btn.--info-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-btn.--success-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-700)/var(--maz-tw-border-opacity,1))}.m-btn.--success-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-success)/.1)}.m-btn.--success-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-700)/var(--maz-tw-border-opacity,1))}.m-btn.--destructive-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-destructive)/.1)}.m-btn.--destructive-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-700)/var(--maz-tw-border-opacity,1))}.m-btn.--warning-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-warning)/.1)}.m-btn.--warning-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-700)/var(--maz-tw-border-opacity,1))}.m-btn.--contrast-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-contrast)/.1)}.m-btn.--contrast-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-200)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-outlined[data-v-7437c3ba]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-700)/var(--maz-tw-border-opacity,1))}.m-btn.--accent-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-accent)/.1)}.m-btn.--accent-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-background-600)/.3)}.m-btn.--surface-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--transparent-outlined[data-v-7437c3ba]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));background-color:#0000}.m-btn.--transparent-outlined[data-v-7437c3ba]:not(:disabled):hover{background-color:hsl(var(--maz-background-600)/.3)}.m-btn.--transparent-outlined .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-700)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--primary-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-700)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--secondary-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-700)/var(--maz-tw-text-opacity,1))}.m-btn.--info-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--info-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-700)/var(--maz-tw-text-opacity,1))}.m-btn.--success-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--success-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-700)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--destructive-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-700)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--warning-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--contrast-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1))}.m-btn.--contrast-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent-50)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-700)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--accent-pastel .m-btn-loader-container[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-pastel[data-v-7437c3ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--surface-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-700)/var(--maz-tw-bg-opacity,1))}.m-btn.--transparent-pastel[data-v-7437c3ba]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-btn.--transparent-pastel[data-v-7437c3ba]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-btn[data-v-7437c3ba]:disabled:not(.--loading){cursor:not-allowed;--maz-tw-border-opacity:1;border-color:hsl(var(--maz-background-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-btn[data-v-7437c3ba]:disabled:not(.--loading):is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-background-400)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-btn.--loading[data-v-7437c3ba]{cursor:wait}.m-btn.--no-padding[data-v-7437c3ba]{padding:0}
@@ -0,0 +1 @@
1
+ .m-dropdown[data-v-bdd5e900]{vertical-align:top;flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.m-dropdown__wrapper[data-v-bdd5e900]{border-radius:var(--maz-radius);outline-offset:2px;outline:2px solid #0000;width:100%;height:100%}.m-dropdown__wrapper[data-v-bdd5e900]:focus{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropdown__wrapper[data-v-bdd5e900]:focus:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropdown__icon[data-v-bdd5e900]{transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown__icon.--open[data-v-bdd5e900]{--maz-tw-rotate:180deg;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y))}.m-dropdown__menu[data-v-bdd5e900]{flex-direction:column;gap:.125rem;min-width:max-content;min-height:max-content;padding:.5rem;display:flex;overflow:auto}.m-dropdown__menu .menuitem[data-v-bdd5e900]{cursor:pointer;white-space:nowrap;border-radius:var(--maz-radius);text-align:start;outline-offset:2px;outline:2px solid #0000;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown__menu .menuitem[data-v-bdd5e900]:hover,.m-dropdown__menu .menuitem[data-v-bdd5e900]:focus{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropdown__menu .menuitem[data-v-bdd5e900]:hover:is([class~=dark] *),.m-dropdown__menu .menuitem[data-v-bdd5e900]:focus:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button[data-v-bdd5e900]:disabled{cursor:not-allowed;opacity:.5}.m-dropdown__menu .menuitem.menuitem__button.--primary[data-v-bdd5e900]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--primary[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--secondary[data-v-bdd5e900]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--secondary[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--info[data-v-bdd5e900]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--info[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--warning[data-v-bdd5e900],.m-dropdown__menu .menuitem.menuitem__button.--warning[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--destructive[data-v-bdd5e900],.m-dropdown__menu .menuitem.menuitem__button.--destructive[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--success[data-v-bdd5e900],.m-dropdown__menu .menuitem.menuitem__button.--success[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--contrast[data-v-bdd5e900]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--contrast[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--accent[data-v-bdd5e900]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--accent[data-v-bdd5e900]:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-600)/var(--maz-tw-text-opacity,1))}
@@ -1 +1 @@
1
- .m-pagination ul[data-v-7b81246f]{align-items:center;gap:.5rem;display:inline-flex;margin:0!important;list-style-type:none!important}.m-pagination ul[data-v-7b81246f]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(-1px*var(--maz-tw-space-x-reverse));margin-left:calc(-1px*calc(1 - var(--maz-tw-space-x-reverse)))}.m-pagination ul[data-v-7b81246f]{vertical-align:top;font-size:1rem;line-height:1.5rem;padding:0!important}.m-pagination ul li[data-v-7b81246f]{margin:0}
1
+ .m-pagination ul[data-v-08b86641]{align-items:center;gap:.5rem;display:inline-flex;margin:0!important;list-style-type:none!important}.m-pagination ul[data-v-08b86641]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(-1px*var(--maz-tw-space-x-reverse));margin-left:calc(-1px*calc(1 - var(--maz-tw-space-x-reverse)))}.m-pagination ul[data-v-08b86641]{vertical-align:top;font-size:1rem;line-height:1.5rem;padding:0!important}.m-pagination ul li[data-v-08b86641]{margin:0}
@@ -0,0 +1 @@
1
+ .m-popover[data-v-08b18b31]{display:inline-block}.m-popover.--disabled[data-v-08b18b31]{cursor:not-allowed}.m-popover .m-popover-trigger[data-v-08b18b31]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-08b18b31]{width:100%}.m-popover-panel[data-v-08b18b31]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-08b18b31]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-08b18b31]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-08b18b31]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--background[data-v-08b18b31]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-scale-fade-enter-active[data-v-08b18b31],.maz-scale-pop-enter-active[data-v-08b18b31]{transition:opacity .15s ease-out,transform .15s ease-out}.maz-scale-fade-leave-active[data-v-08b18b31],.maz-scale-pop-leave-active[data-v-08b18b31],.maz-scale-pop-leave-active[data-v-08b18b31]{transition:opacity .15s ease-in,transform .15s ease-in}.m-popover-panel.--position-bottom.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-bottom.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-bottom-start.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-bottom-start.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-bottom-end.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-bottom-end.maz-scale-fade-leave-to[data-v-08b18b31]{opacity:0;transform-origin:top;transform:scaleY(.5)}.m-popover-panel.--position-bottom.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-bottom.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-bottom-start.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-bottom-start.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-bottom-end.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-bottom-end.maz-scale-pop-leave-to[data-v-08b18b31]{opacity:0;transform-origin:top;transform:scale(.2)translateY(-4px)}.m-popover-panel.--position-top.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-top.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-top-start.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-top-start.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-top-end.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-top-end.maz-scale-fade-leave-to[data-v-08b18b31]{opacity:0;transform-origin:bottom;transform:scaleY(.5)}.m-popover-panel.--position-top.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-top.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-top-start.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-top-start.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-top-end.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-top-end.maz-scale-pop-leave-to[data-v-08b18b31]{opacity:0;transform-origin:bottom;transform:scale(.2)translateY(4px)}.m-popover-panel.--position-right.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-right.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-right-start.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-right-start.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-right-end.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-right-end.maz-scale-fade-leave-to[data-v-08b18b31]{opacity:0;transform-origin:0;transform:scaleX(.5)}.m-popover-panel.--position-right.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-right.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-right-start.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-right-start.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-right-end.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-right-end.maz-scale-pop-leave-to[data-v-08b18b31]{opacity:0;transform-origin:0;transform:scale(.2)translate(-4px)}.m-popover-panel.--position-left.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-left.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-left-start.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-left-start.maz-scale-fade-leave-to[data-v-08b18b31],.m-popover-panel.--position-left-end.maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel.--position-left-end.maz-scale-fade-leave-to[data-v-08b18b31]{opacity:0;transform-origin:100%;transform:scaleX(.5)}.m-popover-panel.--position-left.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-left.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-left-start.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-left-start.maz-scale-pop-leave-to[data-v-08b18b31],.m-popover-panel.--position-left-end.maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel.--position-left-end.maz-scale-pop-leave-to[data-v-08b18b31]{opacity:0;transform-origin:100%;transform:scale(.2)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-scale-pop-enter-from[data-v-08b18b31],.m-popover-panel:not([class*=--position-]).maz-scale-pop-leave-to[data-v-08b18b31]{opacity:0;transform-origin:50%;transform:scale(.2)}.m-popover-panel:not([class*=--position-]).maz-scale-fade-enter-from[data-v-08b18b31],.m-popover-panel:not([class*=--position-]).maz-scale-fade-leave-to[data-v-08b18b31]{opacity:0;transform-origin:50%;transform:scale(.5)translateY(-4px)}
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, defineAsyncComponent, useAttrs, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, createElementBlock, createCommentVNode, unref, createTextVNode, toDisplayString, createVNode } from "vue";
2
2
  import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
3
3
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
4
- import '../assets/MazBtn.Dk675mx2.css';const _hoisted_1 = {
4
+ import '../assets/MazBtn.D1foids9.css';const _hoisted_1 = {
5
5
  key: 0,
6
6
  class: "m-btn-loader-container"
7
7
  }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -100,7 +100,7 @@ import '../assets/MazBtn.Dk675mx2.css';const _hoisted_1 = {
100
100
  _: 3
101
101
  }, 8, ["disabled", "class", "style", "type"]));
102
102
  }
103
- }), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d41a0220"]]);
103
+ }), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7437c3ba"]]);
104
104
  export {
105
105
  MazBtn as default
106
106
  };
@@ -1,4 +1,277 @@
1
- import { _ as _sfc_main } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BK7LxJXG.js";
1
+ import { defineComponent, mergeModels, defineAsyncComponent, useModel, computed, useTemplateRef, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, renderSlot, createElementBlock, Fragment, renderList, mergeProps, withModifiers, createTextVNode, toDisplayString, withKeys, createVNode, createSlots, resolveDynamicComponent } from "vue";
2
+ import { MazChevronDown } from "@maz-ui/icons";
3
+ import { useTranslations } from "@maz-ui/translations";
4
+ import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
5
+ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
6
+ import MazPopover from "./MazPopover.js";
7
+ import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
8
+ import '../assets/MazDropdown.D5ArIosP.css';const _hoisted_1 = ["id"], _hoisted_2 = ["id"], _hoisted_3 = ["id"], _hoisted_4 = ["onClick", "onKeypress"], _sfc_main = /* @__PURE__ */ defineComponent({
9
+ inheritAttrs: !1,
10
+ __name: "MazDropdown",
11
+ props: /* @__PURE__ */ mergeModels({
12
+ modelValue: { type: Boolean },
13
+ style: {},
14
+ class: {},
15
+ items: { default: () => [] },
16
+ id: {},
17
+ trigger: { default: "adaptive" },
18
+ color: { default: "transparent" },
19
+ position: { default: "auto" },
20
+ closeOnClick: { type: Boolean, default: !1 },
21
+ disabled: { type: Boolean, default: !1 },
22
+ chevron: { type: Boolean, default: !0 },
23
+ screenReaderDescription: {},
24
+ menuPanelClass: {},
25
+ menuPanelStyle: {},
26
+ block: { type: Boolean },
27
+ dropdownIcon: { type: [String, Function, Object] },
28
+ dropdownIconAnimation: { type: Boolean, default: !0 },
29
+ size: { default: "md" },
30
+ transition: { default: "scale-pop" },
31
+ preferPosition: { default: "bottom-start" },
32
+ fallbackPosition: {},
33
+ ariaLabel: {},
34
+ announceChanges: { type: Boolean },
35
+ offset: {},
36
+ delay: {},
37
+ hoverDelay: {},
38
+ teleportTo: {},
39
+ overlayClass: {},
40
+ panelClass: {},
41
+ panelStyle: {},
42
+ closeOnClickOutside: { type: Boolean },
43
+ closeOnEscape: { type: Boolean },
44
+ persistent: { type: Boolean },
45
+ ariaLabelledby: {},
46
+ ariaDescribedby: {},
47
+ trapFocus: { type: Boolean },
48
+ keepOpenOnHover: { type: Boolean },
49
+ positionReference: {}
50
+ }, {
51
+ modelValue: {
52
+ default: !1
53
+ },
54
+ modelModifiers: {}
55
+ }),
56
+ emits: /* @__PURE__ */ mergeModels(["menuitem-clicked", "update:model-value"], ["update:modelValue"]),
57
+ setup(__props, { emit: __emit }) {
58
+ const emits = __emit, MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazLink = defineAsyncComponent(() => import("./MazLink.js")), instanceId = useInstanceUniqId({
59
+ componentName: "MazDropdown",
60
+ providedId: __props.id
61
+ }), { t } = useTranslations(), isOpen = useModel(__props, "modelValue"), iconClassSize = computed(() => __props.size === "xl" ? "maz-text-lg" : __props.size === "lg" || __props.size === "md" || __props.size === "sm" ? "maz-text-base" : __props.size === "xs" || __props.size === "mini" ? "maz-text-sm" : "maz-text-lg");
62
+ function setDropdown(value) {
63
+ __props.disabled || (isOpen.value = value);
64
+ }
65
+ function isLinkItem(item) {
66
+ return "href" in item || "to" in item;
67
+ }
68
+ async function runAction(item, event) {
69
+ emits("menuitem-clicked", event), await item.onClick?.(), closeDropdown();
70
+ }
71
+ function closeDropdown() {
72
+ __props.closeOnClick && setDropdown(!1);
73
+ }
74
+ function keydownHandler(event) {
75
+ ["ArrowDown", "ArrowUp"].includes(event.key) ? arrowHandler(event) : event.key === "Enter" && (event.preventDefault(), document.activeElement?.click(), closeDropdown());
76
+ }
77
+ function arrowHandler(event) {
78
+ event.preventDefault();
79
+ const code = event.key, itemLength = __props.items?.length;
80
+ if (!itemLength)
81
+ return;
82
+ const currentElement = document.activeElement, itemsElements = document.querySelectorAll(`#${instanceId.value}-menu .menuitem`), currentIndex = Array.from(itemsElements).indexOf(currentElement);
83
+ if (currentIndex === -1) {
84
+ itemsElements[0]?.focus();
85
+ return;
86
+ }
87
+ const nextIndex = code === "ArrowDown" ? (currentIndex + 1) % itemLength : (currentIndex - 1 + itemLength) % itemLength;
88
+ itemsElements[nextIndex]?.focus();
89
+ }
90
+ const mazPopoverElement = useTemplateRef("mazPopoverRef");
91
+ function onBlurTrigger(event) {
92
+ event.preventDefault();
93
+ const nextElementSibling = mazPopoverElement.value?.panelRef, relatedTarget = event.relatedTarget;
94
+ nextElementSibling?.contains(relatedTarget) || setDropdown(!1);
95
+ }
96
+ return watch(
97
+ isOpen,
98
+ (value) => {
99
+ isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
100
+ }
101
+ ), (_ctx, _cache) => (openBlock(), createBlock(MazPopover, {
102
+ ref: "mazPopoverRef",
103
+ trigger: __props.trigger,
104
+ "model-value": isOpen.value,
105
+ class: normalizeClass(["m-dropdown m-reset-css", [__props.class]]),
106
+ role: "menu",
107
+ style: normalizeStyle(__props.style),
108
+ "prefer-position": __props.preferPosition,
109
+ color: "background",
110
+ position: __props.position,
111
+ transition: __props.transition,
112
+ disabled: __props.disabled,
113
+ offset: __props.offset,
114
+ delay: __props.delay,
115
+ "fallback-position": __props.fallbackPosition,
116
+ persistent: __props.persistent,
117
+ "hover-delay": __props.hoverDelay,
118
+ "panel-class": __props.panelClass,
119
+ "panel-style": __props.panelStyle,
120
+ "close-on-escape": __props.closeOnEscape,
121
+ "close-on-click": __props.closeOnClick,
122
+ "teleport-to": __props.teleportTo,
123
+ "trap-focus": __props.trapFocus,
124
+ "overlay-class": __props.overlayClass,
125
+ "close-on-click-outside": __props.closeOnClickOutside,
126
+ "aria-describedby": __props.ariaDescribedby,
127
+ "announce-changes": __props.announceChanges,
128
+ "aria-label": __props.ariaLabel,
129
+ "aria-labelledby": __props.ariaLabelledby,
130
+ "position-reference": __props.positionReference,
131
+ "keep-open-on-hover": __props.trigger === "hover" || __props.trigger === "adaptive",
132
+ block: __props.block,
133
+ "onUpdate:modelValue": setDropdown
134
+ }, {
135
+ trigger: withCtx(({ toggle, close, open }) => [
136
+ createElementVNode("div", {
137
+ id: unref(instanceId),
138
+ tabindex: "-1",
139
+ class: "m-dropdown__wrapper"
140
+ }, [
141
+ createElementVNode("span", {
142
+ id: `${unref(instanceId)}-labelspan`,
143
+ class: "maz-sr-only"
144
+ }, [
145
+ renderSlot(_ctx.$slots, "screen-reader-description", {}, () => [
146
+ createTextVNode(toDisplayString(__props.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
147
+ ], !0)
148
+ ], 8, _hoisted_2),
149
+ renderSlot(_ctx.$slots, "trigger", {
150
+ isOpen: isOpen.value,
151
+ toggle,
152
+ close,
153
+ open
154
+ }, () => [
155
+ createVNode(unref(MazBtn), mergeProps({
156
+ "aria-labelledby": `${unref(instanceId)}-labelspan`,
157
+ color: __props.color,
158
+ disabled: __props.disabled
159
+ }, _ctx.$attrs, {
160
+ block: __props.block,
161
+ size: __props.size,
162
+ onKeydown: [
163
+ withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
164
+ withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"]),
165
+ withKeys(withModifiers(close, ["stop", "prevent"]), ["escape"])
166
+ ],
167
+ onBlur: withModifiers(onBlurTrigger, ["stop", "prevent"])
168
+ }), createSlots({
169
+ default: withCtx(() => [
170
+ renderSlot(_ctx.$slots, "default", {}, void 0, !0)
171
+ ]),
172
+ _: 2
173
+ }, [
174
+ __props.chevron || _ctx.$slots["dropdown-icon"] ? {
175
+ name: "right-icon",
176
+ fn: withCtx(() => [
177
+ renderSlot(_ctx.$slots, "dropdown-icon", {
178
+ isOpen: isOpen.value,
179
+ toggle,
180
+ close,
181
+ open
182
+ }, () => [
183
+ typeof __props.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
184
+ key: 0,
185
+ name: __props.dropdownIcon,
186
+ class: normalizeClass([{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value])
187
+ }, null, 8, ["name", "class"])) : __props.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dropdownIcon), {
188
+ key: 1,
189
+ class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
190
+ }, null, 8, ["class"])) : (openBlock(), createBlock(unref(MazChevronDown), {
191
+ key: 2,
192
+ class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
193
+ }, null, 8, ["class"]))
194
+ ], !0)
195
+ ]),
196
+ key: "0"
197
+ } : void 0
198
+ ]), 1040, ["aria-labelledby", "color", "disabled", "block", "size", "onKeydown"])
199
+ ], !0)
200
+ ], 8, _hoisted_1)
201
+ ]),
202
+ default: withCtx(({ open, close, toggle }) => [
203
+ createElementVNode("div", {
204
+ id: `${unref(instanceId)}-menu`,
205
+ role: "menu",
206
+ "aria-label": "Menu",
207
+ class: normalizeClass(["m-dropdown__menu", __props.menuPanelClass]),
208
+ tabindex: "-1",
209
+ style: normalizeStyle(__props.menuPanelStyle)
210
+ }, [
211
+ renderSlot(_ctx.$slots, "dropdown", {
212
+ items: __props.items,
213
+ open,
214
+ close,
215
+ isOpen: isOpen.value,
216
+ toggle
217
+ }, () => [
218
+ (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
219
+ key: index,
220
+ item,
221
+ open,
222
+ close,
223
+ isOpen: isOpen.value,
224
+ toggle
225
+ }, () => [
226
+ isLinkItem(item) ? (openBlock(), createBlock(unref(MazLink), mergeProps({
227
+ key: 0,
228
+ target: item.href ? item.target ?? "_self" : void 0,
229
+ to: item.to,
230
+ href: item.href,
231
+ color: item.color ?? "contrast"
232
+ }, { ref_for: !0 }, item, {
233
+ "underline-only-hover": item.underlineOnlyHover ?? !1,
234
+ class: ["menuitem", [item.class]],
235
+ onClick: withModifiers(closeDropdown, ["stop"])
236
+ }), {
237
+ default: withCtx(() => [
238
+ renderSlot(_ctx.$slots, "menuitem-label", {
239
+ item,
240
+ open,
241
+ close,
242
+ isOpen: isOpen.value,
243
+ toggle
244
+ }, () => [
245
+ createTextVNode(toDisplayString(item.label), 1)
246
+ ], !0)
247
+ ]),
248
+ _: 2
249
+ }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : (openBlock(), createElementBlock("button", mergeProps({
250
+ key: 1,
251
+ type: "button"
252
+ }, { ref_for: !0 }, { ...item, onClick: void 0 }, {
253
+ class: ["menuitem menuitem__button", [item.class, item.color ? `--${item.color}` : ""]],
254
+ onClick: withModifiers(($event) => runAction(item, $event), ["stop"]),
255
+ onKeypress: withKeys(withModifiers(($event) => runAction(item, $event), ["stop", "prevent"]), ["enter"])
256
+ }), [
257
+ renderSlot(_ctx.$slots, "menuitem-label", {
258
+ item,
259
+ open,
260
+ close,
261
+ isOpen: isOpen.value,
262
+ toggle
263
+ }, () => [
264
+ createTextVNode(toDisplayString(item.label), 1)
265
+ ], !0)
266
+ ], 16, _hoisted_4))
267
+ ], !0)), 128))
268
+ ], !0)
269
+ ], 14, _hoisted_3)
270
+ ]),
271
+ _: 3
272
+ }, 8, ["trigger", "model-value", "style", "prefer-position", "position", "transition", "disabled", "offset", "delay", "fallback-position", "persistent", "hover-delay", "panel-class", "panel-style", "close-on-escape", "close-on-click", "teleport-to", "trap-focus", "overlay-class", "close-on-click-outside", "aria-describedby", "announce-changes", "aria-label", "aria-labelledby", "position-reference", "keep-open-on-hover", "class", "block"]));
273
+ }
274
+ }), MazDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdd5e900"]]);
2
275
  export {
3
- _sfc_main as default
276
+ MazDropdown as default
4
277
  };
@@ -3,12 +3,11 @@ import { MazChevronDoubleLeft, MazChevronLeft, MazEllipsisHorizontal } from "@ma
3
3
  import { useTranslations } from "@maz-ui/translations";
4
4
  import MazBtn from "./MazBtn.js";
5
5
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
6
- import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
6
+ import '../assets/MazPagination.CG5KGOkL.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _hoisted_3 = { class: "maz-sr-only" }, _hoisted_4 = ["id"], _hoisted_5 = { class: "maz-sr-only" }, _hoisted_6 = { class: "maz-sr-only" }, _hoisted_7 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  __name: "MazPagination",
8
8
  props: {
9
9
  modelValue: { default: 1 },
10
10
  buttonProps: {},
11
- resultsSize: {},
12
11
  activeColor: { default: "background" },
13
12
  size: { default: "md" },
14
13
  totalPages: {},
@@ -70,8 +69,6 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
70
69
  createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
71
70
  disabled: __props.modelValue === 1,
72
71
  "aria-label": "First Page, Page 1",
73
- "aria-setsize": __props.resultsSize ?? void 0,
74
- "aria-posinset": "1",
75
72
  size: __props.size,
76
73
  onClick: _cache[0] || (_cache[0] = ($event) => setPageNumber(1))
77
74
  }), {
@@ -84,14 +81,12 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
84
81
  createVNode(unref(MazChevronDoubleLeft))
85
82
  ]),
86
83
  _: 3
87
- }, 16, ["disabled", "aria-setsize", "size"])
84
+ }, 16, ["disabled", "size"])
88
85
  ]),
89
86
  createElementVNode("li", null, [
90
87
  createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
91
88
  disabled: __props.modelValue === 1,
92
89
  "aria-label": `Previous Page, Page ${previousPage.value}`,
93
- "aria-setsize": __props.resultsSize ?? void 0,
94
- "aria-posinset": previousPage.value,
95
90
  size: __props.size,
96
91
  onClick: _cache[1] || (_cache[1] = ($event) => setPageNumber(previousPage.value))
97
92
  }), {
@@ -104,7 +99,7 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
104
99
  createVNode(unref(MazChevronLeft))
105
100
  ]),
106
101
  _: 3
107
- }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
102
+ }, 16, ["disabled", "aria-label", "size"])
108
103
  ]),
109
104
  (openBlock(!0), createElementBlock(Fragment, null, renderList(pages.value, (page, i) => (openBlock(), createElementBlock("li", {
110
105
  id: "number" in page ? `button-${i}-${page.number}` : `ellipsis-${i}`,
@@ -120,10 +115,8 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
120
115
  }, {
121
116
  size: __props.size,
122
117
  "aria-label": `Page ${page.number}`,
123
- "aria-current": page.isActive ? "true" : "false",
124
- "aria-setsize": __props.resultsSize ?? void 0,
118
+ "aria-current": page.isActive ? "page" : void 0,
125
119
  loading: page.loading,
126
- "aria-posinset": page.number,
127
120
  class: { active: page.isActive },
128
121
  onClick: ($event) => page.isActive ? void 0 : setPageNumber(page.number)
129
122
  }), {
@@ -138,7 +131,7 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
138
131
  createTextVNode(" " + toDisplayString(page.number), 1)
139
132
  ]),
140
133
  _: 2
141
- }, 1040, ["size", "aria-label", "aria-current", "aria-setsize", "loading", "aria-posinset", "class", "onClick"])) : page.divider ? (openBlock(), createElementBlock("div", mergeProps({
134
+ }, 1040, ["size", "aria-label", "aria-current", "loading", "class", "onClick"])) : page.divider ? (openBlock(), createElementBlock("div", mergeProps({
142
135
  key: 1,
143
136
  ref_for: !0
144
137
  }, buttonsPropsMerged.value, { class: "flex-center flex p-2" }), [
@@ -149,8 +142,6 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
149
142
  createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
150
143
  disabled: __props.modelValue === __props.totalPages,
151
144
  "aria-label": `Next Page, Page ${nextPage.value}`,
152
- "aria-setsize": __props.resultsSize ?? void 0,
153
- "aria-posinset": nextPage.value,
154
145
  size: __props.size,
155
146
  onClick: _cache[2] || (_cache[2] = ($event) => setPageNumber(nextPage.value))
156
147
  }), {
@@ -163,14 +154,12 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
163
154
  createVNode(unref(MazChevronLeft), { class: "-maz-rotate-180" })
164
155
  ]),
165
156
  _: 3
166
- }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
157
+ }, 16, ["disabled", "aria-label", "size"])
167
158
  ]),
168
159
  createElementVNode("li", null, [
169
160
  createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
170
161
  disabled: __props.modelValue === __props.totalPages,
171
162
  "aria-label": `Next Page, Page ${__props.totalPages}`,
172
- "aria-setsize": __props.resultsSize ?? void 0,
173
- "aria-posinset": __props.totalPages,
174
163
  size: __props.size,
175
164
  onClick: _cache[3] || (_cache[3] = ($event) => setPageNumber(__props.totalPages))
176
165
  }), {
@@ -183,12 +172,12 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
183
172
  createVNode(unref(MazChevronDoubleLeft), { class: "-maz-rotate-180" })
184
173
  ]),
185
174
  _: 3
186
- }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
175
+ }, 16, ["disabled", "aria-label", "size"])
187
176
  ])
188
177
  ])
189
178
  ], 8, _hoisted_1));
190
179
  }
191
- }), MazPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b81246f"]]);
180
+ }), MazPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08b86641"]]);
192
181
  export {
193
182
  MazPagination as default
194
183
  };
@@ -13,11 +13,6 @@ export interface MazPaginationProps {
13
13
  * @default undefined
14
14
  */
15
15
  buttonProps?: Partial<MazBtnProps>;
16
- /**
17
- * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.
18
- * @default undefined
19
- */
20
- resultsSize?: number;
21
16
  /**
22
17
  * Color of the active button.
23
18
  * @values 'contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'background'
@@ -5,7 +5,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
5
5
  import { d as directive } from "../chunks/vClickOutside.DIOiluy0.js";
6
6
  import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
7
7
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
8
- import '../assets/MazPopover.DU4IHV-5.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
8
+ import '../assets/MazPopover.iolOtBTo.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby", "aria-controls"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
9
9
  name: "MazPopover",
10
10
  inheritAttrs: !1,
11
11
  __name: "MazPopover",
@@ -265,7 +265,8 @@ import '../assets/MazPopover.DU4IHV-5.css';const _hoisted_1 = ["id", "aria-expan
265
265
  "aria-expanded": __props.role === "dialog" || __props.role === "menu" ? isOpen.value : void 0,
266
266
  "aria-haspopup": __props.role === "dialog" ? "dialog" : void 0,
267
267
  "aria-describedby": __props.role === "tooltip" && isOpen.value ? panelId.value : __props.ariaDescribedby,
268
- "aria-labelledby": __props.ariaLabelledby
268
+ "aria-labelledby": __props.ariaLabelledby,
269
+ "aria-controls": panelId.value
269
270
  }, triggerEvents.value), [
270
271
  renderSlot(_ctx.$slots, "trigger", {
271
272
  open,
@@ -319,7 +320,7 @@ import '../assets/MazPopover.DU4IHV-5.css';const _hoisted_1 = ["id", "aria-expan
319
320
  ], 8, ["to"]))
320
321
  ], 64));
321
322
  }
322
- }), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-641d39cb"]]);
323
+ }), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08b18b31"]]);
323
324
  export {
324
325
  MazPopover as default
325
326
  };
@@ -18,42 +18,42 @@ import { M } from "../chunks/MazDatePicker.D0Xw4RhE.js";
18
18
  import { default as default17 } from "./MazDialog.js";
19
19
  import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js";
20
20
  import { default as default18 } from "./MazDrawer.js";
21
- import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BK7LxJXG.js";
22
- import { default as default19 } from "./MazDropzone.js";
23
- import { default as default20 } from "./MazExpandAnimation.js";
24
- import { default as default21 } from "./MazFullscreenLoader.js";
25
- import { default as default22 } from "./MazGallery.js";
26
- import { default as default23 } from "./MazIcon.js";
27
- import { default as default24 } from "./MazInput.js";
28
- import { default as default25 } from "./MazInputCode.js";
29
- import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.D_OF4KbM.js";
21
+ import { default as default19 } from "./MazDropdown.js";
22
+ import { default as default20 } from "./MazDropzone.js";
23
+ import { default as default21 } from "./MazExpandAnimation.js";
24
+ import { default as default22 } from "./MazFullscreenLoader.js";
25
+ import { default as default23 } from "./MazGallery.js";
26
+ import { default as default24 } from "./MazIcon.js";
27
+ import { default as default25 } from "./MazInput.js";
28
+ import { default as default26 } from "./MazInputCode.js";
29
+ import { _ as _3 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.D_OF4KbM.js";
30
30
  import { M as M2 } from "../chunks/MazInputPhoneNumber.D5Of5uBR.js";
31
- import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.CcQ71H1z.js";
32
- import { default as default26 } from "./MazInputTags.js";
33
- import { default as default27 } from "./MazLazyImg.js";
34
- import { default as default28 } from "./MazLink.js";
35
- import { default as default29 } from "./MazLoadingBar.js";
36
- import { default as default30 } from "./MazPagination.js";
37
- import { default as default31 } from "./MazPopover.js";
38
- import { default as default32 } from "./MazPullToRefresh.js";
39
- import { default as default33 } from "./MazRadio.js";
40
- import { default as default34 } from "./MazRadioButtons.js";
41
- import { default as default35 } from "./MazReadingProgressBar.js";
42
- import { default as default36 } from "./MazSelect.js";
43
- import { default as default37 } from "./MazSelectCountry.js";
44
- import { default as default38 } from "./MazSlider.js";
45
- import { default as default39 } from "./MazSpinner.js";
46
- import { default as default40 } from "./MazStepper.js";
47
- import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DctlXsMK.js";
48
- import { default as default41 } from "./MazTable.js";
49
- import { default as default42 } from "./MazTableCell.js";
50
- import { default as default43 } from "./MazTableRow.js";
51
- import { default as default44 } from "./MazTableTitle.js";
52
- import { _ as _7 } from "../chunks/MazTabs.vue_vue_type_script_setup_true_lang.CvFvUU0o.js";
53
- import { default as default45 } from "./MazTabsBar.js";
54
- import { _ as _8 } from "../chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.arGqYTL5.js";
55
- import { default as default46 } from "./MazTabsContentItem.js";
56
- import { default as default47 } from "./MazTextarea.js";
31
+ import { _ as _4 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.CcQ71H1z.js";
32
+ import { default as default27 } from "./MazInputTags.js";
33
+ import { default as default28 } from "./MazLazyImg.js";
34
+ import { default as default29 } from "./MazLink.js";
35
+ import { default as default30 } from "./MazLoadingBar.js";
36
+ import { default as default31 } from "./MazPagination.js";
37
+ import { default as default32 } from "./MazPopover.js";
38
+ import { default as default33 } from "./MazPullToRefresh.js";
39
+ import { default as default34 } from "./MazRadio.js";
40
+ import { default as default35 } from "./MazRadioButtons.js";
41
+ import { default as default36 } from "./MazReadingProgressBar.js";
42
+ import { default as default37 } from "./MazSelect.js";
43
+ import { default as default38 } from "./MazSelectCountry.js";
44
+ import { default as default39 } from "./MazSlider.js";
45
+ import { default as default40 } from "./MazSpinner.js";
46
+ import { default as default41 } from "./MazStepper.js";
47
+ import { _ as _5 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DctlXsMK.js";
48
+ import { default as default42 } from "./MazTable.js";
49
+ import { default as default43 } from "./MazTableCell.js";
50
+ import { default as default44 } from "./MazTableRow.js";
51
+ import { default as default45 } from "./MazTableTitle.js";
52
+ import { _ as _6 } from "../chunks/MazTabs.vue_vue_type_script_setup_true_lang.CvFvUU0o.js";
53
+ import { default as default46 } from "./MazTabsBar.js";
54
+ import { _ as _7 } from "../chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.arGqYTL5.js";
55
+ import { default as default47 } from "./MazTabsContentItem.js";
56
+ import { default as default48 } from "./MazTextarea.js";
57
57
  export {
58
58
  default2 as MazAccordion,
59
59
  default3 as MazAnimatedCounter,
@@ -75,41 +75,41 @@ export {
75
75
  default17 as MazDialog,
76
76
  _2 as MazDialogConfirm,
77
77
  default18 as MazDrawer,
78
- _3 as MazDropdown,
79
- default19 as MazDropzone,
80
- default20 as MazExpandAnimation,
81
- default21 as MazFullscreenLoader,
82
- default22 as MazGallery,
83
- default23 as MazIcon,
84
- default24 as MazInput,
85
- default25 as MazInputCode,
86
- _4 as MazInputNumber,
78
+ default19 as MazDropdown,
79
+ default20 as MazDropzone,
80
+ default21 as MazExpandAnimation,
81
+ default22 as MazFullscreenLoader,
82
+ default23 as MazGallery,
83
+ default24 as MazIcon,
84
+ default25 as MazInput,
85
+ default26 as MazInputCode,
86
+ _3 as MazInputNumber,
87
87
  M2 as MazInputPhoneNumber,
88
- _5 as MazInputPrice,
89
- default26 as MazInputTags,
90
- default27 as MazLazyImg,
91
- default28 as MazLink,
92
- default29 as MazLoadingBar,
93
- default30 as MazPagination,
94
- default31 as MazPopover,
95
- default32 as MazPullToRefresh,
96
- default33 as MazRadio,
97
- default34 as MazRadioButtons,
98
- default35 as MazReadingProgressBar,
99
- default36 as MazSelect,
100
- default37 as MazSelectCountry,
101
- default38 as MazSlider,
102
- default39 as MazSpinner,
103
- default40 as MazStepper,
104
- _6 as MazSwitch,
105
- default41 as MazTable,
106
- default42 as MazTableCell,
107
- default43 as MazTableRow,
108
- default44 as MazTableTitle,
109
- _7 as MazTabs,
110
- default45 as MazTabsBar,
111
- _8 as MazTabsContent,
112
- default46 as MazTabsContentItem,
113
- default47 as MazTextarea,
88
+ _4 as MazInputPrice,
89
+ default27 as MazInputTags,
90
+ default28 as MazLazyImg,
91
+ default29 as MazLink,
92
+ default30 as MazLoadingBar,
93
+ default31 as MazPagination,
94
+ default32 as MazPopover,
95
+ default33 as MazPullToRefresh,
96
+ default34 as MazRadio,
97
+ default35 as MazRadioButtons,
98
+ default36 as MazReadingProgressBar,
99
+ default37 as MazSelect,
100
+ default38 as MazSelectCountry,
101
+ default39 as MazSlider,
102
+ default40 as MazSpinner,
103
+ default41 as MazStepper,
104
+ _5 as MazSwitch,
105
+ default42 as MazTable,
106
+ default43 as MazTableCell,
107
+ default44 as MazTableRow,
108
+ default45 as MazTableTitle,
109
+ _6 as MazTabs,
110
+ default46 as MazTabsBar,
111
+ _7 as MazTabsContent,
112
+ default47 as MazTabsContentItem,
113
+ default48 as MazTextarea,
114
114
  u as useMazDialogConfirm
115
115
  };
@@ -13,11 +13,6 @@ export interface MazPaginationProps {
13
13
  * @default undefined
14
14
  */
15
15
  buttonProps?: Partial<MazBtnProps>;
16
- /**
17
- * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.
18
- * @default undefined
19
- */
20
- resultsSize?: number;
21
16
  /**
22
17
  * Color of the active button.
23
18
  * @values 'contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'background'
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.3.4-beta.6",
4
+ "version": "4.3.4-beta.7",
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",
@@ -180,9 +180,9 @@
180
180
  "vue-chartjs": "^5.3.3",
181
181
  "@maz-ui/cli": "4.3.4-beta.0",
182
182
  "@maz-ui/icons": "4.3.0",
183
- "@maz-ui/themes": "4.3.0",
183
+ "@maz-ui/utils": "4.3.0",
184
184
  "@maz-ui/translations": "4.3.0",
185
- "@maz-ui/utils": "4.3.0"
185
+ "@maz-ui/themes": "4.3.0"
186
186
  },
187
187
  "devDependencies": {
188
188
  "@vitejs/plugin-vue": "^6.0.3",
@@ -1 +0,0 @@
1
- .m-dropdown{vertical-align:top;flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.m-dropdown__wrapper{border-radius:var(--maz-radius);outline-offset:2px;outline:2px solid #0000;width:100%;height:100%}.m-dropdown__wrapper:focus{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropdown__wrapper:focus:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropdown__icon{transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown__icon.--open{--maz-tw-rotate:180deg;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y))}.m-dropdown__menu{flex-direction:column;gap:.125rem;min-width:max-content;min-height:max-content;padding:.5rem;display:flex;overflow:auto}.m-dropdown__menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-radius);text-align:start;outline-offset:2px;outline:2px solid #0000;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown__menu .menuitem:hover,.m-dropdown__menu .menuitem:focus{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropdown__menu .menuitem:hover:is([class~=dark] *),.m-dropdown__menu .menuitem:focus:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button:disabled{cursor:not-allowed;opacity:.5}.m-dropdown__menu .menuitem.menuitem__button.--primary{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--primary:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--secondary{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--secondary:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--info{--maz-tw-text-opacity:1;color:hsl(var(--maz-info)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--info:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--warning,.m-dropdown__menu .menuitem.menuitem__button.--warning:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--destructive,.m-dropdown__menu .menuitem.menuitem__button.--destructive:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--success,.m-dropdown__menu .menuitem.menuitem__button.--success:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--contrast{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--contrast:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-600)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--accent{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent)/var(--maz-tw-text-opacity,1))}.m-dropdown__menu .menuitem.menuitem__button.--accent:hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-600)/var(--maz-tw-text-opacity,1))}
@@ -1 +0,0 @@
1
- .m-popover[data-v-641d39cb]{display:inline-block}.m-popover.--disabled[data-v-641d39cb]{cursor:not-allowed}.m-popover .m-popover-trigger[data-v-641d39cb]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-641d39cb]{width:100%}.m-popover-panel[data-v-641d39cb]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-641d39cb]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-641d39cb]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-641d39cb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--background[data-v-641d39cb]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-scale-fade-enter-active[data-v-641d39cb],.maz-scale-pop-enter-active[data-v-641d39cb]{transition:opacity .15s ease-out,transform .15s ease-out}.maz-scale-fade-leave-active[data-v-641d39cb],.maz-scale-pop-leave-active[data-v-641d39cb],.maz-scale-pop-leave-active[data-v-641d39cb]{transition:opacity .15s ease-in,transform .15s ease-in}.m-popover-panel.--position-bottom.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-bottom.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-bottom-start.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-bottom-start.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-bottom-end.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-bottom-end.maz-scale-fade-leave-to[data-v-641d39cb]{opacity:0;transform-origin:top;transform:scaleY(.5)}.m-popover-panel.--position-bottom.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-bottom.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-bottom-start.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-bottom-start.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-bottom-end.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-bottom-end.maz-scale-pop-leave-to[data-v-641d39cb]{opacity:0;transform-origin:top;transform:scale(.2)translateY(-4px)}.m-popover-panel.--position-top.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-top.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-top-start.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-top-start.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-top-end.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-top-end.maz-scale-fade-leave-to[data-v-641d39cb]{opacity:0;transform-origin:bottom;transform:scaleY(.5)}.m-popover-panel.--position-top.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-top.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-top-start.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-top-start.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-top-end.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-top-end.maz-scale-pop-leave-to[data-v-641d39cb]{opacity:0;transform-origin:bottom;transform:scale(.2)translateY(4px)}.m-popover-panel.--position-right.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-right.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-right-start.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-right-start.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-right-end.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-right-end.maz-scale-fade-leave-to[data-v-641d39cb]{opacity:0;transform-origin:0;transform:scaleX(.5)}.m-popover-panel.--position-right.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-right.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-right-start.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-right-start.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-right-end.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-right-end.maz-scale-pop-leave-to[data-v-641d39cb]{opacity:0;transform-origin:0;transform:scale(.2)translate(-4px)}.m-popover-panel.--position-left.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-left.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-left-start.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-left-start.maz-scale-fade-leave-to[data-v-641d39cb],.m-popover-panel.--position-left-end.maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel.--position-left-end.maz-scale-fade-leave-to[data-v-641d39cb]{opacity:0;transform-origin:100%;transform:scaleX(.5)}.m-popover-panel.--position-left.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-left.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-left-start.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-left-start.maz-scale-pop-leave-to[data-v-641d39cb],.m-popover-panel.--position-left-end.maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel.--position-left-end.maz-scale-pop-leave-to[data-v-641d39cb]{opacity:0;transform-origin:100%;transform:scale(.2)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-scale-pop-enter-from[data-v-641d39cb],.m-popover-panel:not([class*=--position-]).maz-scale-pop-leave-to[data-v-641d39cb]{opacity:0;transform-origin:50%;transform:scale(.2)}.m-popover-panel:not([class*=--position-]).maz-scale-fade-enter-from[data-v-641d39cb],.m-popover-panel:not([class*=--position-]).maz-scale-fade-leave-to[data-v-641d39cb]{opacity:0;transform-origin:50%;transform:scale(.5)translateY(-4px)}
@@ -1,278 +0,0 @@
1
- import { defineComponent, mergeModels, defineAsyncComponent, useModel, computed, useTemplateRef, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, renderSlot, createElementBlock, Fragment, renderList, mergeProps, withModifiers, createTextVNode, toDisplayString, withKeys, createVNode, createSlots, resolveDynamicComponent } from "vue";
2
- import { MazChevronDown } from "@maz-ui/icons";
3
- import { useTranslations } from "@maz-ui/translations";
4
- import { i as isClient } from "./isClient.WI4oSt66.js";
5
- import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
6
- import MazPopover from "../components/MazPopover.js";
7
- import '../assets/MazDropdown.uTis3caD.css';const _hoisted_1 = ["id", "aria-expanded"], _hoisted_2 = ["id"], _hoisted_3 = ["id"], _hoisted_4 = ["onClick", "onKeypress"], _sfc_main = /* @__PURE__ */ defineComponent({
8
- inheritAttrs: !1,
9
- __name: "MazDropdown",
10
- props: /* @__PURE__ */ mergeModels({
11
- modelValue: { type: Boolean },
12
- style: {},
13
- class: {},
14
- items: { default: () => [] },
15
- id: {},
16
- trigger: { default: "adaptive" },
17
- color: { default: "transparent" },
18
- position: { default: "auto" },
19
- closeOnClick: { type: Boolean, default: !1 },
20
- disabled: { type: Boolean, default: !1 },
21
- chevron: { type: Boolean, default: !0 },
22
- screenReaderDescription: {},
23
- menuPanelClass: {},
24
- menuPanelStyle: {},
25
- block: { type: Boolean },
26
- dropdownIcon: { type: [String, Function, Object] },
27
- dropdownIconAnimation: { type: Boolean, default: !0 },
28
- size: { default: "md" },
29
- transition: { default: "scale-pop" },
30
- preferPosition: { default: "bottom-start" },
31
- fallbackPosition: {},
32
- ariaLabel: {},
33
- announceChanges: { type: Boolean },
34
- offset: {},
35
- delay: {},
36
- hoverDelay: {},
37
- teleportTo: {},
38
- overlayClass: {},
39
- panelClass: {},
40
- panelStyle: {},
41
- closeOnClickOutside: { type: Boolean },
42
- closeOnEscape: { type: Boolean },
43
- persistent: { type: Boolean },
44
- ariaLabelledby: {},
45
- ariaDescribedby: {},
46
- trapFocus: { type: Boolean },
47
- keepOpenOnHover: { type: Boolean },
48
- positionReference: {}
49
- }, {
50
- modelValue: {
51
- default: !1
52
- },
53
- modelModifiers: {}
54
- }),
55
- emits: /* @__PURE__ */ mergeModels(["menuitem-clicked", "update:model-value"], ["update:modelValue"]),
56
- setup(__props, { emit: __emit }) {
57
- const emits = __emit, MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), MazIcon = defineAsyncComponent(() => import("../components/MazIcon.js")), MazLink = defineAsyncComponent(() => import("../components/MazLink.js")), instanceId = useInstanceUniqId({
58
- componentName: "MazDropdown",
59
- providedId: __props.id
60
- }), { t } = useTranslations(), isOpen = useModel(__props, "modelValue"), iconClassSize = computed(() => __props.size === "xl" ? "maz-text-lg" : __props.size === "lg" || __props.size === "md" || __props.size === "sm" ? "maz-text-base" : __props.size === "xs" || __props.size === "mini" ? "maz-text-sm" : "maz-text-lg");
61
- function setDropdown(value) {
62
- __props.disabled || (isOpen.value = value);
63
- }
64
- function isLinkItem(item) {
65
- return "href" in item || "to" in item;
66
- }
67
- async function runAction(item, event) {
68
- emits("menuitem-clicked", event), await item.onClick?.(), closeDropdown();
69
- }
70
- function closeDropdown() {
71
- __props.closeOnClick && setDropdown(!1);
72
- }
73
- function keydownHandler(event) {
74
- ["ArrowDown", "ArrowUp"].includes(event.key) ? arrowHandler(event) : event.key === "Enter" && (event.preventDefault(), document.activeElement?.click(), closeDropdown());
75
- }
76
- function arrowHandler(event) {
77
- event.preventDefault();
78
- const code = event.key, itemLength = __props.items?.length;
79
- if (!itemLength)
80
- return;
81
- const currentElement = document.activeElement, itemsElements = document.querySelectorAll(`#${instanceId.value}-menu .menuitem`), currentIndex = Array.from(itemsElements).indexOf(currentElement);
82
- if (currentIndex === -1) {
83
- itemsElements[0]?.focus();
84
- return;
85
- }
86
- const nextIndex = code === "ArrowDown" ? (currentIndex + 1) % itemLength : (currentIndex - 1 + itemLength) % itemLength;
87
- itemsElements[nextIndex]?.focus();
88
- }
89
- const mazPopoverElement = useTemplateRef("mazPopoverRef");
90
- function onBlurTrigger(event) {
91
- event.preventDefault();
92
- const nextElementSibling = mazPopoverElement.value?.panelRef, relatedTarget = event.relatedTarget;
93
- nextElementSibling?.contains(relatedTarget) || setDropdown(!1);
94
- }
95
- return watch(
96
- isOpen,
97
- (value) => {
98
- isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
99
- }
100
- ), (_ctx, _cache) => (openBlock(), createBlock(MazPopover, {
101
- ref: "mazPopoverRef",
102
- trigger: __props.trigger,
103
- "model-value": isOpen.value,
104
- class: normalizeClass(["m-dropdown m-reset-css", [__props.class]]),
105
- role: "menu",
106
- style: normalizeStyle(__props.style),
107
- "prefer-position": __props.preferPosition,
108
- color: "background",
109
- position: __props.position,
110
- transition: __props.transition,
111
- disabled: __props.disabled,
112
- offset: __props.offset,
113
- delay: __props.delay,
114
- "fallback-position": __props.fallbackPosition,
115
- persistent: __props.persistent,
116
- "hover-delay": __props.hoverDelay,
117
- "panel-class": __props.panelClass,
118
- "panel-style": __props.panelStyle,
119
- "close-on-escape": __props.closeOnEscape,
120
- "close-on-click": __props.closeOnClick,
121
- "teleport-to": __props.teleportTo,
122
- "trap-focus": __props.trapFocus,
123
- "overlay-class": __props.overlayClass,
124
- "close-on-click-outside": __props.closeOnClickOutside,
125
- "aria-describedby": __props.ariaDescribedby,
126
- "announce-changes": __props.announceChanges,
127
- "aria-label": __props.ariaLabel,
128
- "aria-labelledby": __props.ariaLabelledby,
129
- "position-reference": __props.positionReference,
130
- "keep-open-on-hover": __props.trigger === "hover" || __props.trigger === "adaptive",
131
- block: __props.block,
132
- "onUpdate:modelValue": setDropdown
133
- }, {
134
- trigger: withCtx(({ toggle, close, open }) => [
135
- createElementVNode("div", {
136
- id: unref(instanceId),
137
- tabindex: "-1",
138
- class: "m-dropdown__wrapper",
139
- "aria-expanded": isOpen.value,
140
- "aria-haspopup": "menu"
141
- }, [
142
- createElementVNode("span", {
143
- id: `${unref(instanceId)}-labelspan`,
144
- class: "maz-sr-only"
145
- }, [
146
- renderSlot(_ctx.$slots, "screen-reader-description", {}, () => [
147
- createTextVNode(toDisplayString(__props.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
148
- ])
149
- ], 8, _hoisted_2),
150
- renderSlot(_ctx.$slots, "trigger", {
151
- isOpen: isOpen.value,
152
- toggle,
153
- close,
154
- open
155
- }, () => [
156
- createVNode(unref(MazBtn), mergeProps({
157
- "aria-labelledby": `${unref(instanceId)}-labelspan`,
158
- color: __props.color,
159
- disabled: __props.disabled
160
- }, _ctx.$attrs, {
161
- block: __props.block,
162
- size: __props.size,
163
- onKeydown: [
164
- withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
165
- withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"]),
166
- withKeys(withModifiers(close, ["stop", "prevent"]), ["escape"])
167
- ],
168
- onBlur: withModifiers(onBlurTrigger, ["stop", "prevent"])
169
- }), createSlots({
170
- default: withCtx(() => [
171
- renderSlot(_ctx.$slots, "default")
172
- ]),
173
- _: 2
174
- }, [
175
- __props.chevron || _ctx.$slots["dropdown-icon"] ? {
176
- name: "right-icon",
177
- fn: withCtx(() => [
178
- renderSlot(_ctx.$slots, "dropdown-icon", {
179
- isOpen: isOpen.value,
180
- toggle,
181
- close,
182
- open
183
- }, () => [
184
- typeof __props.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
185
- key: 0,
186
- name: __props.dropdownIcon,
187
- class: normalizeClass([{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value])
188
- }, null, 8, ["name", "class"])) : __props.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dropdownIcon), {
189
- key: 1,
190
- class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
191
- }, null, 8, ["class"])) : (openBlock(), createBlock(unref(MazChevronDown), {
192
- key: 2,
193
- class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
194
- }, null, 8, ["class"]))
195
- ])
196
- ]),
197
- key: "0"
198
- } : void 0
199
- ]), 1040, ["aria-labelledby", "color", "disabled", "block", "size", "onKeydown"])
200
- ])
201
- ], 8, _hoisted_1)
202
- ]),
203
- default: withCtx(({ open, close, toggle }) => [
204
- createElementVNode("div", {
205
- id: `${unref(instanceId)}-menu`,
206
- role: "menu",
207
- "aria-label": "Menu",
208
- class: normalizeClass(["m-dropdown__menu", __props.menuPanelClass]),
209
- tabindex: "-1",
210
- style: normalizeStyle(__props.menuPanelStyle)
211
- }, [
212
- renderSlot(_ctx.$slots, "dropdown", {
213
- items: __props.items,
214
- open,
215
- close,
216
- isOpen: isOpen.value,
217
- toggle
218
- }, () => [
219
- (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
220
- key: index,
221
- item,
222
- open,
223
- close,
224
- isOpen: isOpen.value,
225
- toggle
226
- }, () => [
227
- isLinkItem(item) ? (openBlock(), createBlock(unref(MazLink), mergeProps({
228
- key: 0,
229
- target: item.href ? item.target ?? "_self" : void 0,
230
- to: item.to,
231
- href: item.href,
232
- color: item.color ?? "contrast"
233
- }, { ref_for: !0 }, item, {
234
- "underline-only-hover": item.underlineOnlyHover ?? !1,
235
- class: ["menuitem", [item.class]],
236
- onClick: withModifiers(closeDropdown, ["stop"])
237
- }), {
238
- default: withCtx(() => [
239
- renderSlot(_ctx.$slots, "menuitem-label", {
240
- item,
241
- open,
242
- close,
243
- isOpen: isOpen.value,
244
- toggle
245
- }, () => [
246
- createTextVNode(toDisplayString(item.label), 1)
247
- ])
248
- ]),
249
- _: 2
250
- }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : (openBlock(), createElementBlock("button", mergeProps({
251
- key: 1,
252
- type: "button"
253
- }, { ref_for: !0 }, { ...item, onClick: void 0 }, {
254
- class: ["menuitem menuitem__button", [item.class, item.color ? `--${item.color}` : ""]],
255
- onClick: withModifiers(($event) => runAction(item, $event), ["stop"]),
256
- onKeypress: withKeys(withModifiers(($event) => runAction(item, $event), ["stop", "prevent"]), ["enter"])
257
- }), [
258
- renderSlot(_ctx.$slots, "menuitem-label", {
259
- item,
260
- open,
261
- close,
262
- isOpen: isOpen.value,
263
- toggle
264
- }, () => [
265
- createTextVNode(toDisplayString(item.label), 1)
266
- ])
267
- ], 16, _hoisted_4))
268
- ])), 128))
269
- ])
270
- ], 14, _hoisted_3)
271
- ]),
272
- _: 3
273
- }, 8, ["trigger", "model-value", "style", "prefer-position", "position", "transition", "disabled", "offset", "delay", "fallback-position", "persistent", "hover-delay", "panel-class", "panel-style", "close-on-escape", "close-on-click", "teleport-to", "trap-focus", "overlay-class", "close-on-click-outside", "aria-describedby", "announce-changes", "aria-label", "aria-labelledby", "position-reference", "keep-open-on-hover", "class", "block"]));
274
- }
275
- });
276
- export {
277
- _sfc_main as _
278
- };