@maas/vue-equipment 1.0.0-beta.2 → 1.0.0-beta.21

package/README.md

@@ -9,11 +9,11 @@ Over the years, we have found ourselves facing a common problem: driven by the l
 
 ## 🚧 Disclaimer
 
-This project is still under development. Expect breaking changes before the initial stable release.
+This project is currently in beta. Expect breaking changes before the initial stable release. With this being said, we aim to keep the amount to an absolute minimum and will communicate any breaking changes with each [release](https://github.com/magicasaservice/vue-equipment/releases).
 
 ## 📖 Docs
 
-For the full documentation visit [vue-equipment.maas.engineering](https://vue-equipment.maas.engineering). We are actively working on updating the docs before our initial release.
+For the full documentation visit [vue.equipment](https://vue.equipment). We are actively working on updating the docs before our initial stable release.
 
 ## 🐛 Found a Bug?
 

package/dist/composables/index.d.ts

@@ -11,11 +11,11 @@ interface CountdownOptions {
     zeroIndexedMonths?: boolean;
 }
 declare function useCountdown(options: CountdownOptions, callback?: () => void): {
-    years: vue.Ref<number, number>;
-    days: vue.Ref<number, number>;
-    hours: vue.Ref<number, number>;
-    minutes: vue.Ref<number, number>;
-    seconds: vue.Ref<number, number>;
+    years: vue.ShallowRef<number, number>;
+    days: vue.ShallowRef<number, number>;
+    hours: vue.ShallowRef<number, number>;
+    minutes: vue.ShallowRef<number, number>;
+    seconds: vue.ShallowRef<number, number>;
     endDateTime: vue.ComputedRef<DateTime<true> | DateTime<false>>;
     pad: (value: number) => string;
     restart: () => void;

package/dist/composables/index.js

@@ -1,5 +1,11 @@
 // useCountdown/index.ts
-import { computed, onMounted, ref, unref, watch } from "vue";
+import {
+  computed,
+  onMounted,
+  shallowRef,
+  unref,
+  watch
+} from "vue";
 import { MagicTimer } from "@maas/magic-timer";
 import { DateTime } from "luxon";
 var defaultOptions = {
@@ -10,23 +16,23 @@ function useCountdown(options, callback) {
   options = { ...defaultOptions, ...options };
   if (unref(options.endDateTime).length < 3) {
     console.error(
-      'useCountdownClock: The "endDateTime" option needs to be an array with the format [YYYY, MM, DD, HH?, MM?, SS?]'
+      "useCountdownClock: \u201CendDateTime\u201D needs to be an array [YYYY, MM, DD, HH?, MM?, SS?]"
     );
   }
   const timezone = unref(options.timezone);
   if (timezone) {
     if (!DateTime.now().setZone(timezone).isValid) {
       console.error(
-        `useCountdownClock: The "timezone" option "${timezone}" is not a valid timezone. Do you mean ${DateTime.local().zoneName}? For more information see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones`
+        `useCountdownClock: \u201C${timezone}\u201D is not a valid timezone. Did you mean ${DateTime.local().zoneName}? For more information see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones`
       );
     }
   }
   const timer = new MagicTimer();
-  const years = ref(0);
-  const days = ref(0);
-  const hours = ref(0);
-  const minutes = ref(0);
-  const seconds = ref(0);
+  const years = shallowRef(0);
+  const days = shallowRef(0);
+  const hours = shallowRef(0);
+  const minutes = shallowRef(0);
+  const seconds = shallowRef(0);
   const parseDateTimeArray = (dateTimeArr) => {
     const [year, month, day, hour, minute, second] = dateTimeArr;
     return {
@@ -62,7 +68,9 @@ function useCountdown(options, callback) {
     if (end <= now) {
       timer.stop();
       reset();
-      if (callback) callback();
+      if (callback) {
+        callback();
+      }
       return;
     }
     const diff = end.diff(now, [
@@ -85,7 +93,6 @@ function useCountdown(options, callback) {
   function onTick(callback2) {
     timer.on("tick", callback2);
   }
-  timer.on("tick", tick);
   function reset() {
     years.value = 0;
     days.value = 0;
@@ -97,12 +104,15 @@ function useCountdown(options, callback) {
     timer.reset();
     timer.start();
   }
+  timer.on("tick", tick);
   onMounted(() => {
     tick();
     timer.start();
   });
   watch(endDateTime, () => {
-    if (timer.state === "running") return;
+    if (timer.state === "running") {
+      return;
+    }
     restart();
   });
   return {
@@ -156,10 +166,10 @@ function useEasings() {
 }
 
 // useMetaViewport/index.ts
-import { ref as ref2 } from "vue";
+import { shallowRef as shallowRef2 } from "vue";
 function useMetaViewport(args) {
   const content = args?.content || "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0";
-  const metaViewport = ref2(void 0);
+  const metaViewport = shallowRef2(void 0);
   function setMetaViewport() {
     const metaElement = document.querySelector(
       'meta[name="viewport"]'

package/dist/composables/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts"],"sourcesContent":["import { computed, onMounted, ref, unref, watch, type MaybeRef } from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\n// Type for [YYYY, MM, DD, HH, MM, SS]\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\n// Interface for the options\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\n// Define the default options\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  // Merge the options with the default options\n  options = { ...defaultOptions, ...options } as CountdownOptions\n\n  // Check if the endDateTime is valid\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: The \"endDateTime\" option needs to be an array with the format [YYYY, MM, DD, HH?, MM?, SS?]'\n    )\n  }\n\n  // Check if the timezone is valid\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: The \"timezone\" option \"${timezone}\" is not a valid timezone. Do you mean ${\n          DateTime.local().zoneName\n        }? For more information see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones`\n      )\n    }\n  }\n\n  // Create a new timer instance\n  const timer = new MagicTimer()\n\n  // Create the countdown values\n  const years = ref(0)\n  const days = ref(0)\n  const hours = ref(0)\n  const minutes = ref(0)\n  const seconds = ref(0)\n\n  // Parse the end dateTime array into an date and time object\n  // if the hour, minute and second are not set, set them to 0\n  // if the month is not zero indexed, add 1 to the month (defined in the options)\n  const parseDateTimeArray = (dateTimeArr: DateTimeArray) => {\n    const [year, month, day, hour, minute, second] = dateTimeArr\n    return {\n      year,\n      month: options.zeroIndexedMonths ? month + 1 : month,\n      day,\n      hour: hour ?? 0,\n      minute: minute ?? 0,\n      second: second ?? 0,\n    }\n  }\n\n  // Get the computed endDateTime value from the options\n  const endDateTime = computed(() => {\n    const { year, month, day, hour, minute, second } = parseDateTimeArray(\n      unref(options.endDateTime)\n    )\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: unref(options.timezone),\n      }\n    )\n  })\n\n  // Update the countdown values on each tick\n  // if the timer reached the endDateTime stop the timer, reset the values and call the callback\n  function tick() {\n    const now = DateTime.now().setZone(unref(options.timezone))\n    const end = endDateTime.value\n\n    if (end <= now) {\n      timer.stop()\n      reset()\n      if (callback) callback()\n      return\n    }\n\n    const diff = end\n      .diff(now, [\n        'years',\n        'days',\n        'hours',\n        'minutes',\n        'seconds',\n        'milliseconds',\n      ])\n      .toObject()\n\n    years.value = diff.years ?? 0\n    days.value = diff.days ?? 0\n    hours.value = diff.hours ?? 0\n    minutes.value = diff.minutes ?? 0\n    seconds.value = diff.seconds ?? 0\n  }\n\n  // Function to pad the values with a leading zero\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  // Listen to the tick event\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  // Listen to the tick event\n  timer.on('tick', tick)\n\n  // Reset the countdown values\n  function reset() {\n    years.value = 0\n    days.value = 0\n    hours.value = 0\n    minutes.value = 0\n    seconds.value = 0\n  }\n\n  // Restart the timer\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  // Start the timer on mount\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  // Watch for changes in the endDateTime\n  // and restart the timer\n  watch(endDateTime, () => {\n    // check timer is running to prevent restart on initial load\n    if (timer.state === 'running') return\n    restart()\n  })\n\n  // Return the values and functions\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","import {\n  linear,\n  easeInQuad,\n  easeOutQuad,\n  easeInOutQuad,\n  easeOutBack,\n  easeInCubic,\n  easeOutCubic,\n  easeInOutCubic,\n  easeInQuart,\n  easeOutQuart,\n  easeInOutQuart,\n  easeInQuint,\n  easeOutQuint,\n  easeInOutQuint,\n} from '@maas/vue-equipment/utils'\n\nexport type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeOutBack'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport function useEasings() {\n  const easings = {\n    linear,\n    easeInQuad,\n    easeOutQuad,\n    easeInOutQuad,\n    easeOutBack,\n    easeInCubic,\n    easeOutCubic,\n    easeInOutCubic,\n    easeInQuart,\n    easeOutQuart,\n    easeInOutQuart,\n    easeInQuint,\n    easeOutQuint,\n    easeInOutQuint,\n  }\n\n  return easings\n}\n","import { ref } from 'vue'\n\nexport type UseMetaViewportArgs = {\n  content: string\n}\n\nexport function useMetaViewport(args?: UseMetaViewportArgs) {\n  const content =\n    args?.content ||\n    'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'\n\n  const metaViewport = ref<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import {\n  unrefElement,\n  type MaybeComputedElementRef,\n  type MaybeElement,\n} from '@vueuse/core'\nimport { easeOutQuad } from '@maas/vue-equipment/utils'\n\nexport type ScrollToTarget =\n  | string\n  | Element\n  | MaybeElement\n  | MaybeComputedElementRef\n\nexport type ScrollToParent = ScrollToTarget | Window\n\nexport type ScrollToParams = {\n  parent?: Element | Window\n  left: number\n  top: number\n  duration?: { x?: number; y?: number }\n  easing?: (t: number) => number\n  callback?: () => void\n}\n\nexport type getScrollDurationParams = {\n  parent: Element | Window\n  left: number\n  top: number\n  speed: number\n}\n\nexport type scrollToTargetParams = {\n  target: ScrollToTarget\n  parent?: ScrollToParent\n  offset?: {\n    x?: number\n    y?: number\n  }\n  speed?: number\n  easing?: (t: number) => number\n}\n\n// Private functions\nfunction min(a: number, b: number) {\n  return a < b ? a : b\n}\n\nfunction unwrapParent(parent: ScrollToParent) {\n  if (parent === window) {\n    return parent\n  } else if (typeof parent === 'string') {\n    return document.querySelector(parent) || document.documentElement\n  } else {\n    return (\n      unrefElement(parent as MaybeComputedElementRef<MaybeElement>) ||\n      document.documentElement\n    )\n  }\n}\n\nfunction unwrapTarget(target: ScrollToTarget, parentEl: Element | Window) {\n  if (typeof target === 'string') {\n    const queryTarget = parentEl === window ? document : (parentEl as Element)\n    return queryTarget.querySelector(target)\n  } else {\n    return unrefElement(target as MaybeComputedElementRef<MaybeElement>)\n  }\n}\n\nfunction isHtmlElement(\n  parentEl: Window | SVGElement | Element\n): parentEl is HTMLElement {\n  return parentEl instanceof HTMLElement\n}\n\nfunction disableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = 'none'\n  }\n}\n\nfunction reenableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = ''\n  }\n}\n\n// Public composable\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.scrollX, y: window.scrollY }\n    } else if (element instanceof Element) {\n      return { x: element.scrollLeft, y: element.scrollTop }\n    } else {\n      return { x: 0, y: 0 }\n    }\n  }\n\n  function getDistance(\n    target: Element,\n    parent?: Element | Window\n  ): { top: number; left: number } {\n    const rect = target.getBoundingClientRect()\n    const scrollEl =\n      parent || document.scrollingElement || document.documentElement\n\n    const scrollTop = scrollEl instanceof Window ? 0 : scrollEl.scrollTop\n    const scrollLeft = scrollEl instanceof Window ? 0 : scrollEl.scrollLeft\n\n    return {\n      top: rect.top + scrollTop,\n      left: rect.left + scrollLeft,\n    }\n  }\n\n  function getScrollDuration({\n    parent = document.documentElement || document.body,\n    left = 0,\n    top = 0,\n    speed = 500,\n  }: getScrollDurationParams) {\n    const currentPos = getScrollPosition(parent)\n    const distanceX = currentPos.x - left\n    const distanceY = currentPos.y - top\n    const durationX = Math.abs((distanceX / speed) * 100)\n    const durationY = Math.abs((distanceY / speed) * 100)\n\n    return { x: durationX, y: durationY }\n  }\n\n  function scrollTo({\n    parent = document.documentElement || document.body,\n    top,\n    left,\n    duration = {},\n    easing = easeOutQuad,\n    callback,\n  }: ScrollToParams) {\n    const startTime = Date.now()\n    const { x: fromX, y: fromY } = getScrollPosition(parent)\n\n    if (fromX === top && fromY === left) {\n      if (callback) callback()\n      return\n    }\n\n    const mappedDuration = { x: 500, y: 500, ...duration }\n\n    const scroll = () => {\n      const currentTime = Date.now()\n\n      const timeX = min(1, (currentTime - startTime) / mappedDuration.x)\n      const timeY = min(1, (currentTime - startTime) / mappedDuration.y)\n      const easedTimeX = easing(timeX)\n      const easedTimeY = easing(timeY)\n\n      // We use the min of the two times to make sure we scroll at the same speed\n      const minTime = Math.min(easedTimeX, easedTimeY)\n\n      parent.scroll({\n        left: minTime * (left - fromX) + fromX,\n        top: minTime * (top - fromY) + fromY,\n      })\n\n      if (easedTimeX < 1 || easedTimeY < 1) {\n        requestAnimationFrame(scroll)\n      } else if (callback) {\n        callback()\n      }\n    }\n\n    requestAnimationFrame(scroll)\n  }\n\n  function scrollToTarget({\n    target,\n    parent = document.documentElement || document.body,\n    offset = {},\n    speed = 500,\n    easing = easeOutQuad,\n  }: scrollToTargetParams) {\n    const parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    const targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    disableScrollSnap(parentEl)\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl, parentEl)\n    const leftDistance = distance.left - mappedOffset.x\n    const topDistance = distance.top - mappedOffset.y\n\n    const scrollDuration = getScrollDuration({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      speed: speed,\n    })\n\n    scrollTo({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      duration: scrollDuration,\n      easing: easing,\n      callback: () => reenableScrollSnap(parentEl),\n    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n"],"mappings":";AAAA,SAAS,UAAU,WAAW,KAAK,OAAO,aAA4B;AACtE,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAazB,IAAM,iBAAmC;AAAA,EACvC,aAAa,CAAC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;AAAA,EACjC,mBAAmB;AACrB;AAEO,SAAS,aAAa,SAA2B,UAAuB;AAE7E,YAAU,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAG1C,MAAI,MAAM,QAAQ,WAAW,EAAE,SAAS,GAAG;AACzC,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAGA,QAAM,WAAW,MAAM,QAAQ,QAAQ;AACvC,MAAI,UAAU;AACZ,QAAI,CAAC,SAAS,IAAI,EAAE,QAAQ,QAAQ,EAAE,SAAS;AAC7C,cAAQ;AAAA,QACN,6CAA6C,QAAQ,0CACnD,SAAS,MAAM,EAAE,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,QAAM,QAAQ,IAAI,WAAW;AAG7B,QAAM,QAAQ,IAAI,CAAC;AACnB,QAAM,OAAO,IAAI,CAAC;AAClB,QAAM,QAAQ,IAAI,CAAC;AACnB,QAAM,UAAU,IAAI,CAAC;AACrB,QAAM,UAAU,IAAI,CAAC;AAKrB,QAAM,qBAAqB,CAAC,gBAA+B;AACzD,UAAM,CAAC,MAAM,OAAO,KAAK,MAAM,QAAQ,MAAM,IAAI;AACjD,WAAO;AAAA,MACL;AAAA,MACA,OAAO,QAAQ,oBAAoB,QAAQ,IAAI;AAAA,MAC/C;AAAA,MACA,MAAM,QAAQ;AAAA,MACd,QAAQ,UAAU;AAAA,MAClB,QAAQ,UAAU;AAAA,IACpB;AAAA,EACF;AAGA,QAAM,cAAc,SAAS,MAAM;AACjC,UAAM,EAAE,MAAM,OAAO,KAAK,MAAM,QAAQ,OAAO,IAAI;AAAA,MACjD,MAAM,QAAQ,WAAW;AAAA,IAC3B;AAEA,WAAO,SAAS;AAAA,MACd;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM,MAAM,QAAQ,QAAQ;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,CAAC;AAID,WAAS,OAAO;AACd,UAAM,MAAM,SAAS,IAAI,EAAE,QAAQ,MAAM,QAAQ,QAAQ,CAAC;AAC1D,UAAM,MAAM,YAAY;AAExB,QAAI,OAAO,KAAK;AACd,YAAM,KAAK;AACX,YAAM;AACN,UAAI,SAAU,UAAS;AACvB;AAAA,IACF;AAEA,UAAM,OAAO,IACV,KAAK,KAAK;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,EACA,SAAS;AAEZ,UAAM,QAAQ,KAAK,SAAS;AAC5B,SAAK,QAAQ,KAAK,QAAQ;AAC1B,UAAM,QAAQ,KAAK,SAAS;AAC5B,YAAQ,QAAQ,KAAK,WAAW;AAChC,YAAQ,QAAQ,KAAK,WAAW;AAAA,EAClC;AAGA,WAAS,IAAI,OAAuB;AAClC,YAAQ,MAAM,OAAO,MAAM,EAAE;AAAA,EAC/B;AAGA,WAAS,OAAOA,WAAsB;AACpC,UAAM,GAAG,QAAQA,SAAQ;AAAA,EAC3B;AAGA,QAAM,GAAG,QAAQ,IAAI;AAGrB,WAAS,QAAQ;AACf,UAAM,QAAQ;AACd,SAAK,QAAQ;AACb,UAAM,QAAQ;AACd,YAAQ,QAAQ;AAChB,YAAQ,QAAQ;AAAA,EAClB;AAGA,WAAS,UAAU;AACjB,UAAM,MAAM;AACZ,UAAM,MAAM;AAAA,EACd;AAGA,YAAU,MAAM;AACd,SAAK;AACL,UAAM,MAAM;AAAA,EACd,CAAC;AAID,QAAM,aAAa,MAAM;AAEvB,QAAI,MAAM,UAAU,UAAW;AAC/B,YAAQ;AAAA,EACV,CAAC;AAGD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AC9KA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkBA,SAAS,aAAa;AAC3B,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;;;ACpDA,SAAS,OAAAC,YAAW;AAMb,SAAS,gBAAgB,MAA4B;AAC1D,QAAM,UACJ,MAAM,WACN;AAEF,QAAM,eAAeA,KAAwB,MAAS;AAEtD,WAAS,kBAAkB;AACzB,UAAM,cAAc,SAAS;AAAA,MAC3B;AAAA,IACF;AAEA,iBAAa,QAAQ,YAAY;AACjC,gBAAY,aAAa,WAAW,OAAO;AAAA,EAC7C;AAEA,WAAS,oBAAoB;AAC3B,UAAM,cAAc,SAAS;AAAA,MAC3B;AAAA,IACF;AAEA,QAAI,aAAa,OAAO;AACtB,kBAAY,aAAa,WAAW,aAAa,KAAK;AAAA,IACxD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;ACpCA;AAAA,EACE;AAAA,OAGK;AACP,SAAS,eAAAC,oBAAmB;AAsC5B,SAAS,IAAI,GAAW,GAAW;AACjC,SAAO,IAAI,IAAI,IAAI;AACrB;AAEA,SAAS,aAAa,QAAwB;AAC5C,MAAI,WAAW,QAAQ;AACrB,WAAO;AAAA,EACT,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO,SAAS,cAAc,MAAM,KAAK,SAAS;AAAA,EACpD,OAAO;AACL,WACE,aAAa,MAA+C,KAC5D,SAAS;AAAA,EAEb;AACF;AAEA,SAAS,aAAa,QAAwB,UAA4B;AACxE,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,cAAc,aAAa,SAAS,WAAY;AACtD,WAAO,YAAY,cAAc,MAAM;AAAA,EACzC,OAAO;AACL,WAAO,aAAa,MAA+C;AAAA,EACrE;AACF;AAEA,SAAS,cACP,UACyB;AACzB,SAAO,oBAAoB;AAC7B;AAEA,SAAS,kBAAkB,UAAyC;AAClE,MAAI,cAAc,QAAQ,GAAG;AAC3B,aAAS,MAAM,iBAAiB;AAAA,EAClC;AACF;AAEA,SAAS,mBAAmB,UAAyC;AACnE,MAAI,cAAc,QAAQ,GAAG;AAC3B,aAAS,MAAM,iBAAiB;AAAA,EAClC;AACF;AAGO,SAAS,cAAc;AAC5B,WAAS,kBAAkB,SAGzB;AACA,QAAI,YAAY,QAAQ;AACtB,aAAO,EAAE,GAAG,OAAO,SAAS,GAAG,OAAO,QAAQ;AAAA,IAChD,WAAW,mBAAmB,SAAS;AACrC,aAAO,EAAE,GAAG,QAAQ,YAAY,GAAG,QAAQ,UAAU;AAAA,IACvD,OAAO;AACL,aAAO,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,IACtB;AAAA,EACF;AAEA,WAAS,YACP,QACA,QAC+B;AAC/B,UAAM,OAAO,OAAO,sBAAsB;AAC1C,UAAM,WACJ,UAAU,SAAS,oBAAoB,SAAS;AAElD,UAAM,YAAY,oBAAoB,SAAS,IAAI,SAAS;AAC5D,UAAM,aAAa,oBAAoB,SAAS,IAAI,SAAS;AAE7D,WAAO;AAAA,MACL,KAAK,KAAK,MAAM;AAAA,MAChB,MAAM,KAAK,OAAO;AAAA,IACpB;AAAA,EACF;AAEA,WAAS,kBAAkB;AAAA,IACzB,SAAS,SAAS,mBAAmB,SAAS;AAAA,IAC9C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,GAA4B;AAC1B,UAAM,aAAa,kBAAkB,MAAM;AAC3C,UAAM,YAAY,WAAW,IAAI;AACjC,UAAM,YAAY,WAAW,IAAI;AACjC,UAAM,YAAY,KAAK,IAAK,YAAY,QAAS,GAAG;AACpD,UAAM,YAAY,KAAK,IAAK,YAAY,QAAS,GAAG;AAEpD,WAAO,EAAE,GAAG,WAAW,GAAG,UAAU;AAAA,EACtC;AAEA,WAAS,SAAS;AAAA,IAChB,SAAS,SAAS,mBAAmB,SAAS;AAAA,IAC9C;AAAA,IACA;AAAA,IACA,WAAW,CAAC;AAAA,IACZ,SAASA;AAAA,IACT;AAAA,EACF,GAAmB;AACjB,UAAM,YAAY,KAAK,IAAI;AAC3B,UAAM,EAAE,GAAG,OAAO,GAAG,MAAM,IAAI,kBAAkB,MAAM;AAEvD,QAAI,UAAU,OAAO,UAAU,MAAM;AACnC,UAAI,SAAU,UAAS;AACvB;AAAA,IACF;AAEA,UAAM,iBAAiB,EAAE,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS;AAErD,UAAM,SAAS,MAAM;AACnB,YAAM,cAAc,KAAK,IAAI;AAE7B,YAAM,QAAQ,IAAI,IAAI,cAAc,aAAa,eAAe,CAAC;AACjE,YAAM,QAAQ,IAAI,IAAI,cAAc,aAAa,eAAe,CAAC;AACjE,YAAM,aAAa,OAAO,KAAK;AAC/B,YAAM,aAAa,OAAO,KAAK;AAG/B,YAAM,UAAU,KAAK,IAAI,YAAY,UAAU;AAE/C,aAAO,OAAO;AAAA,QACZ,MAAM,WAAW,OAAO,SAAS;AAAA,QACjC,KAAK,WAAW,MAAM,SAAS;AAAA,MACjC,CAAC;AAED,UAAI,aAAa,KAAK,aAAa,GAAG;AACpC,8BAAsB,MAAM;AAAA,MAC9B,WAAW,UAAU;AACnB,iBAAS;AAAA,MACX;AAAA,IACF;AAEA,0BAAsB,MAAM;AAAA,EAC9B;AAEA,WAAS,eAAe;AAAA,IACtB;AAAA,IACA,SAAS,SAAS,mBAAmB,SAAS;AAAA,IAC9C,SAAS,CAAC;AAAA,IACV,QAAQ;AAAA,IACR,SAASA;AAAA,EACX,GAAyB;AACvB,UAAM,WAAW,aAAa,MAAM;AACpC,QAAI,CAAC,SAAU;AACf,UAAM,WAAW,aAAa,QAAQ,QAAQ;AAC9C,QAAI,CAAC,SAAU;AAEf,sBAAkB,QAAQ;AAE1B,UAAM,eAAe,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO;AAC7C,UAAM,WAAW,YAAY,UAAU,QAAQ;AAC/C,UAAM,eAAe,SAAS,OAAO,aAAa;AAClD,UAAM,cAAc,SAAS,MAAM,aAAa;AAEhD,UAAM,iBAAiB,kBAAkB;AAAA,MACvC,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA,IACF,CAAC;AAED,aAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,UAAU,MAAM,mBAAmB,QAAQ;AAAA,IAC7C,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["callback","ref","easeOutQuad"]}
+{"version":3,"sources":["../../packages/composables/useCountdown/index.ts","../../packages/composables/useEasings/index.ts","../../packages/composables/useMetaViewport/index.ts","../../packages/composables/useScrollTo/index.ts"],"sourcesContent":["import {\n  computed,\n  onMounted,\n  shallowRef,\n  unref,\n  watch,\n  type MaybeRef,\n} from 'vue'\nimport { MagicTimer } from '@maas/magic-timer'\nimport { DateTime } from 'luxon'\n\nexport type DateTimeArray = [number, number, number, number?, number?, number?]\n\nexport interface CountdownOptions {\n  endDateTime: MaybeRef<DateTimeArray>\n  timezone?: MaybeRef<string>\n  zeroIndexedMonths?: boolean\n}\n\nconst defaultOptions: CountdownOptions = {\n  endDateTime: [1970, 1, 1, 0, 0, 0],\n  zeroIndexedMonths: false,\n}\n\nexport function useCountdown(options: CountdownOptions, callback?: () => void) {\n  options = { ...defaultOptions, ...options }\n\n  if (unref(options.endDateTime).length < 3) {\n    console.error(\n      'useCountdownClock: “endDateTime” needs to be an array [YYYY, MM, DD, HH?, MM?, SS?]'\n    )\n  }\n\n  const timezone = unref(options.timezone)\n  if (timezone) {\n    if (!DateTime.now().setZone(timezone).isValid) {\n      console.error(\n        `useCountdownClock: “${timezone}” is not a valid timezone. Did you mean ${\n          DateTime.local().zoneName\n        }? For more information see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones`\n      )\n    }\n  }\n\n  const timer = new MagicTimer()\n\n  const years = shallowRef(0)\n  const days = shallowRef(0)\n  const hours = shallowRef(0)\n  const minutes = shallowRef(0)\n  const seconds = shallowRef(0)\n\n  // Parse the end dateTime array into an date and time object\n  // If hour, minute or second are not set, set them to 0\n  // Optionally add +1 if month is not zero indexed\n  const parseDateTimeArray = (dateTimeArr: DateTimeArray) => {\n    const [year, month, day, hour, minute, second] = dateTimeArr\n    return {\n      year,\n      month: options.zeroIndexedMonths ? month + 1 : month,\n      day,\n      hour: hour ?? 0,\n      minute: minute ?? 0,\n      second: second ?? 0,\n    }\n  }\n\n  const endDateTime = computed(() => {\n    const { year, month, day, hour, minute, second } = parseDateTimeArray(\n      unref(options.endDateTime)\n    )\n\n    return DateTime.fromObject(\n      {\n        year,\n        month,\n        day,\n        hour,\n        minute,\n        second,\n      },\n      {\n        zone: unref(options.timezone),\n      }\n    )\n  })\n\n  // Update the countdown values on each tick\n  // If endDateTime is reached, stop the timer, reset the values and run the callback\n  function tick() {\n    const now = DateTime.now().setZone(unref(options.timezone))\n    const end = endDateTime.value\n\n    if (end <= now) {\n      timer.stop()\n      reset()\n\n      if (callback) {\n        callback()\n      }\n\n      return\n    }\n\n    const diff = end\n      .diff(now, [\n        'years',\n        'days',\n        'hours',\n        'minutes',\n        'seconds',\n        'milliseconds',\n      ])\n      .toObject()\n\n    years.value = diff.years ?? 0\n    days.value = diff.days ?? 0\n    hours.value = diff.hours ?? 0\n    minutes.value = diff.minutes ?? 0\n    seconds.value = diff.seconds ?? 0\n  }\n\n  function pad(value: number): string {\n    return ('0' + value).slice(-2)\n  }\n\n  function onTick(callback: () => void) {\n    timer.on('tick', callback)\n  }\n\n  function reset() {\n    years.value = 0\n    days.value = 0\n    hours.value = 0\n    minutes.value = 0\n    seconds.value = 0\n  }\n\n  function restart() {\n    timer.reset()\n    timer.start()\n  }\n\n  timer.on('tick', tick)\n\n  onMounted(() => {\n    tick()\n    timer.start()\n  })\n\n  // Watch for changes in the endDateTime\n  // and restart the timer\n  watch(endDateTime, () => {\n    if (timer.state === 'running') {\n      return\n    }\n\n    restart()\n  })\n\n  return {\n    years,\n    days,\n    hours,\n    minutes,\n    seconds,\n    endDateTime,\n    pad,\n    restart,\n    onTick,\n  }\n}\n","import {\n  linear,\n  easeInQuad,\n  easeOutQuad,\n  easeInOutQuad,\n  easeOutBack,\n  easeInCubic,\n  easeOutCubic,\n  easeInOutCubic,\n  easeInQuart,\n  easeOutQuart,\n  easeInOutQuart,\n  easeInQuint,\n  easeOutQuint,\n  easeInOutQuint,\n} from '@maas/vue-equipment/utils'\n\nexport type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeOutBack'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport function useEasings() {\n  const easings = {\n    linear,\n    easeInQuad,\n    easeOutQuad,\n    easeInOutQuad,\n    easeOutBack,\n    easeInCubic,\n    easeOutCubic,\n    easeInOutCubic,\n    easeInQuart,\n    easeOutQuart,\n    easeInOutQuart,\n    easeInQuint,\n    easeOutQuint,\n    easeInOutQuint,\n  }\n\n  return easings\n}\n","import { shallowRef } from 'vue'\n\nexport type UseMetaViewportArgs = {\n  content: string\n}\n\nexport function useMetaViewport(args?: UseMetaViewportArgs) {\n  const content =\n    args?.content ||\n    'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'\n\n  const metaViewport = shallowRef<string | undefined>(undefined)\n\n  function setMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    metaViewport.value = metaElement.content\n    metaElement.setAttribute('content', content)\n  }\n\n  function resetMetaViewport() {\n    const metaElement = document.querySelector(\n      'meta[name=\"viewport\"]'\n    ) as HTMLMetaElement\n\n    if (metaViewport.value) {\n      metaElement.setAttribute('content', metaViewport.value)\n    }\n  }\n\n  return {\n    setMetaViewport,\n    resetMetaViewport,\n  }\n}\n","import {\n  unrefElement,\n  type MaybeComputedElementRef,\n  type MaybeElement,\n} from '@vueuse/core'\nimport { easeOutQuad } from '@maas/vue-equipment/utils'\n\nexport type ScrollToTarget =\n  | string\n  | Element\n  | MaybeElement\n  | MaybeComputedElementRef\n\nexport type ScrollToParent = ScrollToTarget | Window\n\nexport type ScrollToParams = {\n  parent?: Element | Window\n  left: number\n  top: number\n  duration?: { x?: number; y?: number }\n  easing?: (t: number) => number\n  callback?: () => void\n}\n\nexport type getScrollDurationParams = {\n  parent: Element | Window\n  left: number\n  top: number\n  speed: number\n}\n\nexport type scrollToTargetParams = {\n  target: ScrollToTarget\n  parent?: ScrollToParent\n  offset?: {\n    x?: number\n    y?: number\n  }\n  speed?: number\n  easing?: (t: number) => number\n}\n\n// Private functions\nfunction min(a: number, b: number) {\n  return a < b ? a : b\n}\n\nfunction unwrapParent(parent: ScrollToParent) {\n  if (parent === window) {\n    return parent\n  } else if (typeof parent === 'string') {\n    return document.querySelector(parent) || document.documentElement\n  } else {\n    return (\n      unrefElement(parent as MaybeComputedElementRef<MaybeElement>) ||\n      document.documentElement\n    )\n  }\n}\n\nfunction unwrapTarget(target: ScrollToTarget, parentEl: Element | Window) {\n  if (typeof target === 'string') {\n    const queryTarget = parentEl === window ? document : (parentEl as Element)\n    return queryTarget.querySelector(target)\n  } else {\n    return unrefElement(target as MaybeComputedElementRef<MaybeElement>)\n  }\n}\n\nfunction isHtmlElement(\n  parentEl: Window | SVGElement | Element\n): parentEl is HTMLElement {\n  return parentEl instanceof HTMLElement\n}\n\nfunction disableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = 'none'\n  }\n}\n\nfunction reenableScrollSnap(parentEl: Window | SVGElement | Element) {\n  if (isHtmlElement(parentEl)) {\n    parentEl.style.scrollSnapType = ''\n  }\n}\n\n// Public composable\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.scrollX, y: window.scrollY }\n    } else if (element instanceof Element) {\n      return { x: element.scrollLeft, y: element.scrollTop }\n    } else {\n      return { x: 0, y: 0 }\n    }\n  }\n\n  function getDistance(\n    target: Element,\n    parent?: Element | Window\n  ): { top: number; left: number } {\n    const rect = target.getBoundingClientRect()\n    const scrollEl =\n      parent || document.scrollingElement || document.documentElement\n\n    const scrollTop = scrollEl instanceof Window ? 0 : scrollEl.scrollTop\n    const scrollLeft = scrollEl instanceof Window ? 0 : scrollEl.scrollLeft\n\n    return {\n      top: rect.top + scrollTop,\n      left: rect.left + scrollLeft,\n    }\n  }\n\n  function getScrollDuration({\n    parent = document.documentElement || document.body,\n    left = 0,\n    top = 0,\n    speed = 500,\n  }: getScrollDurationParams) {\n    const currentPos = getScrollPosition(parent)\n    const distanceX = currentPos.x - left\n    const distanceY = currentPos.y - top\n    const durationX = Math.abs((distanceX / speed) * 100)\n    const durationY = Math.abs((distanceY / speed) * 100)\n\n    return { x: durationX, y: durationY }\n  }\n\n  function scrollTo({\n    parent = document.documentElement || document.body,\n    top,\n    left,\n    duration = {},\n    easing = easeOutQuad,\n    callback,\n  }: ScrollToParams) {\n    const startTime = Date.now()\n    const { x: fromX, y: fromY } = getScrollPosition(parent)\n\n    if (fromX === top && fromY === left) {\n      if (callback) callback()\n      return\n    }\n\n    const mappedDuration = { x: 500, y: 500, ...duration }\n\n    const scroll = () => {\n      const currentTime = Date.now()\n\n      const timeX = min(1, (currentTime - startTime) / mappedDuration.x)\n      const timeY = min(1, (currentTime - startTime) / mappedDuration.y)\n      const easedTimeX = easing(timeX)\n      const easedTimeY = easing(timeY)\n\n      // We use the min of the two times to make sure we scroll at the same speed\n      const minTime = Math.min(easedTimeX, easedTimeY)\n\n      parent.scroll({\n        left: minTime * (left - fromX) + fromX,\n        top: minTime * (top - fromY) + fromY,\n      })\n\n      if (easedTimeX < 1 || easedTimeY < 1) {\n        requestAnimationFrame(scroll)\n      } else if (callback) {\n        callback()\n      }\n    }\n\n    requestAnimationFrame(scroll)\n  }\n\n  function scrollToTarget({\n    target,\n    parent = document.documentElement || document.body,\n    offset = {},\n    speed = 500,\n    easing = easeOutQuad,\n  }: scrollToTargetParams) {\n    const parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    const targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    disableScrollSnap(parentEl)\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl, parentEl)\n    const leftDistance = distance.left - mappedOffset.x\n    const topDistance = distance.top - mappedOffset.y\n\n    const scrollDuration = getScrollDuration({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      speed: speed,\n    })\n\n    scrollTo({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      duration: scrollDuration,\n      easing: easing,\n      callback: () => reenableScrollSnap(parentEl),\n    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n"],"mappings":"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","names":["callback","shallowRef","easeOutQuad"]}

package/dist/nuxt/module.d.mts

@@ -6,4 +6,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/nuxt/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.20",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"
   }
 }

package/dist/nuxt/module.mjs

@@ -71,6 +71,13 @@ const functions$1 = [
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicNoise/",
 		description: "magicNoise is a rendition of pixelated static noise"
 	},
+	{
+		name: "MagicPie",
+		"package": "plugins",
+		lastUpdated: 1742976176000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicPie/",
+		description: "magicPie renders a percentage based value as `SVG`"
+	},
 	{
 		name: "MagicPlayer",
 		"package": "plugins",
@@ -95,7 +102,7 @@ const functions$1 = [
 	{
 		name: "useCountdown",
 		"package": "composables",
-		lastUpdated: 1707225465000,
+		lastUpdated: 1740490390000,
 		docs: "https://maas.egineering/vue-equipment/composables/useCountdown/",
 		description: "calculate the remaining time until a given moment"
 	},
@@ -109,7 +116,7 @@ const functions$1 = [
 	{
 		name: "useMetaViewport",
 		"package": "composables",
-		lastUpdated: 1707211312000,
+		lastUpdated: 1740490390000,
 		docs: "https://maas.egineering/vue-equipment/composables/useMetaViewport/",
 		description: "set and reset the meta viewport tag programatically"
 	},

package/dist/nuxt/types.d.mts

@@ -1 +1,3 @@
-export { type ModuleOptions, default } from './module.js'
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/dist/plugins/.turbo/turbo-lint.log

@@ -1,13 +1,5 @@
 
 
-> plugins@0.40.0 lint /Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins
-> eslint .
+> plugins@1.0.0-beta.12 lint /Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins
+> eslint . --fix
 
-
-/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicCommand/src/components/MagicCommandItem.vue
-  31:13  error  The `Function` type accepts any function-like value.
-Prefer explicitly defining any function parameters and return type  @typescript-eslint/no-unsafe-function-type
-
-✖ 1 problem (1 error, 0 warnings)
-
- ELIFECYCLE  Command failed with exit code 1.

package/dist/plugins/MagicAccordion/nuxt.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@nuxt/schema").NuxtModule<import("@nuxt/schema").ModuleOptions, import("@nuxt/schema").ModuleOptions, false>;
+declare const _default: import("nuxt/schema").NuxtModule<import("nuxt/schema").ModuleOptions, import("nuxt/schema").ModuleOptions, false>;
 export default _default;

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue

@@ -1,7 +1,33 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Transition as _Transition, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = ["data-active"];
+<template>
+  <div
+    class="magic-accordion-content"
+    :data-active="view?.active"
+    :data-id="`${viewId}-content`"
+    :style="{ '--ma-duration': `${state.options.animation?.duration}ms` }"
+  >
+    <auto-size
+      :width="false"
+      :duration="mappedAnimation.duration"
+      :easing="mappedAnimation.easing"
+    >
+      <transition
+        :name="mappedTransition"
+        :on-before-enter="onBeforeEnter"
+        :on-enter="onEnter"
+        :on-after-enter="onAfterEnter"
+        :on-before-leave="onBeforeLeave"
+        :on-leave="onLeave"
+        :on-after-leave="onAfterLeave"
+      >
+        <primitive v-show="view?.active" :as-child="asChild">
+          <slot :view-active="view?.active" />
+        </primitive>
+      </transition>
+    </auto-size>
+  </div>
+</template>
+
+<script setup>
 import { inject, computed } from "vue";
 import { defu } from "defu";
 import { AutoSize } from "@maas/vue-autosize";
@@ -13,84 +39,35 @@ import { MagicAccordionInstanceId, MagicAccordionViewId } from "../symbols";
 import "@maas/vue-equipment/utils/css/animations/fade-in.css";
 import "@maas/vue-equipment/utils/css/animations/auto-size-out.css";
 import "@maas/vue-equipment/utils/css/easings.css";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionContent",
-  props: {
-    asChild: { type: Boolean, required: false },
-    transition: { type: String, required: false },
-    animation: { type: Object, required: false }
-  },
-  setup(__props) {
-    const instanceId = inject(MagicAccordionInstanceId, void 0);
-    const viewId = inject(MagicAccordionViewId, void 0);
-    if (!instanceId) {
-      throw new Error("MagicMenuContent must be nested inside MagicMenuProvider");
-    }
-    if (!viewId) {
-      throw new Error("MagicMenuContent must be nested inside MagicMenuView");
-    }
-    const { initializeState } = useAccordionState(instanceId);
-    const state = initializeState();
-    const { getView } = useAccordionView(instanceId);
-    const view = getView(viewId);
-    const mappedTransition = computed(() => __props.transition ?? state.options.transition);
-    const mappedAnimation = computed(() => defu(__props.animation, state.options.animation));
-    const {
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter,
-      onBeforeLeave,
-      onLeave,
-      onAfterLeave
-    } = useAccordionCallback({
-      instanceId,
-      viewId
-    });
-    return (_ctx, _cache) => {
-      return _openBlock(), _createElementBlock("div", {
-        class: "magic-accordion-content",
-        "data-active": _unref(view)?.active,
-        style: _normalizeStyle({ "--ma-duration": `${_unref(state).options.animation?.duration}ms` })
-      }, [
-        _createVNode(_unref(AutoSize), {
-          width: false,
-          duration: mappedAnimation.value.duration,
-          easing: mappedAnimation.value.easing
-        }, {
-          default: _withCtx(() => [
-            _createVNode(_Transition, {
-              name: mappedTransition.value,
-              "on-before-enter": _unref(onBeforeEnter),
-              "on-enter": _unref(onEnter),
-              "on-after-enter": _unref(onAfterEnter),
-              "on-before-leave": _unref(onBeforeLeave),
-              "on-leave": _unref(onLeave),
-              "on-after-leave": _unref(onAfterLeave),
-              persisted: ""
-            }, {
-              default: _withCtx(() => [
-                _withDirectives(_createVNode(_unref(Primitive), { "as-child": _ctx.asChild }, {
-                  default: _withCtx(() => [
-                    _renderSlot(_ctx.$slots, "default", {
-                      viewActive: _unref(view)?.active
-                    })
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }, 8, ["as-child"]), [
-                  [_vShow, _unref(view)?.active]
-                ])
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["name", "on-before-enter", "on-enter", "on-after-enter", "on-before-leave", "on-leave", "on-after-leave"])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["duration", "easing"])
-      ], 12, _hoisted_1);
-    };
-  }
+const { transition, animation } = defineProps({
+  asChild: { type: Boolean, required: false },
+  transition: { type: String, required: false },
+  animation: { type: Object, required: false }
+});
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+const viewId = inject(MagicAccordionViewId, void 0);
+if (!instanceId) {
+  throw new Error("MagicMenuContent must be nested inside MagicMenuProvider");
+}
+if (!viewId) {
+  throw new Error("MagicMenuContent must be nested inside MagicMenuView");
+}
+const { initializeState } = useAccordionState(instanceId);
+const state = initializeState();
+const { getView } = useAccordionView(instanceId);
+const view = getView(viewId);
+const mappedTransition = computed(() => transition ?? state.options.transition);
+const mappedAnimation = computed(() => defu(animation, state.options.animation));
+const {
+  onBeforeEnter,
+  onEnter,
+  onAfterEnter,
+  onBeforeLeave,
+  onLeave,
+  onAfterLeave
+} = useAccordionCallback({
+  instanceId,
+  viewId
 });
 </script>
 

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue.d.ts

@@ -1,3 +1,5 @@
+import { AutoSize } from '@maas/vue-autosize';
+import { Primitive } from '@maas/vue-primitive';
 import '@maas/vue-equipment/utils/css/animations/fade-in.css';
 import '@maas/vue-equipment/utils/css/animations/auto-size-out.css';
 import '@maas/vue-equipment/utils/css/easings.css';
@@ -9,30 +11,41 @@ interface MagicAccordionContentProps {
         easing: (t: number) => number;
     };
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: boolean | undefined;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare const viewId: string | undefined;
+declare const state: import("../types/index.js").AccordionState;
+declare const view: import("../types/index.js").AccordionView | undefined;
+declare const mappedTransition: import("vue").ComputedRef<string | undefined>;
+declare const mappedAnimation: import("vue").ComputedRef<{
+    duration: number;
+    easing: (t: number) => number;
+}>;
+declare const onBeforeEnter: () => void, onEnter: () => void, onAfterEnter: () => Promise<void>, onBeforeLeave: () => void, onLeave: () => void, onAfterLeave: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_13: {
+    viewActive: boolean | undefined;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionContentProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionContentProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_13) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicAccordionContentProps, {
+    AutoSize: typeof AutoSize;
+    Primitive: typeof Primitive;
+    viewId: typeof viewId;
+    state: typeof state;
+    view: typeof view;
+    mappedTransition: typeof mappedTransition;
+    mappedAnimation: typeof mappedAnimation;
+    onBeforeEnter: typeof onBeforeEnter;
+    onEnter: typeof onEnter;
+    onAfterEnter: typeof onAfterEnter;
+    onBeforeLeave: typeof onBeforeLeave;
+    onLeave: typeof onLeave;
+    onAfterLeave: typeof onAfterLeave;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue

@@ -1,37 +1,23 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { renderSlot as _renderSlot, unref as _unref, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+<template>
+  <primitive :data-id="id" :as-child="asChild" class="magic-accordion-provider">
+    <slot />
+  </primitive>
+</template>
+
+<script setup>
 import { onBeforeUnmount, provide } from "vue";
 import { Primitive } from "@maas/vue-primitive";
 import { MagicAccordionInstanceId } from "../symbols";
 import { useAccordionState } from "../composables/private/useAccordionState";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionProvider",
-  props: {
-    id: { type: null, required: true },
-    asChild: { type: Boolean, required: false },
-    options: { type: Object, required: false }
-  },
-  setup(__props) {
-    const { deleteState, initializeState } = useAccordionState(__props.id);
-    initializeState(__props.options);
-    onBeforeUnmount(() => {
-      deleteState();
-    });
-    provide(MagicAccordionInstanceId, __props.id);
-    return (_ctx, _cache) => {
-      return _openBlock(), _createBlock(_unref(Primitive), {
-        id: _ctx.id,
-        "as-child": _ctx.asChild,
-        class: "magic-accordion-provider"
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["id", "as-child"]);
-    };
-  }
+const { id, asChild, options } = defineProps({
+  id: { type: null, required: true },
+  asChild: { type: Boolean, required: false },
+  options: { type: Object, required: false }
 });
+const { deleteState, initializeState } = useAccordionState(id);
+initializeState(options);
+onBeforeUnmount(() => {
+  deleteState();
+});
+provide(MagicAccordionInstanceId, id);
 </script>

package/dist/plugins/MagicAccordion/src/components/MagicAccordionProvider.vue.d.ts

@@ -1,32 +1,23 @@
 import { type MaybeRef } from 'vue';
+import { Primitive } from '@maas/vue-primitive';
 import type { MagicAccordionOptions } from '../types/index.js';
 interface MagicAccordionProviderProps {
     id: MaybeRef<string>;
     asChild?: boolean;
     options?: MagicAccordionOptions;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionProviderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionProviderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_6: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicAccordionProviderProps, {
+    Primitive: typeof Primitive;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicAccordionProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };