maz-ui 4.0.0-beta.23 → 4.0.0-beta.24

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.
Files changed (36) hide show
  1. package/dist/assets/MazDatePicker._lMo1y9U.css +1 -0
  2. package/dist/assets/{MazPickerCalendarSwitcher.uni8vJJv.css → MazPickerCalendarSwitcher.CI9Vw1sJ.css} +1 -1
  3. package/dist/assets/{MazPickerHeader.ZYCJY5bX.css → MazPickerHeader.C4W93yMD.css} +1 -1
  4. package/dist/assets/MazPickerMonthSwitcher.D9lfVzYo.css +1 -0
  5. package/dist/assets/{MazPickerYearSwitcher.Cn-nS-Vv.css → MazPickerYearSwitcher.CFiH13QC.css} +1 -1
  6. package/dist/assets/MazPopover.D7UY8_-q.css +1 -0
  7. package/dist/assets/MazSelect.Cb0TX2bP.css +1 -0
  8. package/dist/assets/{MazSelectCountry.t3GsKyqw.css → MazSelectCountry.D3fSImar.css} +1 -1
  9. package/dist/chunks/{MazDatePicker.BDXsAcRK.js → MazDatePicker.DzyuPA8W.js} +8 -6
  10. package/dist/chunks/{MazPickerCalendar.D5NjAivz.js → MazPickerCalendar.CaDln-hC.js} +1 -1
  11. package/dist/chunks/{MazPickerCalendarMonth.DJCjLc4n.js → MazPickerCalendarMonth.CmLyHvQd.js} +1 -1
  12. package/dist/chunks/{MazPickerCalendarSwitcher.BrUevc9t.js → MazPickerCalendarSwitcher.DUUCCKEk.js} +3 -3
  13. package/dist/chunks/{MazPickerContainer.BgqwoOqI.js → MazPickerContainer.CpHYm3sz.js} +1 -1
  14. package/dist/chunks/{MazPickerHeader.Bzxbb9bP.js → MazPickerHeader.n9XpxnfR.js} +3 -3
  15. package/dist/chunks/{MazPickerMonthSwitcher.D2LnBc81.js → MazPickerMonthSwitcher.GuwEWf1z.js} +3 -3
  16. package/dist/chunks/{MazPickerTime.B1hg2sPu.js → MazPickerTime.DjAd5AYZ.js} +1 -1
  17. package/dist/chunks/{MazPickerYearSwitcher.CZ44uN9T.js → MazPickerYearSwitcher.BFn0oocs.js} +3 -3
  18. package/dist/components/MazDatePicker.js +1 -1
  19. package/dist/components/MazPopover.js +50 -195
  20. package/dist/components/MazSelect.js +6 -5
  21. package/dist/components/MazSelectCountry.js +2 -2
  22. package/dist/components/index.js +1 -1
  23. package/dist/composables/useDisplayNames.js +12 -14
  24. package/dist/plugins/maz-ui.js +24 -15
  25. package/dist/types/components/MazDatePicker.vue.d.ts +11 -22
  26. package/dist/types/components/MazInputPrice.vue.d.ts +1 -1
  27. package/dist/types/components/MazPopover.vue.d.ts +7 -8
  28. package/dist/types/components/MazSelect.vue.d.ts +3 -2
  29. package/dist/types/components/MazSelectCountry.vue.d.ts +4 -4
  30. package/dist/types/composables/useDisplayNames.d.ts +0 -5
  31. package/dist/types/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +1 -1
  32. package/package.json +9 -8
  33. package/dist/assets/MazDatePicker.Bk-3P4OT.css +0 -1
  34. package/dist/assets/MazPickerMonthSwitcher.CszcpCcY.css +0 -1
  35. package/dist/assets/MazPopover.Bpnpd4jo.css +0 -1
  36. package/dist/assets/MazSelect.Cn5jpr_B.css +0 -1
@@ -0,0 +1 @@
1
+ .m-date-picker[data-v-2f0b46d8]{display:inline-block;position:relative}.m-date-picker__input[data-v-2f0b46d8]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-2f0b46d8]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-right:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-2f0b46d8]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-2f0b46d8]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-2f0b46d8]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-2f0b46d8] input{cursor:pointer!important}
@@ -1 +1 @@
1
- .m-date-picker-calendar-switcher[data-v-c7d0ecb2]{display:flex}.m-date-picker-calendar-switcher[data-v-c7d0ecb2]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-date-picker-calendar-switcher[data-v-c7d0ecb2]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding:.25rem .5rem}.m-date-picker-calendar-switcher__date[data-v-c7d0ecb2]{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;overflow:hidden}
1
+ .m-date-picker-calendar-switcher[data-v-aa76b452]{display:flex}.m-date-picker-calendar-switcher[data-v-aa76b452]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-date-picker-calendar-switcher[data-v-aa76b452]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding:.25rem .5rem}.m-date-picker-calendar-switcher__date[data-v-aa76b452]{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;overflow:hidden}
@@ -1 +1 @@
1
- .m-date-picker-header[data-v-759a859b]{z-index:1;justify-content:space-between;display:flex}.m-date-picker-header[data-v-759a859b]>:not([hidden])~:not([hidden]){--maz-tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--maz-tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--maz-tw-space-y-reverse))}.m-date-picker-header[data-v-759a859b]{padding:.5rem;font-weight:400}.m-date-picker-header__year-transition[data-v-759a859b]{align-items:center;height:1.25rem;line-height:.75rem;display:flex;overflow:hidden}.m-date-picker-header__date-transition[data-v-759a859b],.m-date-picker-header__time-transition[data-v-759a859b]{align-items:center;height:1.5rem;line-height:1rem;display:flex;overflow:hidden}.m-date-picker-header__time-transition[data-v-759a859b]{justify-content:flex-end;min-width:5rem;display:flex}.m-date-picker-header__year-text[data-v-759a859b]{font-size:.875rem;line-height:1.25rem}.m-date-picker-header__time[data-v-759a859b]{justify-content:center;align-items:flex-end;display:flex}.m-date-picker-header__time[data-v-759a859b]:not(.--has-date){width:100%}.m-date-picker-header__time:not(.--has-date) .m-date-picker-header__time-transition[data-v-759a859b]{justify-content:center;align-items:center;width:100%}.m-date-picker-header.--primary[data-v-759a859b]{--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-date-picker-header.--secondary[data-v-759a859b]{--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-date-picker-header.--info[data-v-759a859b]{--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-date-picker-header.--success[data-v-759a859b]{--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-date-picker-header.--warning[data-v-759a859b]{--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-date-picker-header.--destructive[data-v-759a859b]{--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-date-picker-header.--accent[data-v-759a859b]{--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-date-picker-header.--contrast[data-v-759a859b]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-500)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--contrast[data-v-759a859b]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-400)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--transparent[data-v-759a859b]{border-bottom-width:var(--maz-border-width);--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))}
1
+ .m-date-picker-header[data-v-5f5273ba]{z-index:1;justify-content:space-between;display:flex}.m-date-picker-header[data-v-5f5273ba]>:not([hidden])~:not([hidden]){--maz-tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--maz-tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--maz-tw-space-y-reverse))}.m-date-picker-header[data-v-5f5273ba]{padding:.5rem;font-weight:400}.m-date-picker-header__year-transition[data-v-5f5273ba]{align-items:center;height:1.25rem;line-height:.75rem;display:flex;overflow:hidden}.m-date-picker-header__date-transition[data-v-5f5273ba],.m-date-picker-header__time-transition[data-v-5f5273ba]{align-items:center;height:1.5rem;line-height:1rem;display:flex;overflow:hidden}.m-date-picker-header__time-transition[data-v-5f5273ba]{justify-content:flex-end;min-width:5rem;display:flex}.m-date-picker-header__year-text[data-v-5f5273ba]{font-size:.875rem;line-height:1.25rem}.m-date-picker-header__time[data-v-5f5273ba]{justify-content:center;align-items:flex-end;display:flex}.m-date-picker-header__time[data-v-5f5273ba]:not(.--has-date){width:100%}.m-date-picker-header__time:not(.--has-date) .m-date-picker-header__time-transition[data-v-5f5273ba]{justify-content:center;align-items:center;width:100%}.m-date-picker-header.--primary[data-v-5f5273ba]{--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-date-picker-header.--secondary[data-v-5f5273ba]{--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-date-picker-header.--info[data-v-5f5273ba]{--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-date-picker-header.--success[data-v-5f5273ba]{--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-date-picker-header.--warning[data-v-5f5273ba]{--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-date-picker-header.--destructive[data-v-5f5273ba]{--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-date-picker-header.--accent[data-v-5f5273ba]{--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-date-picker-header.--contrast[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-500)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--contrast[data-v-5f5273ba]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-400)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--transparent[data-v-5f5273ba]{border-bottom-width:var(--maz-border-width);--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))}
@@ -0,0 +1 @@
1
+ .maz-picker-month-switcher[data-v-ccb4182e]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-month-switcher__header[data-v-ccb4182e]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));justify-content:flex-end;padding:.5rem;display:flex}.maz-picker-month-switcher__main[data-v-ccb4182e]{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:grid;overflow-y:auto}.maz-picker-month-switcher__main.--has-double[data-v-ccb4182e]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-ccb4182e]{height:100%!important}
@@ -1 +1 @@
1
- .maz-picker-year-switcher[data-v-0fb2d673]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-year-switcher__header[data-v-0fb2d673]{justify-content:space-between;display:flex}.maz-picker-year-switcher__header[data-v-0fb2d673]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.maz-picker-year-switcher__header[data-v-0fb2d673]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding:.5rem}.maz-picker-year-switcher__main[data-v-0fb2d673]{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:grid;overflow-y:auto}
1
+ .maz-picker-year-switcher[data-v-f4cfe332]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-year-switcher__header[data-v-f4cfe332]{justify-content:space-between;display:flex}.maz-picker-year-switcher__header[data-v-f4cfe332]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.maz-picker-year-switcher__header[data-v-f4cfe332]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding:.5rem}.maz-picker-year-switcher__main[data-v-f4cfe332]{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:grid;overflow-y:auto}
@@ -0,0 +1 @@
1
+ .m-popover[data-v-d9f43461]{display:inline-block}.m-popover .m-popover-trigger[data-v-d9f43461]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-d9f43461]{width:100%}.m-popover-panel[data-v-d9f43461]{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-d9f43461]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-d9f43461]: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-d9f43461]{--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-d9f43461]{--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-d9f43461]{--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-d9f43461]{--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-d9f43461]{--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-d9f43461]{--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-d9f43461]{--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-d9f43461]{--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))}.maz-popover-enter-active[data-v-d9f43461]{transition:opacity .2s ease-out,transform .2s ease-out}.maz-popover-leave-active[data-v-d9f43461]{transition:opacity .2s ease-in,transform .2s ease-in}.m-popover-panel.--position-bottom.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-bottom-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-bottom-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:top;transform:scaleY(.8)translateY(-4px)}.m-popover-panel.--position-bottom.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-bottom-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-bottom-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:top;transform:scaleY(.9)translateY(-4px)}.m-popover-panel.--position-top.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-top-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-top-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:bottom;transform:scaleY(.8)translateY(4px)}.m-popover-panel.--position-top.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-top-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-top-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:bottom;transform:scaleY(.9)translateY(4px)}.m-popover-panel.--position-right.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-right-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-right-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:0;transform:scaleX(.8)translate(-4px)}.m-popover-panel.--position-right.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-right-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-right-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:0;transform:scaleX(.9)translate(-4px)}.m-popover-panel.--position-left.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-left-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-left-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:100%;transform:scaleX(.8)translate(4px)}.m-popover-panel.--position-left.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-left-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-left-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:100%;transform:scaleX(.9)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:50%;transform:scale(.95)translateY(-4px)}.m-popover-panel:not([class*=--position-]).maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:50%;transform:scale(.98)}
@@ -0,0 +1 @@
1
+ .m-select[data-v-e611c2b3]{vertical-align:top;display:inline-flex;position:relative}.m-select-input[data-v-e611c2b3]{width:100%;height:100%}.m-select-input__toggle-button[data-v-e611c2b3]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-left:0;display:flex}.m-select-input[data-v-e611c2b3] input{caret-color:#0000}.m-select-input[data-v-e611c2b3] .m-input-input,.m-select-input.--has-label[data-v-e611c2b3] .m-input-input{padding-right:0}.m-select.--mini[data-v-e611c2b3],.m-select.--xs[data-v-e611c2b3]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-e611c2b3]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-e611c2b3]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-e611c2b3]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-e611c2b3]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-e611c2b3]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-e611c2b3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-e611c2b3]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-e611c2b3]{cursor:pointer;appearance:none;border-style:none}.m-select-list[data-v-e611c2b3]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--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);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-e611c2b3]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-e611c2b3],.m-select-list.--xs[data-v-e611c2b3]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-e611c2b3]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-e611c2b3]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-e611c2b3]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-e611c2b3]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-e611c2b3]{min-width:3.5rem}.m-select-list__scroll-wrapper[data-v-e611c2b3]{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1));border-radius:1000px}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar-thumb:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-500)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-e611c2b3]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-400))transparent}.m-select-list__no-results[data-v-e611c2b3]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-e611c2b3]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-e611c2b3]:focus-within,.m-select-list-item[data-v-e611c2b3]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-e611c2b3]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-e611c2b3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-e611c2b3]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-e611c2b3]:focus{border-color:var(--selected-text-color)}.m-select-list-item.--is-selected.--transparent[data-v-e611c2b3]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}
@@ -1 +1 @@
1
- .m-select-country[data-v-c9c7de71]{display:inline-flex;position:relative}.m-select-country__country-flag[data-v-c9c7de71]{z-index:4;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:1.25rem;left:.813rem}.m-select-country__country-flag.--should-have-bottom-flag[data-v-c9c7de71]{bottom:2px}.m-select-country__select[data-v-c9c7de71] .m-input-label{padding:0!important}.m-select-country__select__item[data-v-c9c7de71]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;width:100%;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}.m-select-country__select__item__flag-container[data-v-c9c7de71]{justify-content:center;align-items:center;display:flex}.m-select-country__select__item__list-flag[data-v-c9c7de71]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-500)/var(--maz-tw-bg-opacity,1));width:1.25rem;height:1.25rem;color:hsl(var(--maz-primary-foreground)/.8);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex}
1
+ .m-select-country[data-v-2edc88d7]{display:inline-flex;position:relative}.m-select-country__country-flag[data-v-2edc88d7]{z-index:4;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:1.25rem;left:.813rem}.m-select-country__country-flag.--should-have-bottom-flag[data-v-2edc88d7]{bottom:2px}.m-select-country__select[data-v-2edc88d7] .m-input-label{padding:0!important}.m-select-country__select__item[data-v-2edc88d7]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;width:100%;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}.m-select-country__select__item__flag-container[data-v-2edc88d7]{justify-content:center;align-items:center;display:flex}.m-select-country__select__item__list-flag[data-v-2edc88d7]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-500)/var(--maz-tw-bg-opacity,1));width:1.25rem;height:1.25rem;color:hsl(var(--maz-primary-foreground)/.8);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex}
@@ -8,7 +8,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
8
8
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
9
9
  import weekday from "dayjs/plugin/weekday";
10
10
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
11
- import '../assets/MazDatePicker.Bk-3P4OT.css';const DEFAULT_OPTIONS = {
11
+ import '../assets/MazDatePicker._lMo1y9U.css';const DEFAULT_OPTIONS = {
12
12
  month: "short",
13
13
  day: "numeric",
14
14
  year: "numeric"
@@ -235,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
235
235
  setup(__props, { emit: __emit }) {
236
236
  const props = __props, emits = __emit, { t, locale } = useTranslations();
237
237
  dayjs.extend(customParseFormat), dayjs.extend(isBetween);
238
- const MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazPopover = defineAsyncComponent(() => import("../components/MazPopover.js")), MazPickerContainer = defineAsyncComponent(() => import("./MazPickerContainer.BgqwoOqI.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id }), currentValue = computed({
238
+ const MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazPopover = defineAsyncComponent(() => import("../components/MazPopover.js")), MazPickerContainer = defineAsyncComponent(() => import("./MazPickerContainer.CpHYm3sz.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id }), currentValue = computed({
239
239
  get: () => typeof props.modelValue == "object" || props.range ? {
240
240
  start: typeof props.modelValue == "object" && props.modelValue.start ? dayjs(props.modelValue.start, props.format).format() : void 0,
241
241
  end: typeof props.modelValue == "object" && props.modelValue.end ? dayjs(props.modelValue.end, props.format).format() : void 0
@@ -404,8 +404,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
404
404
  trigger: "click",
405
405
  disabled: _ctx.disabled,
406
406
  block: _ctx.block,
407
- "prefer-position": _ctx.pickerPosition,
408
- "fallback-position": "top-start"
407
+ position: _ctx.pickerPosition,
408
+ "prefer-position": "bottom-start",
409
+ "fallback-position": "top-start",
410
+ "position-reference": ".m-input-wrapper"
409
411
  }, {
410
412
  trigger: withCtx(({ isOpen, close, open: openPicker, toggle: togglePicker }) => [
411
413
  renderSlot(_ctx.$slots, "trigger", {
@@ -476,9 +478,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
476
478
  }, null, 8, ["id", "modelValue", "calendar-date", "color", "locale", "has-date", "double", "has-time", "formatter-options", "hide-header", "min-date", "format", "is-hour12", "max-date", "disabled-weekly", "inline", "first-day-of-week", "shortcuts", "shortcut", "disabled", "disabled-hours", "disabled-dates", "minute-interval", "range"])
477
479
  ]),
478
480
  _: 3
479
- }, 8, ["style", "class", "disabled", "block", "prefer-position"]));
481
+ }, 8, ["style", "class", "disabled", "block", "position"]));
480
482
  }
481
- }), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9ad8018"]]);
483
+ }), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f0b46d8"]]);
482
484
  export {
483
485
  MazDatePicker as M,
484
486
  findNearestNumberInList as a,
@@ -21,7 +21,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
21
21
  },
22
22
  emits: ["update:model-value", "update:calendar-date"],
23
23
  setup(__props, { emit: __emit }) {
24
- const props = __props, emits = __emit, MazDatePickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.DJCjLc4n.js")), MazDatePickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.BrUevc9t.js")), MazDatePickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.D2LnBc81.js")), MazDatePickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazDatePickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.CZ44uN9T.js")), hoverredDay = ref(), hasShortcuts = computed(
24
+ const props = __props, emits = __emit, MazDatePickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.CmLyHvQd.js")), MazDatePickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.DUUCCKEk.js")), MazDatePickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.GuwEWf1z.js")), MazDatePickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazDatePickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.BFn0oocs.js")), hoverredDay = ref(), hasShortcuts = computed(
25
25
  () => props.shortcuts && props.shortcuts.length > 0 && props.range
26
26
  ), monthSwitcherOpen = ref(!1), yearSwitcherOpen = ref(!1), currentValue = computed({
27
27
  get: () => props.modelValue,
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, toDisplayString, useCssVars, ref, watch, createVNode, TransitionGroup, withCtx, normalizeClass, createBlock, createElementVNode } from "vue";
2
2
  import dayjs from "dayjs";
3
- import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.BDXsAcRK.js";
3
+ import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.DzyuPA8W.js";
4
4
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
5
5
  import { d as debounce } from "./debounce.Brzkn9pm.js";
6
6
  import MazBtn from "../components/MazBtn.js";
@@ -1,11 +1,11 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazChevronLeft } from "@maz-ui/icons";
3
3
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
4
- import { f as formatDate } from "./MazDatePicker.BDXsAcRK.js";
4
+ import { f as formatDate } from "./MazDatePicker.DzyuPA8W.js";
5
5
  import dayjs from "dayjs";
6
6
  import MazBtn from "../components/MazBtn.js";
7
7
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
8
- import '../assets/MazPickerCalendarSwitcher.uni8vJJv.css';const _hoisted_1 = { class: "m-date-picker-calendar-switcher" }, _sfc_main = /* @__PURE__ */ defineComponent({
8
+ import '../assets/MazPickerCalendarSwitcher.CI9Vw1sJ.css';const _hoisted_1 = { class: "m-date-picker-calendar-switcher" }, _sfc_main = /* @__PURE__ */ defineComponent({
9
9
  __name: "MazPickerCalendarSwitcher",
10
10
  props: {
11
11
  calendarDate: { type: String, default: void 0 },
@@ -84,7 +84,7 @@ import '../assets/MazPickerCalendarSwitcher.uni8vJJv.css';const _hoisted_1 = { c
84
84
  })
85
85
  ]));
86
86
  }
87
- }), MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7d0ecb2"]]);
87
+ }), MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa76b452"]]);
88
88
  export {
89
89
  MazPickerCalendarSwitcher as default
90
90
  };
@@ -30,7 +30,7 @@ import '../assets/MazPickerContainer.k3DGjyHC.css';const _hoisted_1 = { class: "
30
30
  },
31
31
  emits: ["update:model-value", "update:calendar-date", "close"],
32
32
  setup(__props, { emit: __emit }) {
33
- const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.D5NjAivz.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.Bzxbb9bP.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.B1hg2sPu.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
33
+ const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.CaDln-hC.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.n9XpxnfR.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.DjAd5AYZ.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
34
34
  function saveLastTimeValue(value) {
35
35
  lastTimeValue.value = dayjs(value).format("HH:mm"), emits("update:model-value", value);
36
36
  }
@@ -1,9 +1,9 @@
1
1
  import { defineComponent, computed, ref, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString } from "vue";
2
2
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
3
- import { f as formatDate } from "./MazDatePicker.BDXsAcRK.js";
3
+ import { f as formatDate } from "./MazDatePicker.DzyuPA8W.js";
4
4
  import dayjs from "dayjs";
5
5
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
6
- import '../assets/MazPickerHeader.ZYCJY5bX.css';const _hoisted_1 = {
6
+ import '../assets/MazPickerHeader.C4W93yMD.css';const _hoisted_1 = {
7
7
  key: 0,
8
8
  class: "m-date-picker-header__date"
9
9
  }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -120,7 +120,7 @@ import '../assets/MazPickerHeader.ZYCJY5bX.css';const _hoisted_1 = {
120
120
  ], 2)) : createCommentVNode("", !0)
121
121
  ], 2));
122
122
  }
123
- }), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-759a859b"]]);
123
+ }), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f5273ba"]]);
124
124
  export {
125
125
  MazPickerHeader as default
126
126
  };
@@ -1,11 +1,11 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazXMark } from "@maz-ui/icons";
3
3
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
4
- import { f as formatDate, i as isSameDate } from "./MazDatePicker.BDXsAcRK.js";
4
+ import { f as formatDate, i as isSameDate } from "./MazDatePicker.DzyuPA8W.js";
5
5
  import dayjs from "dayjs";
6
6
  import MazBtn from "../components/MazBtn.js";
7
7
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
8
- import '../assets/MazPickerMonthSwitcher.CszcpCcY.css';const _hoisted_1 = { class: "maz-picker-month-switcher" }, _hoisted_2 = { class: "maz-picker-month-switcher__header" }, _sfc_main = /* @__PURE__ */ defineComponent({
8
+ import '../assets/MazPickerMonthSwitcher.D9lfVzYo.css';const _hoisted_1 = { class: "maz-picker-month-switcher" }, _hoisted_2 = { class: "maz-picker-month-switcher__header" }, _sfc_main = /* @__PURE__ */ defineComponent({
9
9
  __name: "MazPickerMonthSwitcher",
10
10
  props: {
11
11
  calendarDate: { type: String, required: !0 },
@@ -75,7 +75,7 @@ import '../assets/MazPickerMonthSwitcher.CszcpCcY.css';const _hoisted_1 = { clas
75
75
  ], 2)
76
76
  ]));
77
77
  }
78
- }), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-656f003a"]]);
78
+ }), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccb4182e"]]);
79
79
  export {
80
80
  MazPickerMonthSwitcher as default
81
81
  };
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, ref, onMounted, watch, nextTick, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
2
2
  import dayjs from "dayjs";
3
3
  import MazBtn from "../components/MazBtn.js";
4
- import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.BDXsAcRK.js";
4
+ import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.DzyuPA8W.js";
5
5
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
6
6
  import '../assets/MazPickerTime.yINUjbDZ.css';const _hoisted_1 = { class: "m-date-picker-time__column__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  __name: "MazPickerTime",
@@ -1,10 +1,10 @@
1
1
  import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
3
- import { f as formatDate, i as isSameDate } from "./MazDatePicker.BDXsAcRK.js";
3
+ import { f as formatDate, i as isSameDate } from "./MazDatePicker.DzyuPA8W.js";
4
4
  import dayjs from "dayjs";
5
5
  import MazBtn from "../components/MazBtn.js";
6
6
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
7
- import '../assets/MazPickerYearSwitcher.Cn-nS-Vv.css';const _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
7
+ import '../assets/MazPickerYearSwitcher.CFiH13QC.css';const _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
8
8
  __name: "MazPickerYearSwitcher",
9
9
  props: {
10
10
  color: { type: String, required: !0 },
@@ -88,7 +88,7 @@ import '../assets/MazPickerYearSwitcher.Cn-nS-Vv.css';const _hoisted_1 = { class
88
88
  ])
89
89
  ]));
90
90
  }
91
- }), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fb2d673"]]);
91
+ }), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4cfe332"]]);
92
92
  export {
93
93
  MazPickerYearSwitcher as default
94
94
  };
@@ -1,4 +1,4 @@
1
- import { M } from "../chunks/MazDatePicker.BDXsAcRK.js";
1
+ import { M } from "../chunks/MazDatePicker.DzyuPA8W.js";
2
2
  import "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
3
3
  export {
4
4
  M as default
@@ -1,10 +1,11 @@
1
- import { defineComponent, mergeModels, useAttrs, useTemplateRef, useModel, ref, computed, nextTick, watch, onMounted, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, mergeProps, renderSlot, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode } from "vue";
1
+ import { defineComponent, mergeModels, useAttrs, useTemplateRef, computed, useModel, nextTick, watch, onMounted, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, mergeProps, renderSlot, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode } from "vue";
2
+ import { offset, hide, shift, autoPlacement, flip, useFloating, autoUpdate } from "@floating-ui/vue";
2
3
  import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
3
4
  import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
4
5
  import { d as directive } from "../chunks/vClickOutside.DIOiluy0.js";
5
6
  import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
6
7
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
7
- import '../assets/MazPopover.Bpnpd4jo.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.D7UY8_-q.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
9
  name: "MazPopover",
9
10
  inheritAttrs: !1,
10
11
  __name: "MazPopover",
@@ -46,19 +47,45 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
46
47
  const emits = __emit, triggerId = useInstanceUniqId({
47
48
  componentName: "MazPopover",
48
49
  providedId: __props.id
49
- }), attrs = useAttrs(), triggerElement = useTemplateRef("trigger"), panelElement = useTemplateRef("panel");
50
+ }), attrs = useAttrs(), triggerElement = useTemplateRef("trigger"), panelElement = useTemplateRef("panel"), middleware = computed(() => {
51
+ const middleware2 = [
52
+ offset(__props.offset),
53
+ hide(),
54
+ shift({ padding: 5 })
55
+ ];
56
+ return __props.position === "auto" && !__props.preferPosition && !__props.fallbackPosition ? middleware2.push(autoPlacement({
57
+ allowedPlacements: ["top", "bottom", "left", "right"]
58
+ })) : middleware2.push(flip({
59
+ fallbackPlacements: __props.fallbackPosition ? [__props.fallbackPosition] : void 0
60
+ })), middleware2;
61
+ }), floatingPosition = computed(() => __props.position === "auto" ? __props.preferPosition : __props.position), reference = computed(() => getPositionReference() || triggerElement.value), { floatingStyles, placement, update, middlewareData } = useFloating(
62
+ reference,
63
+ panelElement,
64
+ {
65
+ placement: floatingPosition,
66
+ middleware,
67
+ transform: !1,
68
+ whileElementsMounted: autoUpdate
69
+ }
70
+ ), computedPosition = computed(() => placement.value ?? floatingPosition.value);
50
71
  function getPositionReference() {
51
72
  if (!__props.positionReference)
52
73
  return triggerElement.value;
53
74
  if (typeof __props.positionReference == "string") {
54
75
  const withinTrigger = triggerElement.value?.querySelector(__props.positionReference);
55
- return withinTrigger || document.querySelector(__props.positionReference);
76
+ return withinTrigger || (isClient() ? document.querySelector(__props.positionReference) : null);
56
77
  }
57
78
  return __props.positionReference;
58
79
  }
59
- const isOpen = useModel(__props, "modelValue"), computedPosition = ref(__props.position === "auto" ? "bottom" : __props.position);
80
+ const isOpen = useModel(__props, "modelValue");
60
81
  let openTimeout = null, closeTimeout = null, initialFocusElement = null, ignoreNextClickOutside = !1;
61
- const panelId = computed(() => `${triggerId.value}-panel`), panelStyles = ref(), rootStyles = computed(() => attrs.style), isTouchDevice = computed(() => isClient() ? "ontouchstart" in globalThis || navigator.maxTouchPoints > 0 : !1), effectiveTrigger = computed(() => __props.trigger === "adaptive" ? isTouchDevice.value ? "click" : "hover" : __props.trigger), triggerEvents = computed(() => {
82
+ const panelId = computed(() => `${triggerId.value}-panel`), rootStyles = computed(() => attrs.style), panelStyles = computed(() => {
83
+ const styles = {
84
+ ...floatingStyles.value,
85
+ pointerEvents: isOpen.value ? "auto" : "none"
86
+ };
87
+ return __props.panelStyle && Object.assign(styles, __props.panelStyle), styles;
88
+ }), isTouchDevice = computed(() => isClient() ? "ontouchstart" in globalThis || navigator.maxTouchPoints > 0 : !1), effectiveTrigger = computed(() => __props.trigger === "adaptive" ? isTouchDevice.value ? "click" : "hover" : __props.trigger), triggerEvents = computed(() => {
62
89
  if (__props.disabled || effectiveTrigger.value === "manual")
63
90
  return {};
64
91
  const events = {};
@@ -78,103 +105,8 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
78
105
  `--position-${computedPosition.value}`,
79
106
  `--${getColor(__props.color)}`
80
107
  ]);
81
- let resizeObserver = null, mutationObserver = null, isPositioning = !1, positioningFrame = null, positioningPromise = null;
82
- function parseCSSValue(value) {
83
- if (typeof value == "number")
84
- return value;
85
- if (!value)
86
- return 0;
87
- const match = String(value).match(/^(-?\d+(?:\.\d+)?)px$/);
88
- return match ? Number.parseFloat(match[1]) : 0;
89
- }
90
- function calculateAndApplyPosition(options = {}) {
91
- if (!triggerElement.value || !panelElement.value)
92
- return null;
93
- const { applyStyles = !0, forAnimation = !1 } = options;
94
- if (applyStyles) {
95
- if (isPositioning)
96
- return positioningPromise;
97
- isPositioning = !0, positioningFrame && (cancelAnimationFrame(positioningFrame), positioningFrame = null);
98
- }
99
- const doCalculation = () => {
100
- if (!triggerElement.value || !panelElement.value)
101
- return applyStyles && (isPositioning = !1), null;
102
- try {
103
- const viewport = { width: window.innerWidth, height: window.innerHeight }, positionRef = getPositionReference();
104
- if (!positionRef)
105
- return applyStyles && (isPositioning = !1), null;
106
- const triggerRect = positionRef.getBoundingClientRect();
107
- let wasHidden = !1;
108
- forAnimation && (wasHidden = panelElement.value.style.visibility === "hidden", panelElement.value.style.visibility = "hidden", panelElement.value.style.display = "block");
109
- let newPosition;
110
- if (__props.position === "auto" ? newPosition = getBestPosition(triggerRect, viewport) : newPosition = __props.position, computedPosition.value = newPosition, applyStyles) {
111
- const panelRect = panelElement.value.getBoundingClientRect(), styles = calculatePosition(newPosition, triggerRect, panelRect);
112
- panelStyles.value = styles;
113
- }
114
- return forAnimation && !applyStyles && (wasHidden ? panelElement.value.style.visibility = "hidden" : panelElement.value.style.display = ""), newPosition;
115
- } catch (error) {
116
- console.warn("[MazPopover] Error calculating position:", error);
117
- const fallbackPosition = "bottom";
118
- return computedPosition.value = fallbackPosition, applyStyles && (panelStyles.value = {
119
- position: "fixed",
120
- visibility: "visible",
121
- transformOrigin: getTransformOrigin(fallbackPosition)
122
- }), fallbackPosition;
123
- } finally {
124
- applyStyles && (isPositioning = !1, positioningFrame = null, positioningPromise = null);
125
- }
126
- };
127
- return applyStyles ? (positioningPromise = new Promise((resolve) => {
128
- positioningFrame = requestAnimationFrame(() => {
129
- doCalculation(), resolve();
130
- });
131
- }), positioningPromise) : doCalculation();
132
- }
133
- function schedulePositionUpdate() {
134
- isOpen.value && !isPositioning && calculateAndApplyPosition();
135
- }
136
- function preparePositionForAnimation() {
137
- if (__props.position === "auto" && triggerElement.value) {
138
- const positionRef = getPositionReference();
139
- if (positionRef) {
140
- const triggerRect = positionRef.getBoundingClientRect(), viewport = { width: window.innerWidth, height: window.innerHeight }, newPosition = getBestPosition(triggerRect, viewport);
141
- computedPosition.value = newPosition;
142
- }
143
- }
144
- return calculateAndApplyPosition({ applyStyles: !1, forAnimation: !0 });
145
- }
146
- function setupObservers() {
147
- if (!panelElement.value || !triggerElement.value)
148
- return;
149
- const positionRef = getPositionReference();
150
- positionRef && (globalThis.ResizeObserver && (resizeObserver = new ResizeObserver((entries) => {
151
- for (const entry of entries)
152
- if (entry.target === panelElement.value || entry.target === triggerElement.value || entry.target === positionRef) {
153
- schedulePositionUpdate();
154
- break;
155
- }
156
- }), resizeObserver.observe(panelElement.value), resizeObserver.observe(triggerElement.value), positionRef !== triggerElement.value && resizeObserver.observe(positionRef), resizeObserver.observe(document.documentElement)), mutationObserver = new MutationObserver((mutations) => {
157
- if (isPositioning)
158
- return;
159
- let shouldUpdate = !1;
160
- for (const mutation of mutations)
161
- if (!(mutation.target === panelElement.value && mutation.type === "attributes" && mutation.attributeName === "style") && (mutation.type === "childList" || mutation.type === "attributes" && mutation.attributeName === "class")) {
162
- shouldUpdate = !0;
163
- break;
164
- }
165
- shouldUpdate && schedulePositionUpdate();
166
- }), mutationObserver.observe(panelElement.value, {
167
- childList: !0,
168
- subtree: !0,
169
- attributes: !0,
170
- attributeFilter: ["class"]
171
- }));
172
- }
173
- function cleanupObservers() {
174
- positioningFrame && (cancelAnimationFrame(positioningFrame), positioningFrame = null), resizeObserver && (resizeObserver.disconnect(), resizeObserver = null), mutationObserver && (mutationObserver.disconnect(), mutationObserver = null);
175
- }
176
108
  function cleanup() {
177
- cleanupObservers(), clearOpenTimeout(), clearCloseTimeout(), isPositioning = !1, positioningPromise = null, document.removeEventListener("keydown", onKeydown), window.removeEventListener("scroll", onScrollThrottled, !0), window.removeEventListener("resize", onScrollThrottled);
109
+ clearOpenTimeout(), clearCloseTimeout(), isClient() && document.removeEventListener("keydown", onKeydown);
178
110
  }
179
111
  function open() {
180
112
  __props.disabled || (clearCloseTimeout(), effectiveTrigger.value === "click" && (ignoreNextClickOutside = !0), __props.delay > 0 ? openTimeout = setTimeout(() => {
@@ -192,15 +124,9 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
192
124
  isOpen.value ? close() : open();
193
125
  }
194
126
  function setOpen(value) {
195
- value ? (emits("open"), nextTick(() => {
196
- triggerElement.value && panelElement.value && preparePositionForAnimation(), (() => {
197
- isOpen.value = value, emits("toggle", value), calculateAndApplyPosition(), setupObservers(), setupFocusTrap();
198
- })();
199
- })) : (isOpen.value = value, emits("toggle", value), emits("close"), panelStyles.value = {
200
- position: "fixed",
201
- visibility: "hidden",
202
- pointerEvents: "none"
203
- }, ignoreNextClickOutside = !1, cleanupObservers(), __props.trapFocus && restoreFocus());
127
+ value ? (emits("open"), isOpen.value = value, emits("toggle", value), nextTick(() => {
128
+ update(), setupFocusTrap();
129
+ })) : (isOpen.value = value, emits("toggle", value), emits("close"), ignoreNextClickOutside = !1, __props.trapFocus && restoreFocus());
204
130
  }
205
131
  function clearOpenTimeout() {
206
132
  openTimeout && (clearTimeout(openTimeout), openTimeout = null);
@@ -208,56 +134,6 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
208
134
  function clearCloseTimeout() {
209
135
  closeTimeout && (clearTimeout(closeTimeout), closeTimeout = null);
210
136
  }
211
- function getBestPosition(triggerRect, viewport) {
212
- if (!panelElement.value)
213
- return "bottom";
214
- const panelRect = panelElement.value.getBoundingClientRect();
215
- if (__props.preferPosition && isPositionVisible(__props.preferPosition, triggerRect, panelRect, viewport))
216
- return __props.preferPosition;
217
- if (__props.preferPosition && __props.fallbackPosition)
218
- return __props.fallbackPosition;
219
- const positions = ["bottom", "top", "right", "left"], validPositions = getValidPositions(positions, triggerRect, panelRect, viewport);
220
- if (validPositions.length === 0) {
221
- const spaces = {
222
- top: triggerRect.top,
223
- bottom: viewport.height - triggerRect.bottom,
224
- left: triggerRect.left,
225
- right: viewport.width - triggerRect.right
226
- };
227
- return positions.sort((a, b) => spaces[b] - spaces[a])[0];
228
- }
229
- return validPositions.sort((a, b) => b.score - a.score)[0].position;
230
- }
231
- function calculatePosition(position, triggerRect, _panelRect) {
232
- const viewport = { width: window.innerWidth, height: window.innerHeight }, styles = {
233
- position: "fixed",
234
- visibility: "visible",
235
- transformOrigin: getTransformOrigin(position)
236
- };
237
- switch (position) {
238
- case "top":
239
- case "top-start":
240
- case "top-end":
241
- styles.bottom = `${viewport.height - triggerRect.top + __props.offset}px`, position === "top-start" ? styles.left = `${triggerRect.left}px` : position === "top-end" ? styles.right = `${viewport.width - triggerRect.right}px` : styles.left = `${triggerRect.left + triggerRect.width / 2 - _panelRect.width / 2}px`;
242
- break;
243
- case "bottom":
244
- case "bottom-start":
245
- case "bottom-end":
246
- styles.top = `${triggerRect.bottom + __props.offset}px`, position === "bottom-start" ? styles.left = `${triggerRect.left}px` : position === "bottom-end" ? styles.right = `${viewport.width - triggerRect.right}px` : styles.left = `${triggerRect.left + triggerRect.width / 2 - _panelRect.width / 2}px`;
247
- break;
248
- case "left":
249
- case "left-start":
250
- case "left-end":
251
- styles.right = `${viewport.width - triggerRect.left + __props.offset}px`, position === "left-start" ? styles.top = `${triggerRect.top}px` : position === "left-end" ? styles.bottom = `${viewport.height - triggerRect.bottom}px` : styles.top = `${triggerRect.top + triggerRect.height / 2 - _panelRect.height / 2}px`;
252
- break;
253
- case "right":
254
- case "right-start":
255
- case "right-end":
256
- styles.left = `${triggerRect.right + __props.offset}px`, position === "right-start" ? styles.top = `${triggerRect.top}px` : position === "right-end" ? styles.bottom = `${viewport.height - triggerRect.bottom}px` : styles.top = `${triggerRect.top + triggerRect.height / 2 - _panelRect.height / 2}px`;
257
- break;
258
- }
259
- return styles;
260
- }
261
137
  function getTransformOrigin(position) {
262
138
  switch (position) {
263
139
  case "top":
@@ -288,30 +164,8 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
288
164
  return "center";
289
165
  }
290
166
  }
291
- function isPositionVisible(position, triggerRect, panelRect, viewport) {
292
- const styles = calculatePosition(position, triggerRect, panelRect);
293
- let top = 0, left = 0;
294
- return styles.top ? top = parseCSSValue(styles.top) : styles.bottom && (top = viewport.height - parseCSSValue(styles.bottom) - panelRect.height), styles.left ? left = parseCSSValue(styles.left) : styles.right && (left = viewport.width - parseCSSValue(styles.right) - panelRect.width), left >= 0 && left + panelRect.width <= viewport.width && top >= 0 && top + panelRect.height <= viewport.height;
295
- }
296
- function getValidPositions(positions, triggerRect, panelRect, viewport) {
297
- const spaces = {
298
- bottom: viewport.height - triggerRect.bottom,
299
- top: triggerRect.top,
300
- right: viewport.width - triggerRect.right,
301
- left: triggerRect.left
302
- };
303
- return positions.reduce((acc, pos) => {
304
- if (isPositionVisible(pos, triggerRect, panelRect, viewport)) {
305
- let positionBonus = 0;
306
- pos === "bottom" ? positionBonus = 1e3 : pos === "top" ? positionBonus = 800 : pos === "right" ? positionBonus = 600 : pos === "left" && (positionBonus = 400);
307
- const score = spaces[pos] + positionBonus;
308
- acc.push({ position: pos, score });
309
- }
310
- return acc;
311
- }, []);
312
- }
313
167
  function setupFocusTrap() {
314
- __props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || (initialFocusElement = document.activeElement, nextTick(() => {
168
+ __props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || (initialFocusElement = document.activeElement, nextTick(() => {
315
169
  const focusableElements = panelElement.value?.querySelectorAll(
316
170
  'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
317
171
  );
@@ -319,7 +173,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
319
173
  }));
320
174
  }
321
175
  function restoreFocus() {
322
- __props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || nextTick(() => {
176
+ __props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || nextTick(() => {
323
177
  initialFocusElement?.focus({ preventScroll: !0 });
324
178
  });
325
179
  }
@@ -327,7 +181,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
327
181
  isOpen.value && (event.key === "Escape" && __props.closeOnEscape && !__props.persistent && (event.preventDefault(), close()), (__props.role === "dialog" || __props.role === "menu") && event.key === "Tab" && handleTrapFocus(event));
328
182
  }
329
183
  function handleTrapFocus(event) {
330
- if (!panelElement.value)
184
+ if (!panelElement.value || !isClient())
331
185
  return;
332
186
  const focusableElements = panelElement.value.querySelectorAll(
333
187
  'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
@@ -350,15 +204,12 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
350
204
  }
351
205
  }
352
206
  }
353
- function onScrollThrottled() {
354
- isOpen.value && schedulePositionUpdate();
355
- }
356
207
  return watch(isOpen, (value, oldValue) => {
357
208
  !isClient() || value === oldValue || (value ? open() : oldValue && !value && close());
358
- }, { immediate: !0 }), watch(() => __props.position, (newPosition) => {
359
- newPosition !== "auto" && (computedPosition.value = newPosition), isOpen.value && nextTick(calculateAndApplyPosition);
209
+ }, { immediate: !0 }), watch(() => __props.position, () => {
210
+ isOpen.value && nextTick(() => update());
360
211
  }), onMounted(() => {
361
- document.addEventListener("keydown", onKeydown), window.addEventListener("scroll", onScrollThrottled, { passive: !0, capture: !0 }), window.addEventListener("resize", onScrollThrottled, { passive: !0 });
212
+ document.addEventListener("keydown", onKeydown);
362
213
  }), onBeforeUnmount(cleanup), onUnmounted(cleanup), __expose({
363
214
  /**
364
215
  * Open the popover
@@ -390,7 +241,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
390
241
  * @description Manually recalculate and update the popover position
391
242
  * @usage `mazPopoverInstance.value?.updatePosition()`
392
243
  */
393
- updatePosition: calculateAndApplyPosition
244
+ updatePosition: update
394
245
  }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
395
246
  class: normalizeClass(["m-popover m-reset-css", [
396
247
  unref(attrs).class,
@@ -441,7 +292,11 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
441
292
  tabindex: _ctx.role === "dialog" ? "-1" : void 0,
442
293
  class: ["m-popover-panel", panelClasses.value],
443
294
  "aria-live": _ctx.announceChanges ? "polite" : void 0,
444
- style: [panelStyles.value, _ctx.panelStyle]
295
+ style: {
296
+ ...panelStyles.value,
297
+ transformOrigin: getTransformOrigin(computedPosition.value),
298
+ visibility: unref(middlewareData).hide?.referenceHidden ? "hidden" : "visible"
299
+ }
445
300
  }, panelEvents.value), [
446
301
  renderSlot(_ctx.$slots, "default", {
447
302
  open,
@@ -458,7 +313,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
458
313
  ], 8, ["to", "disabled"]))
459
314
  ], 6));
460
315
  }
461
- }), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8dc489a"]]);
316
+ }), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9f43461"]]);
462
317
  export {
463
318
  MazPopover as default
464
319
  };
@@ -7,7 +7,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
7
7
  import MazInput from "./MazInput.js";
8
8
  import MazPopover from "./MazPopover.js";
9
9
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
10
- import '../assets/MazSelect.Cn5jpr_B.css';let timeout = null;
10
+ import '../assets/MazSelect.Cb0TX2bP.css';let timeout = null;
11
11
  function debounceCallback(callback, delay) {
12
12
  timeout && clearTimeout(timeout), timeout = setTimeout(callback, delay);
13
13
  }
@@ -25,7 +25,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
25
25
  optionValueKey: { default: "value" },
26
26
  optionLabelKey: { default: "label" },
27
27
  optionInputValueKey: { default: "label" },
28
- listPosition: { default: "bottom-start" },
28
+ listPosition: { default: void 0 },
29
29
  itemHeight: { default: void 0 },
30
30
  maxListHeight: { default: 240 },
31
31
  maxListWidth: { default: void 0 },
@@ -240,7 +240,8 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
240
240
  trigger: "click",
241
241
  block: _ctx.block,
242
242
  offset: 0,
243
- "prefer-position": _ctx.listPosition,
243
+ position: _ctx.listPosition,
244
+ "prefer-position": "bottom-start",
244
245
  "fallback-position": "top-start",
245
246
  "position-reference": ".m-input-wrapper",
246
247
  onClose: onCloseList,
@@ -376,9 +377,9 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
376
377
  ], 14, _hoisted_2)
377
378
  ]),
378
379
  _: 3
379
- }, 8, ["modelValue", "class", "style", "block", "prefer-position"]));
380
+ }, 8, ["modelValue", "class", "style", "block", "position"]));
380
381
  }
381
- }), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67b2b42a"]]);
382
+ }), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e611c2b3"]]);
382
383
  export {
383
384
  MazSelect as default
384
385
  };
@@ -5,7 +5,7 @@ import { useDisplayNames } from "../composables/useDisplayNames.js";
5
5
  import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
6
6
  import MazSelect from "./MazSelect.js";
7
7
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
8
- import '../assets/MazSelectCountry.t3GsKyqw.css';function getBrowserLocale() {
8
+ import '../assets/MazSelectCountry.D3fSImar.css';function getBrowserLocale() {
9
9
  try {
10
10
  return isServer() ? void 0 : globalThis.navigator.language;
11
11
  } catch (error) {
@@ -194,7 +194,7 @@ const _hoisted_1 = {
194
194
  }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "search-placeholder", "search-threshold", "options", "hint", "open"])
195
195
  ], 6));
196
196
  }
197
- }), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9c7de71"]]);
197
+ }), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2edc88d7"]]);
198
198
  export {
199
199
  MazSelectCountry as default
200
200
  };
@@ -14,7 +14,7 @@ import { _ } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.JSYXGy
14
14
  import { default as default14 } from "./MazCheckbox.js";
15
15
  import { default as default15 } from "./MazChecklist.js";
16
16
  import { default as default16 } from "./MazCircularProgressBar.js";
17
- import { M } from "../chunks/MazDatePicker.BDXsAcRK.js";
17
+ import { M } from "../chunks/MazDatePicker.DzyuPA8W.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.Grn2kB3x.js";
20
20
  import { default as default18 } from "./MazDrawer.js";
@@ -9,9 +9,9 @@ const bcp47Codes = ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO
9
9
  }, displayNamesCache = /* @__PURE__ */ new Map();
10
10
  let cacheCleanupTimer = null;
11
11
  function scheduleCacheCleanup() {
12
- cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
12
+ typeof globalThis.window > "u" || (cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
13
13
  displayNamesCache.size > 50 && displayNamesCache.clear(), cacheCleanupTimer = null;
14
- }, 300 * 1e3);
14
+ }, 300 * 1e3));
15
15
  }
16
16
  function isSameLanguageThanCode(language, code) {
17
17
  return !language || language?.toLocaleLowerCase() === code.toLocaleLowerCase();
@@ -69,7 +69,8 @@ function getAllDisplayNames(options) {
69
69
  console.warn("[maz-ui] (useDisplayNames) locale is required");
70
70
  return;
71
71
  }
72
- const result = (resolvedOnlyCodes ?? getDisplayNamesCodes(resolvedCodesType)).filter((code) => !resolvedExcludedCodes?.includes(code)).map((code) => {
72
+ const filteredCodes = (resolvedOnlyCodes ?? getDisplayNamesCodes(resolvedCodesType)).filter((code) => !resolvedExcludedCodes?.includes(code)), mappedResults = [];
73
+ for (const code of filteredCodes)
73
74
  try {
74
75
  const name = getName(code, resolvedLocale, {
75
76
  type: resolvedType,
@@ -78,17 +79,18 @@ function getAllDisplayNames(options) {
78
79
  style: resolvedStyle,
79
80
  localeMatcher: resolvedLocaleMatcher
80
81
  });
81
- return resolvedRemoveUnmatched && (!name || isSameLanguageThanCode(name, code)) ? void 0 : {
82
+ if (resolvedRemoveUnmatched && (!name || isSameLanguageThanCode(name, code)))
83
+ continue;
84
+ mappedResults.push({
82
85
  name: name ?? code,
83
86
  code
84
- };
87
+ });
85
88
  } catch {
86
- return;
87
89
  }
88
- }).sort((a, b) => a?.name && b?.name ? a.name.localeCompare(b.name) : 0).sort((a, b) => {
89
- const aIndex = resolvedPreferredCodes?.indexOf(a?.code) ?? -1, bIndex = resolvedPreferredCodes?.indexOf(b?.code) ?? -1;
90
+ const result = mappedResults.filter(truthyFilter).sort((a, b) => a.name && b.name ? a.name.localeCompare(b.name) : 0).sort((a, b) => {
91
+ const aIndex = resolvedPreferredCodes?.indexOf(a.code) ?? -1, bIndex = resolvedPreferredCodes?.indexOf(b.code) ?? -1;
90
92
  return aIndex !== -1 && bIndex !== -1 ? aIndex - bIndex : aIndex !== -1 ? -1 : bIndex !== -1 ? 1 : 0;
91
- }).filter(truthyFilter);
93
+ });
92
94
  return resolvedRemoveDuplicates ? result.filter((item, index, self) => self.findIndex((t) => t[resolvedRemoveDuplicates].toLowerCase() === item[resolvedRemoveDuplicates].toLowerCase()) === index) : result;
93
95
  });
94
96
  }
@@ -107,11 +109,7 @@ function useDisplayNames(mainLocale) {
107
109
  ...resolvedOptions,
108
110
  locale: resolvedOptions?.locale || mainLocale
109
111
  });
110
- },
111
- countryCodes,
112
- iso6391Codes,
113
- bcp47Codes,
114
- normalizeCode
112
+ }
115
113
  };
116
114
  }
117
115
  export {
@@ -237,7 +237,7 @@ function generateAllColorScales(colors, prefix) {
237
237
  }), colorScales;
238
238
  }
239
239
  var CSS_IDS = /* @__PURE__ */ ((CSS_IDS2) => (CSS_IDS2.FULL = "maz-theme-full", CSS_IDS2.CRITICAL = "maz-theme-critical", CSS_IDS2))(CSS_IDS || {});
240
- function injectCSS(css, id) {
240
+ function injectCSS(id, css) {
241
241
  if (typeof document > "u")
242
242
  return;
243
243
  let styleElement = document.getElementById(id);
@@ -267,6 +267,25 @@ async function getPreset(preset) {
267
267
  }
268
268
  throw new TypeError(`[@maz-ui/themes] Preset ${preset} not found`);
269
269
  }
270
+ function mergePresets(base, overrides) {
271
+ return {
272
+ name: overrides.name || base.name,
273
+ foundation: {
274
+ ...base.foundation,
275
+ ...overrides.foundation
276
+ },
277
+ colors: {
278
+ light: mergeColors(base.colors.light, overrides.colors?.light),
279
+ dark: mergeColors(base.colors.dark, overrides.colors?.dark)
280
+ }
281
+ };
282
+ }
283
+ function mergeColors(base, overrides) {
284
+ return overrides ? {
285
+ ...base,
286
+ ...overrides
287
+ } : base;
288
+ }
270
289
  function getColorMode(colorMode) {
271
290
  if (colorMode && ["light", "dark"].includes(colorMode))
272
291
  return colorMode;
@@ -288,13 +307,13 @@ function injectThemeCSS(finalPreset, config) {
288
307
  };
289
308
  if (config.injectCriticalCSS) {
290
309
  const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
291
- injectCSS(criticalCSS, CSS_IDS.CRITICAL);
310
+ injectCSS(CSS_IDS.CRITICAL, criticalCSS);
292
311
  }
293
312
  if (!config.injectFullCSS)
294
313
  return;
295
314
  const fullCSS = generateFullCSS(finalPreset, cssOptions);
296
- config.strategy === "runtime" ? injectCSS(fullCSS, CSS_IDS.FULL) : config.strategy === "hybrid" && requestIdleCallback(() => {
297
- injectCSS(fullCSS, CSS_IDS.FULL);
315
+ config.strategy === "runtime" ? injectCSS(CSS_IDS.FULL, fullCSS) : config.strategy === "hybrid" && requestIdleCallback(() => {
316
+ injectCSS(CSS_IDS.FULL, fullCSS);
298
317
  }, { timeout: 100 });
299
318
  }
300
319
  function injectThemeState(app, themeState) {
@@ -322,17 +341,7 @@ const MazUiTheme = {
322
341
  darkModeStrategy: config.darkModeStrategy
323
342
  });
324
343
  applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
325
- const preset = await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 ? {
326
- ...preset,
327
- foundation: {
328
- ...preset.foundation,
329
- ...config.overrides.foundation
330
- },
331
- colors: {
332
- light: { ...preset.colors.light, ...config.overrides.colors?.light },
333
- dark: { ...preset.colors.dark, ...config.overrides.colors?.dark }
334
- }
335
- } : preset;
344
+ const preset = await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 ? mergePresets(preset, config.overrides) : preset;
336
345
  themeState.currentPreset = finalPreset, config.strategy !== "buildtime" && injectThemeCSS(finalPreset, config);
337
346
  }
338
347
  }, defaultLocalesLoaders = {
@@ -138,7 +138,8 @@ export interface MazDatePickerProps {
138
138
  /**
139
139
  * The position where the picker popover should appear
140
140
  * @type {MazPopoverProps['position']}
141
- * @values top, bottom, left, right, top-left, top-right, bottom-left, bottom-right
141
+ * @values top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start
142
+ * @default 'auto'
142
143
  */
143
144
  pickerPosition?: MazPopoverProps['position'];
144
145
  /**
@@ -250,8 +251,8 @@ declare function __VLS_template(): {
250
251
  $props: {
251
252
  readonly modelValue?: boolean | undefined;
252
253
  readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
253
- readonly preferPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
254
- readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
254
+ readonly preferPosition?: import('./MazPopover.vue').MazPopoverPreferPosition | undefined;
255
+ readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverFallbackPosition | undefined;
255
256
  readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
256
257
  readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
257
258
  readonly ariaLabel?: string | undefined;
@@ -312,10 +313,7 @@ declare function __VLS_template(): {
312
313
  close: () => void;
313
314
  toggle: () => void;
314
315
  isOpen: import('vue').ComputedRef<boolean>;
315
- updatePosition: (options?: {
316
- applyStyles?: boolean;
317
- forAnimation?: boolean;
318
- }) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
316
+ updatePosition: () => void;
319
317
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
320
318
  close: () => any;
321
319
  toggle: (value: boolean) => any;
@@ -355,10 +353,7 @@ declare function __VLS_template(): {
355
353
  close: () => void;
356
354
  toggle: () => void;
357
355
  isOpen: import('vue').ComputedRef<boolean>;
358
- updatePosition: (options?: {
359
- applyStyles?: boolean;
360
- forAnimation?: boolean;
361
- }) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
356
+ updatePosition: () => void;
362
357
  }> & {} & import('vue').ComponentCustomProperties & {} & {
363
358
  $slots: {
364
359
  trigger?(_: {
@@ -396,10 +391,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
396
391
  disabled: boolean;
397
392
  open: boolean;
398
393
  format: string;
394
+ shortcuts: MazDatePickerShortcut[] | boolean;
399
395
  double: boolean;
400
396
  inline: boolean;
401
397
  range: boolean;
402
- shortcuts: MazDatePickerShortcut[] | boolean;
403
398
  minDate: string;
404
399
  maxDate: string;
405
400
  disabledWeekly: number[];
@@ -421,8 +416,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
421
416
  $props: {
422
417
  readonly modelValue?: boolean | undefined;
423
418
  readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
424
- readonly preferPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
425
- readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
419
+ readonly preferPosition?: import('./MazPopover.vue').MazPopoverPreferPosition | undefined;
420
+ readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverFallbackPosition | undefined;
426
421
  readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
427
422
  readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
428
423
  readonly ariaLabel?: string | undefined;
@@ -483,10 +478,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
483
478
  close: () => void;
484
479
  toggle: () => void;
485
480
  isOpen: import('vue').ComputedRef<boolean>;
486
- updatePosition: (options?: {
487
- applyStyles?: boolean;
488
- forAnimation?: boolean;
489
- }) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
481
+ updatePosition: () => void;
490
482
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
491
483
  close: () => any;
492
484
  toggle: (value: boolean) => any;
@@ -526,10 +518,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
526
518
  close: () => void;
527
519
  toggle: () => void;
528
520
  isOpen: import('vue').ComputedRef<boolean>;
529
- updatePosition: (options?: {
530
- applyStyles?: boolean;
531
- forAnimation?: boolean;
532
- }) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
521
+ updatePosition: () => void;
533
522
  }> & {} & import('vue').ComponentCustomProperties & {} & {
534
523
  $slots: {
535
524
  trigger?(_: {
@@ -1,4 +1,4 @@
1
- import { FilterCurrencyOptions } from '@maz-ui/utils/src/formatters/formatCurrency.js';
1
+ import { FilterCurrencyOptions } from '@maz-ui/utils/src/helpers/formatCurrency.js';
2
2
  export interface MazInputPriceProps {
3
3
  /** @model The value of the input */
4
4
  modelValue?: number;
@@ -1,7 +1,10 @@
1
+ import { Placement } from '@floating-ui/vue';
1
2
  import { HTMLAttributes } from 'vue';
2
3
  import { MazColor } from './types';
3
4
  type __VLS_Props = MazPopoverProps;
4
- export type MazPopoverPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
5
+ export type MazPopoverPosition = Placement | 'auto';
6
+ export type MazPopoverPreferPosition = Placement;
7
+ export type MazPopoverFallbackPosition = Placement;
5
8
  export type MazPopoverTrigger = 'click' | 'hover' | 'manual' | 'adaptive';
6
9
  export type MazPopoverRole = 'dialog' | 'tooltip' | 'menu';
7
10
  export interface MazPopoverProps {
@@ -25,14 +28,14 @@ export interface MazPopoverProps {
25
28
  * @default 'bottom-start'
26
29
  * @description Preferred position of the popover relative to trigger
27
30
  */
28
- preferPosition?: MazPopoverPosition;
31
+ preferPosition?: MazPopoverPreferPosition;
29
32
  /**
30
33
  * Fallback position of the popover relative to trigger when prefer position is not visible
31
34
  * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
32
35
  * @default auto
33
36
  * @description Fallback position of the popover relative to trigger
34
37
  */
35
- fallbackPosition?: MazPopoverPosition;
38
+ fallbackPosition?: MazPopoverFallbackPosition;
36
39
  /**
37
40
  * How the popover is triggered
38
41
  * @values click, hover, manual, adaptive
@@ -164,10 +167,6 @@ export interface MazPopoverProps {
164
167
  */
165
168
  positionReference?: string | HTMLElement;
166
169
  }
167
- declare function calculateAndApplyPosition(options?: {
168
- applyStyles?: boolean;
169
- forAnimation?: boolean;
170
- }): Promise<void> | Omit<MazPopoverPosition, "auto"> | null;
171
170
  declare function open(): void;
172
171
  declare function close(): void;
173
172
  declare function toggle(): void;
@@ -229,7 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
229
228
  * @description Manually recalculate and update the popover position
230
229
  * @usage `mazPopoverInstance.value?.updatePosition()`
231
230
  */
232
- updatePosition: typeof calculateAndApplyPosition;
231
+ updatePosition: () => void;
233
232
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
234
233
  close: () => any;
235
234
  toggle: (value: boolean) => any;
@@ -58,8 +58,9 @@ export interface MazSelectProps<Value extends MazInputValue = MazInputValue, Opt
58
58
  */
59
59
  optionInputValueKey?: string;
60
60
  /**
61
- * The position of the list
62
- * @default 'bottom-start'
61
+ * The position of the list (auto by default - will switch between bottom-start and top-start)
62
+ * @type {MazPopoverProps['position']}
63
+ * @default 'auto'
63
64
  */
64
65
  listPosition?: MazPopoverProps['position'];
65
66
  /** The height of the option list item */
@@ -1,7 +1,7 @@
1
1
  import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
2
2
  import { HTMLAttributes } from 'vue';
3
3
  import { CodesType, DisplayNameCode, DisplayNamesOptions } from '../composables/useDisplayNames';
4
- import { MazPopoverPosition } from './MazPopover.vue';
4
+ import { MazPopoverProps } from './MazPopover.vue';
5
5
  import { MazSelectProps } from './MazSelect.vue';
6
6
  import { MazColor, MazSize } from './types';
7
7
  export interface MazSelectCountryProps<Option extends {
@@ -54,10 +54,10 @@ export interface MazSelectCountryProps<Option extends {
54
54
  onlyCodes?: Option['code'][];
55
55
  /**
56
56
  * Position of the list
57
- * @type {PopoverPosition}
58
- * @default bottom-start
57
+ * @type {MazPopoverProps['position']}
58
+ * @default 'auto'
59
59
  */
60
- listPosition?: MazPopoverPosition;
60
+ listPosition?: MazPopoverProps['position'];
61
61
  /**
62
62
  * Hide flags
63
63
  */
@@ -10,7 +10,6 @@ export type DisplayNameCode = (typeof displayNamesCodes)[number];
10
10
  export type DisplayNamesOptions = Omit<Intl.DisplayNamesOptions, 'type'> & {
11
11
  type?: 'region' | 'language';
12
12
  };
13
- declare function normalizeCode(code: string, type: DisplayNamesOptions['type']): string;
14
13
  interface DynamicDisplayNamesOptions {
15
14
  type?: MaybeRefOrGetter<DisplayNamesOptions['type']>;
16
15
  languageDisplay?: MaybeRefOrGetter<DisplayNamesOptions['languageDisplay']>;
@@ -39,9 +38,5 @@ export declare function useDisplayNames(mainLocale?: MaybeRefOrGetter<string | D
39
38
  name: string;
40
39
  code: CodeResult<T>;
41
40
  }[] | undefined>;
42
- countryCodes: readonly ["AA", "AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES", "ET", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XK", "YE", "YT", "ZA", "ZM", "ZW"];
43
- iso6391Codes: readonly ["aa", "ab", "ae", "af", "ak", "am", "an", "ar", "as", "av", "ay", "az", "ba", "be", "bg", "bh", "bi", "bm", "bn", "bo", "br", "bs", "ca", "ce", "ch", "co", "cr", "cs", "cu", "cv", "cy", "da", "de", "dv", "dz", "ee", "el", "en", "eo", "es", "et", "eu", "fa", "ff", "fi", "fj", "fo", "fr", "fy", "ga", "gd", "gl", "gn", "gu", "gv", "ha", "he", "hi", "ho", "hr", "ht", "hu", "hy", "hz", "ia", "id", "ie", "ig", "ii", "ik", "io", "is", "it", "iu", "ja", "jv", "ka", "kg", "ki", "kj", "kk", "kl", "km", "kn", "ko", "kr", "ks", "ku", "kv", "kw", "ky", "la", "lb", "lg", "li", "ln", "lo", "lt", "lu", "lv", "mg", "mh", "mi", "mk", "ml", "mn", "mr", "ms", "mt", "my", "na", "nb", "nd", "ne", "ng", "nl", "nn", "no", "nr", "nv", "ny", "oc", "oj", "om", "or", "os", "pa", "pi", "pl", "ps", "pt", "qu", "rm", "rn", "ro", "ru", "rw", "sa", "sc", "sd", "se", "sg", "si", "sk", "sl", "sm", "sn", "so", "sq", "sr", "ss", "st", "su", "sv", "sw", "ta", "te", "tg", "th", "ti", "tk", "tl", "tn", "to", "tr", "ts", "tt", "tw", "ty", "ug", "uk", "ur", "uz", "ve", "vi", "vo", "wa", "wo", "xh", "yi", "yo", "za", "zh", "zu"];
44
- bcp47Codes: readonly ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO", "ar-KW", "ar-LB", "ar-LY", "ar-MA", "ar-OM", "ar-QA", "ar-SA", "ar-SY", "ar-TN", "ar-AE", "ar-YE", "hy-AM", "Cy-az-AZ", "Lt-az-AZ", "eu-ES", "be-BY", "bg-BG", "ca-ES", "zh-CN", "zh-HK", "zh-MO", "zh-SG", "zh-TW", "zh-CHS", "zh-CHT", "hr-HR", "cs-CZ", "da-DK", "div-MV", "nl-BE", "nl-NL", "en-AU", "en-BZ", "en-CA", "en-CB", "en-IE", "en-JM", "en-NZ", "en-PH", "en-ZA", "en-TT", "en-GB", "en-US", "en-ZW", "et-EE", "fo-FO", "fa-IR", "fi-FI", "fr-BE", "fr-CA", "fr-FR", "fr-LU", "fr-MC", "fr-CH", "gl-ES", "ka-GE", "de-AT", "de-DE", "de-LI", "de-LU", "de-CH", "el-GR", "gu-IN", "he-IL", "hi-IN", "hu-HU", "is-IS", "id-ID", "it-IT", "it-CH", "ja-JP", "kn-IN", "kk-KZ", "kok-IN", "ko-KR", "ky-KZ", "lv-LV", "lt-LT", "mk-MK", "ms-BN", "ms-MY", "mr-IN", "mn-MN", "nb-NO", "nn-NO", "pl-PL", "pt-BR", "pt-PT", "pa-IN", "ro-RO", "ru-RU", "sa-IN", "Cy-sr-SP", "Lt-sr-SP", "sk-SK", "sl-SI", "es-AR", "es-BO", "es-CL", "es-CO", "es-CR", "es-DO", "es-EC", "es-SV", "es-GT", "es-HN", "es-MX", "es-NI", "es-PA", "es-PY", "es-PE", "es-PR", "es-ES", "es-UY", "es-VE", "sw-KE", "sv-FI", "sv-SE", "syr-SY", "ta-IN", "tt-RU", "te-IN", "th-TH", "tr-TR", "uk-UA", "ur-PK", "Cy-uz-UZ", "Lt-uz-UZ", "vi-VN"];
45
- normalizeCode: typeof normalizeCode;
46
41
  };
47
42
  export {};
@@ -35,7 +35,6 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
35
35
  easing?: string;
36
36
  };
37
37
  alt: string | null;
38
- zoom: boolean;
39
38
  clickedElementBounds: {
40
39
  top: number;
41
40
  left: number;
@@ -43,6 +42,7 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
43
42
  width: number;
44
43
  };
45
44
  openInstanceClass: string;
45
+ zoom: boolean;
46
46
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
47
47
  FullscreenImgElement: HTMLDivElement;
48
48
  ImgElement: HTMLImageElement;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.0.0-beta.23",
4
+ "version": "4.0.0-beta.24",
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",
@@ -183,11 +183,12 @@
183
183
  }
184
184
  },
185
185
  "dependencies": {
186
- "@maz-ui/cli": "4.0.0-beta.22",
187
- "@maz-ui/icons": "4.0.0-beta.22",
188
- "@maz-ui/themes": "4.0.0-beta.22",
189
- "@maz-ui/translations": "4.0.0-beta.21",
190
- "@maz-ui/utils": "4.0.0-beta.21",
186
+ "@floating-ui/vue": "^1.1.8",
187
+ "@maz-ui/cli": "4.0.0-beta.24",
188
+ "@maz-ui/icons": "4.0.0-beta.24",
189
+ "@maz-ui/themes": "4.0.0-beta.24",
190
+ "@maz-ui/translations": "4.0.0-beta.24",
191
+ "@maz-ui/utils": "4.0.0-beta.24",
191
192
  "chart.js": "^4.5.0",
192
193
  "dayjs": "^1.11.13",
193
194
  "libphonenumber-js": "^1.12.10",
@@ -196,7 +197,7 @@
196
197
  },
197
198
  "devDependencies": {
198
199
  "@maz-ui/eslint-config": "4.0.0-beta.22",
199
- "@maz-ui/node": "4.0.0-beta.21",
200
+ "@maz-ui/node": "4.0.0-beta.24",
200
201
  "@vitejs/plugin-vue": "^6.0.1",
201
202
  "@vitest/coverage-v8": "^3.2.4",
202
203
  "@vue/compiler-sfc": "^3.5.18",
@@ -237,5 +238,5 @@
237
238
  "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
238
239
  "*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
239
240
  },
240
- "gitHead": "89d18c1c23e4d60a53695a5f477c9e6d23a1b00c"
241
+ "gitHead": "9ea5ccdfb15f18c4e102ef5d2cfba29bd304d38e"
241
242
  }
@@ -1 +0,0 @@
1
- .m-date-picker[data-v-a9ad8018]{display:inline-block;position:relative}.m-date-picker__input[data-v-a9ad8018]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-a9ad8018]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-right:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-a9ad8018]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-a9ad8018]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-a9ad8018]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-a9ad8018] input{cursor:pointer!important}
@@ -1 +0,0 @@
1
- .maz-picker-month-switcher[data-v-656f003a]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-month-switcher__header[data-v-656f003a]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));justify-content:flex-end;padding:.5rem;display:flex}.maz-picker-month-switcher__main[data-v-656f003a]{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:grid;overflow-y:auto}.maz-picker-month-switcher__main.--has-double[data-v-656f003a]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-656f003a]{height:100%!important}
@@ -1 +0,0 @@
1
- .m-popover[data-v-a8dc489a]{display:inline-block}.m-popover .m-popover-trigger[data-v-a8dc489a]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-a8dc489a]{width:100%}.m-popover-panel[data-v-a8dc489a]{visibility:hidden;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-a8dc489a]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-a8dc489a]: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-a8dc489a]{--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-a8dc489a]{--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-a8dc489a]{--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-a8dc489a]{--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-a8dc489a]{--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-a8dc489a]{--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-a8dc489a]{--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-a8dc489a]{--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))}.maz-popover-enter-active[data-v-a8dc489a]{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-popover-leave-active[data-v-a8dc489a]{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.m-popover-panel.--position-bottom.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-bottom-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-bottom-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:top;transform:scaleY(.8)translateY(-4px)}.m-popover-panel.--position-bottom.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-bottom-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-bottom-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:top;transform:scaleY(.9)translateY(-4px)}.m-popover-panel.--position-top.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-top-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-top-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:bottom;transform:scaleY(.8)translateY(4px)}.m-popover-panel.--position-top.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-top-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-top-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:bottom;transform:scaleY(.9)translateY(4px)}.m-popover-panel.--position-right.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-right-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-right-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:0;transform:scaleX(.8)translate(-4px)}.m-popover-panel.--position-right.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-right-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-right-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:0;transform:scaleX(.9)translate(-4px)}.m-popover-panel.--position-left.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-left-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-left-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:100%;transform:scaleX(.8)translate(4px)}.m-popover-panel.--position-left.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-left-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-left-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:100%;transform:scaleX(.9)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:50%;transform:scale(.95)translateY(-4px)}.m-popover-panel:not([class*=--position-]).maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:50%;transform:scale(.98)}
@@ -1 +0,0 @@
1
- .m-select[data-v-67b2b42a]{vertical-align:top;display:inline-flex;position:relative}.m-select-input[data-v-67b2b42a]{width:100%;height:100%}.m-select-input__toggle-button[data-v-67b2b42a]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-left:0;display:flex}.m-select-input[data-v-67b2b42a] input{caret-color:#0000}.m-select-input[data-v-67b2b42a] .m-input-input,.m-select-input.--has-label[data-v-67b2b42a] .m-input-input{padding-right:0}.m-select.--mini[data-v-67b2b42a],.m-select.--xs[data-v-67b2b42a]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-67b2b42a]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-67b2b42a]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-67b2b42a]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-67b2b42a]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-67b2b42a]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-67b2b42a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-67b2b42a]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-67b2b42a]{cursor:pointer;appearance:none;border-style:none}.m-select-list[data-v-67b2b42a]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--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);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-67b2b42a]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-67b2b42a],.m-select-list.--xs[data-v-67b2b42a]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-67b2b42a]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-67b2b42a]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-67b2b42a]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-67b2b42a]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-67b2b42a]{min-width:3.5rem}.m-select-list__scroll-wrapper[data-v-67b2b42a]{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1));border-radius:1000px}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar-thumb:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-500)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-67b2b42a]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-400))transparent}.m-select-list__no-results[data-v-67b2b42a]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-67b2b42a]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-67b2b42a]:focus-within,.m-select-list-item[data-v-67b2b42a]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-67b2b42a]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-67b2b42a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-67b2b42a]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-67b2b42a]:focus{border-color:var(--selected-text-color)}.m-select-list-item.--is-selected.--transparent[data-v-67b2b42a]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}