@maas/vue-equipment 0.40.0 → 1.0.0-beta.10

package/dist/nuxt/module.mjs

@@ -4,135 +4,128 @@ const functions$1 = [
 	{
 		name: "MagicAccordion",
 		"package": "plugins",
-		lastUpdated: 1720627049000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicAccordion/",
-		description: "accordion"
-	},
-	{
-		name: "MagicAutoSize",
-		"package": "plugins",
-		lastUpdated: 1719323171000,
-		docs: "https://maas.egineering/vue-equipment/plugins/MagicAutoSize/",
-		description: "auto Size"
+		description: "magicAccordion is a collection of components intended for building vertically stacked headlines where each reveals related content"
 	},
 	{
 		name: "MagicCommand",
 		"package": "plugins",
-		lastUpdated: 1716538073000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicCommand/",
-		description: "command"
+		description: "magicCommand is a flexible collection of components intended to build command palette style menus"
 	},
 	{
 		name: "MagicCookie",
 		"package": "plugins",
-		lastUpdated: 1716533739000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicCookie/",
-		description: "cookie"
+		description: "magicCookie is a flexible collection of components intended to build cookie banners"
 	},
 	{
 		name: "MagicDraggable",
 		"package": "plugins",
 		lastUpdated: 1727253131000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicDraggable/",
-		description: "draggable"
+		description: "magicDraggable is a touch enabled"
 	},
 	{
 		name: "MagicDrawer",
 		"package": "plugins",
 		lastUpdated: 1716533739000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicDrawer/",
-		description: "drawer"
+		description: "magicDrawer is a flexible"
 	},
 	{
 		name: "MagicEmitter",
 		"package": "plugins",
 		lastUpdated: 1715072559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicEmitter/",
-		description: "emitter"
+		description: "magicEmitter is a wrapper around [mitt](https://github.com/developit/mitt)"
 	},
 	{
 		name: "MagicMarquee",
 		"package": "plugins",
-		lastUpdated: 1695042962000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicMarquee/",
-		description: "marquee"
+		description: "magicMarquee is a flexible"
 	},
 	{
 		name: "MagicMenu",
 		"package": "plugins",
-		lastUpdated: 1720627185000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicMenu/",
-		description: "menu"
+		description: "magicMenu is a flexible collection of components intended to build various types of menus and navigation"
 	},
 	{
 		name: "MagicModal",
 		"package": "plugins",
 		lastUpdated: 1716533739000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicModal/",
-		description: "modal"
+		description: "magicModal is a flexible"
 	},
 	{
 		name: "MagicNoise",
 		"package": "plugins",
-		lastUpdated: 1716533739000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicNoise/",
-		description: "noise"
+		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",
-		lastUpdated: 1716533739000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
-		description: "player"
+		description: "magicPlayer is a collection of components made to build a flexible"
 	},
 	{
 		name: "MagicScroll",
 		"package": "plugins",
-		lastUpdated: 1716533739000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
-		description: "scroll"
+		description: "magicScroll is a flexible collection of components intended to build various types of scroll-based animations and alerts"
 	},
 	{
 		name: "MagicToast",
 		"package": "plugins",
-		lastUpdated: 1716542202000,
+		lastUpdated: 1739184559000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicToast/",
-		description: "toast"
+		description: "magicToast let’s you trigger and display toasts from anywhere"
 	},
 	{
 		name: "useCountdown",
 		"package": "composables",
-		lastUpdated: 1707225465000,
+		lastUpdated: 1740490390000,
 		docs: "https://maas.egineering/vue-equipment/composables/useCountdown/",
-		description: "a composable function that returns the remaining time until a given Date and Time"
+		description: "calculate the remaining time until a given moment"
 	},
 	{
 		name: "useEasings",
 		"package": "composables",
 		lastUpdated: 1714734283000,
 		docs: "https://maas.egineering/vue-equipment/composables/useEasings/",
-		description: "easings as functions"
-	},
-	{
-		name: "useGlyphToSvg",
-		"package": "composables",
-		lastUpdated: 1709721437000,
-		docs: "https://maas.egineering/vue-equipment/composables/useGlyphToSvg/",
-		description: "render [fontkit](https://github.com/foliojs/fontkit) glyphs as SVG"
+		description: "a standard set of easing functions neatly packaged into a composable"
 	},
 	{
 		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"
 	},
 	{
 		name: "useScrollTo",
 		"package": "composables",
-		lastUpdated: 1714735338000,
+		lastUpdated: 1734018465000,
 		docs: "https://maas.egineering/vue-equipment/composables/useScrollTo/",
-		description: "scroll to element with a set speed"
+		description: "scroll to an element with consistent speed"
 	}
 ];
 

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

@@ -0,0 +1,5 @@
+
+
+> plugins@1.0.0-beta.6 lint /Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins
+> eslint .
+

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

@@ -0,0 +1,7 @@
+
+> plugins@0.1.0-alpha.0 release /Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins
+> release-it --ci
+
+🚀 Let's release undefined (0.0.0...0.0.1)
+Empty changelog
+🏁 Done (in 0s.)

package/dist/plugins/MagicAccordion/demo/data/footer.json

@@ -0,0 +1,117 @@
+{
+  "footer": [
+    {
+      "label": "Catalogue",
+      "list": [
+        {
+          "url": "https://maas.engineering/mirror-ui",
+          "label": "Mirror Ui",
+          "badge": {
+            "name": "Pro",
+            "variant": "info",
+            "mode": "translucent"
+          },
+
+          "icon": "maas-mr"
+        },
+        {
+          "url": "https://maas.engineering/dreamtype",
+          "label": "Dreamtype™",
+          "badge": {
+            "name": "Soon",
+            "variant": "primary",
+            "mode": "outline"
+          },
+
+          "icon": "maas-dt"
+        },
+        {
+          "url": "https://maas.engineering/azzets",
+          "label": "Azzets",
+          "badge": {
+            "name": "Soon",
+            "variant": "primary",
+            "mode": "outline"
+          },
+          "icon": "maas-az"
+        }
+      ]
+    },
+    {
+      "label": "Open Source",
+      "list": [
+        {
+          "url": "https://maas.engineering/vue-equipment",
+          "label": "Vue Equipment",
+
+          "icon": "maas-ve"
+        },
+
+        {
+          "url": "https://maas.engineering/open-foundry",
+          "label": "Open Foundry",
+          "badge": {
+            "name": "Soon",
+            "variant": "primary",
+            "mode": "outline"
+          },
+          "icon": "maas-of"
+        }
+      ]
+    },
+    {
+      "label": "Company",
+      "list": [
+        {
+          "url": "https://maas.engineering/blog",
+          "label": "Readme",
+          "badge": {
+            "name": "Blog",
+            "variant": "primary",
+            "mode": "outline"
+          },
+          "icon": "edit-alt"
+        },
+        {
+          "url": "https://maas.engineering/about",
+          "label": "About us",
+          "icon": "maas-robot"
+        },
+
+        {
+          "url": "https://maas.engineering/contact",
+          "label": "Contact",
+          "icon": "maas-robot"
+        }
+      ]
+    },
+    {
+      "label": "Community",
+      "list": [
+        {
+          "url": "https://github.com/magicasaservice",
+          "label": "GitHub"
+        },
+
+        {
+          "url": "https://figma.com",
+          "label": "Figma"
+        }
+      ]
+    },
+    {
+      "label": "Legal",
+      "list": [
+        {
+          "url": "https://maas.engineering/legal-notice",
+          "label": "Legal Notice"
+        },
+
+        {
+          "url": "https://maas.engineering/privacy-policy",
+          "label": "Privacy Policy"
+        }
+      ]
+    }
+  ]
+}

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

@@ -1,5 +1,7 @@
 import type { Plugin } from 'vue';
 import { useMagicAccordion } from './src/composables/useMagicAccordion.js';
 import { MagicAccordionInstanceId, MagicAccordionViewId, MagicAccordionViewActive } from './src/symbols/index.js';
+import type { MagicAccordionOptions } from './src/types/index.js';
 declare const MagicAccordionPlugin: Plugin;
 export { MagicAccordionPlugin, useMagicAccordion, MagicAccordionInstanceId, MagicAccordionViewId, MagicAccordionViewActive, };
+export type { MagicAccordionOptions };

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

@@ -1,77 +1,110 @@
-<template>
-  <div :class="['magic-accordion-content', { '-active': view?.active }]">
-    <magic-auto-size :immediate="true" :width="false">
-      <transition
-        mode="out-in"
-        :name="state.options.transition"
-        :on-before-enter="onBeforeEnter"
-        :on-enter="onEnter"
-        :on-after-enter="onAfterEnter"
-        :on-before-leave="onBeforeLeave"
-        :on-leave="onLeave"
-        :on-after-leave="onAfterLeave"
-      >
-        <primitive :as-child="asChild" v-show="view?.active">
-          <slot :is-active="view?.active" />
-        </primitive>
-      </transition>
-    </magic-auto-size>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { inject } from 'vue'
-import { Primitive } from '@maas/vue-primitive'
-import { useAccordionView } from '../composables/private/useAccordionView'
-import { useAccordionState } from '../composables/private/useAccordionState'
-import { useAccordionCallback } from '../composables/private/useAccordionCallback'
-import { MagicAccordionInstanceId, MagicAccordionViewId } from '../symbols'
-
-import '@maas/vue-equipment/utils/css/animations/fade-in.css'
-import '@maas/vue-equipment/utils/css/easings.css'
+<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"];
+import { inject, computed } from "vue";
+import { defu } from "defu";
+import { AutoSize } from "@maas/vue-autosize";
+import { Primitive } from "@maas/vue-primitive";
+import { useAccordionView } from "../composables/private/useAccordionView";
+import { useAccordionState } from "../composables/private/useAccordionState";
+import { useAccordionCallback } from "../composables/private/useAccordionCallback";
+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);
+    };
+  }
+});
+</script>
 
-interface MagicAccordionContentProps {
-  asChild?: boolean
+<style>
+.magic-accordion-content {
+  clip-path: var(--magic-accordion-content-clip-path, inset(0));
 }
 
-defineProps<MagicAccordionContentProps>()
-
-const instanceId = inject(MagicAccordionInstanceId, undefined)
-const viewId = inject(MagicAccordionViewId, undefined)
-
-if (!instanceId) {
-  throw new Error('MagicMenuContent must be nested inside MagicMenuProvider')
+.magic-accordion-enter-active {
+  position: relative;
+  animation: fade-in var(--ma-duration) var(--ease-in-out);
 }
 
-if (!viewId) {
-  throw new Error('MagicMenuContent must be nested inside MagicMenuView')
+.magic-accordion-leave-active {
+  animation: auto-size-out var(--ma-duration) var(--ease-in-out-sharp);
 }
-
-const { initializeState } = useAccordionState(instanceId)
-const state = initializeState()
-
-const { getView } = useAccordionView(instanceId)
-const view = getView(viewId)
-
-const {
-  onBeforeEnter,
-  onEnter,
-  onAfterEnter,
-  onBeforeLeave,
-  onLeave,
-  onAfterLeave,
-} = useAccordionCallback({
-  instanceId,
-  viewId,
-})
-</script>
-
-<style>
-.magic-accordion-content{--magic-auto-size-transition:var(
-    --magic-accordion-size-transition,all 200ms var(--ease-in-out-sharp) ;
-  );clip-path:var(--magic-accordion-content-clip-path,inset(0))}.magic-accordion-enter-active{position:relative;transition:var(
-    --magic-accordion-enter-transition,fade-in .15s var(--ease-in-out)
-  )}.magic-accordion-leave-active{height:0;transition:var(
-    --magic-accordion-leave-transition,all .2s var(--ease-in-out-sharp)
-  )}
 </style>

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

@@ -1,23 +1,49 @@
+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';
 interface MagicAccordionContentProps {
     asChild?: boolean;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            isActive: boolean | undefined;
-        }): any;
+    transition?: string;
+    animation?: {
+        duration: number;
+        easing: (t: number) => number;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+}
+declare const state: import("../types").AccordionState;
+declare const view: import("../types").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<MagicAccordionContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-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;
+    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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,31 +1,37 @@
-<template>
-  <primitive :as-child="asChild" :id="id" class="magic-accordion-provider">
-    <slot />
-  </primitive>
-</template>
-
-<script lang="ts" setup>
-import { onBeforeUnmount, provide, type MaybeRef } from 'vue'
-import { Primitive } from '@maas/vue-primitive'
-import { MagicAccordionInstanceId } from '../symbols'
-import type { MagicAccordionOptions } from '../types'
-import { useAccordionState } from '../composables/private/useAccordionState'
-
-interface MagicAccordionProviderProps {
-  id: MaybeRef<string>
-  asChild?: boolean
-  options?: MagicAccordionOptions
-}
-
-const props = defineProps<MagicAccordionProviderProps>()
-
-const { deleteState, initializeState } = useAccordionState(props.id)
-initializeState(props.options)
-
-// Lifecycle
-onBeforeUnmount(() => {
-  deleteState()
-})
-
-provide(MagicAccordionInstanceId, props.id)
+<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";
+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), {
+        "data-id": _ctx.id,
+        "as-child": _ctx.asChild,
+        class: "magic-accordion-provider"
+      }, {
+        default: _withCtx(() => [
+          _renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["data-id", "as-child"]);
+    };
+  }
+});
 </script>