Skip to content

v5.0.0-beta.39

Pre-release
Pre-release

Choose a tag to compare

@LouisMazel LouisMazel released this 22 Jun 23:17
· 0 commits to master since this release

compare changes

馃殌 Features

  • maz-ui: UseDrag - add pointer drag gesture composable (dfbf71c01)

    New useDrag composable to track a pointer drag gesture (touch, mouse, and pen) with real-time isDragging, offsetX, offsetY, distance, and direction states. Includes onStart, onMove, and onEnd callbacks, with support for axis locking, distance thresholds, and pointer-type filtering.

    const handle = ref()
    const { offsetY, isDragging } = useDrag(handle, {
      axis: 'y',
      onEnd: ({ offsetY }) => {
        if (offsetY > 120)
          close()
      },
    })
  • @maz-ui/nuxt: Register useDrag composable for auto-import (073c0e9b8)

  • maz-ui: MazBottomSheet - add max-width, header, footer, slots and swipe-to-close (e663c47eb)

    MazBottomSheet now supports max-width (constrained and centered on desktop, full-width on mobile), a header with optional icon and close button, a footer, and swipe-to-close gestures. All parts (header, icon, title, footer) are replaceable via slots.

    <MazBottomSheet v-model="open" title="Title" icon="/bell.svg" max-width="40rem">
      Your content
      <template #footer="{ close }">
        <MazBtn @click="close">Confirm</MazBtn>
      </template>
    </MazBottomSheet>
  • maz-ui: MazTextarea - add size and minRows props (c7092dca0)

    MazTextarea now supports a size prop (mini, xs, sm, md, lg, xl) to control padding and text size, and a minRows prop for initial/minimum height. Combine them (e.g. size="md" :min-rows="1") to match a regular input height.

馃┕ Fixes

  • @maz-ui/eslint-config: Raise synckit timeout to avoid tailwind lint crash under load (1aa967b45)

    Prevents ESLint from crashing with Atomics.wait() failed: timed-out when eslint-plugin-better-tailwindcss resolves Tailwind under heavy parallel load. Worker timeout now defaults to 120s and can be overridden with the SYNCKIT_TIMEOUT environment variable.

馃拝 Refactors

  • @maz-ui/utils: Swipe - rework on pointer events (d6141e464)

    useSwipe and the Swipe helper now use Pointer Events for touch, mouse, and pen detection. New pointerTypes option lets you restrict input types (e.g. ['touch']). The preventDefaultOnTouchMove option is renamed to preventDefaultOnMove, and directional callbacks (onLeft, onRight, onUp, onDown) now receive a PointerEvent instead of a TouchEvent.

馃摉 Documentation

  • docs: UseDrag - add documentation (46087cd1c)
  • docs: MazBottomSheet - document new features (866e5b718)
  • docs: UseSwipe - update for pointer events (c194bc217)
  • docs: MazTextarea - document size and minRows (58691df1e)

鉂わ笍 Contributors