@maas/vue-equipment 1.0.0-beta.3 → 1.0.0-beta.31

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

@@ -5,28 +5,14 @@ interface MagicAccordionProviderProps {
     asChild?: boolean;
     options?: MagicAccordionOptions;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => 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_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;
     };

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

@@ -1,71 +1,66 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { inject, ref, computed, toValue } from "vue";
+<template>
+  <primitive
+    ref="el"
+    :as-child="asChild"
+    :data-id="`${mappedViewId}-trigger`"
+    :data-disabled="mappedDisabled"
+    as="button"
+    class="magic-accordion-trigger"
+    @mouseenter="onMouseenter"
+    @click="onClick"
+  >
+    <slot :view-active="view?.active" />
+  </primitive>
+</template>
+
+<script setup>
+import { useTemplateRef, inject, computed, toValue } from "vue";
 import { Primitive } from "@maas/vue-primitive";
 import { onKeyStroke } from "@vueuse/core";
 import { useAccordionTrigger } from "../composables/private/useAccordionTrigger";
-import { MagicAccordionInstanceId, MagicAccordionViewId } from "../symbols";
 import { useAccordionState } from "../composables/private/useAccordionState";
 import { useAccordionView } from "../composables/private/useAccordionView";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionTrigger",
-  props: {
-    disabled: { type: null, required: false, default: false },
-    trigger: { type: String, required: false, default: "click" },
-    asChild: { type: Boolean, required: false, default: false }
-  },
-  setup(__props) {
-    const elRef = ref(void 0);
-    const instanceId = inject(MagicAccordionInstanceId, void 0);
-    const viewId = inject(MagicAccordionViewId, void 0);
-    if (!instanceId) {
-      throw new Error(
-        "MagicAccordionTrigger must be nested inside MagicAccordionProvider"
-      );
-    }
-    if (!viewId) {
-      throw new Error(
-        "MagicAccordionTrigger must be nested inside MagicAccordionView"
-      );
-    }
-    const { initializeState } = useAccordionState(instanceId);
-    const state = initializeState();
-    const { getView } = useAccordionView(instanceId);
-    const view = getView(viewId);
-    const mappedDisabled = computed(
-      () => toValue(__props.disabled) || state.options.disabled
-    );
-    const { onMouseenter, onClick, onEnter } = useAccordionTrigger({
-      instanceId,
-      viewId,
-      elRef,
-      disabled: __props.disabled,
-      trigger: __props.trigger
-    });
-    onKeyStroke("Enter", onEnter);
-    return (_ctx, _cache) => {
-      return _openBlock(), _createBlock(_unref(Primitive), {
-        ref_key: "elRef",
-        ref: elRef,
-        "as-child": _ctx.asChild,
-        "data-disabled": mappedDisabled.value,
-        class: "magic-accordion-trigger",
-        as: "button",
-        onMouseenter: _unref(onMouseenter),
-        onClick: _unref(onClick)
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default", {
-            viewActive: _unref(view)?.active
-          })
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["as-child", "data-disabled", "onMouseenter", "onClick"]);
-    };
-  }
+import { MagicAccordionInstanceId, MagicAccordionViewId } from "../symbols";
+const {
+  viewId,
+  disabled = false,
+  trigger = "click",
+  asChild = false
+} = defineProps({
+  viewId: { type: String, required: false },
+  disabled: { type: null, required: false },
+  trigger: { type: String, required: false },
+  asChild: { type: Boolean, required: false }
+});
+const elRef = useTemplateRef("el");
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+const injectedViewId = inject(MagicAccordionViewId, void 0);
+const mappedViewId = computed(() => viewId ?? injectedViewId);
+if (!instanceId) {
+  throw new Error(
+    "MagicAccordionTrigger must be nested inside MagicAccordionProvider"
+  );
+}
+if (!mappedViewId.value) {
+  throw new Error(
+    "MagicAccordionTrigger must be nested inside MagicAccordionView or a viewId must be provided"
+  );
+}
+const { initializeState } = useAccordionState(instanceId);
+const state = initializeState();
+const { getView } = useAccordionView(instanceId);
+const view = getView(mappedViewId.value);
+const mappedDisabled = computed(
+  () => toValue(disabled) || state.options.disabled
+);
+const { onMouseenter, onClick, onKeypress } = useAccordionTrigger({
+  elRef,
+  instanceId,
+  viewId: mappedViewId.value,
+  disabled,
+  trigger
 });
+onKeyStroke("Enter", onKeypress);
 </script>
 
 <style>

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

@@ -1,36 +1,21 @@
 import { type MaybeRef } from 'vue';
 import type { Interaction } from '../types/index.js';
 interface MagicAccordionTriggerProps {
+    viewId?: string;
     disabled?: MaybeRef<boolean>;
     trigger?: Interaction;
     asChild?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: any;
-        }): any;
-    };
-    refs: {
-        elRef: any;
-    };
-    rootEl: any;
+declare var __VLS_12: {
+    viewActive: boolean | undefined;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionTriggerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionTriggerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare const __VLS_component: import("vue").DefineComponent<MagicAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,6 +1,15 @@
-<script>
-import { defineComponent as _defineComponent } from "vue";
-import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+<template>
+  <primitive
+    :as-child="asChild"
+    :data-id="mappedId"
+    :data-active="view?.active"
+    class="magic-accordion-view"
+  >
+    <slot :view-active="view?.active" />
+  </primitive>
+</template>
+
+<script setup>
 import { computed, inject, onBeforeUnmount, provide, useId } from "vue";
 import { Primitive } from "@maas/vue-primitive";
 import {
@@ -9,47 +18,27 @@ import {
   MagicAccordionViewId
 } from "../symbols";
 import { useAccordionView } from "../composables/private/useAccordionView";
-export default /* @__PURE__ */ _defineComponent({
-  __name: "MagicAccordionView",
-  props: {
-    id: { type: String, required: false },
-    asChild: { type: Boolean, required: false },
-    active: { type: Boolean, required: false }
-  },
-  setup(__props) {
-    const instanceId = inject(MagicAccordionInstanceId, void 0);
-    if (!instanceId) {
-      throw new Error(
-        "MagicAccordionView must be nested inside MagicAccordionProvider"
-      );
-    }
-    const mappedId = computed(() => __props.id ?? `magic-accordion-view-${useId()}`);
-    const mappedActive = computed(() => view.active);
-    const { initializeView, deleteView } = useAccordionView(instanceId);
-    const view = initializeView({
-      id: mappedId.value,
-      active: __props.active ?? false
-    });
-    provide(MagicAccordionViewId, mappedId.value);
-    provide(MagicAccordionViewActive, mappedActive);
-    onBeforeUnmount(() => {
-      deleteView(mappedId.value);
-    });
-    return (_ctx, _cache) => {
-      return _openBlock(), _createBlock(_unref(Primitive), {
-        "as-child": _ctx.asChild,
-        "data-active": _unref(view)?.active,
-        class: "magic-accordion-view"
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default", {
-            viewActive: _unref(view)?.active
-          })
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["as-child", "data-active"]);
-    };
-  }
+const { id, active } = defineProps({
+  id: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  active: { type: Boolean, required: false }
+});
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+if (!instanceId) {
+  throw new Error(
+    "MagicAccordionView must be nested inside MagicAccordionProvider"
+  );
+}
+const mappedId = computed(() => id ?? `magic-accordion-view-${useId()}`);
+const mappedActive = computed(() => view.active);
+const { initializeView, deleteView } = useAccordionView(instanceId);
+const view = initializeView({
+  id: mappedId.value,
+  active: active ?? false
+});
+provide(MagicAccordionViewId, mappedId.value);
+provide(MagicAccordionViewActive, mappedActive);
+onBeforeUnmount(() => {
+  deleteView(mappedId.value);
 });
 </script>

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

@@ -3,30 +3,16 @@ interface MagicAccordionViewProps {
     asChild?: boolean;
     active?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: any;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_6: {
+    viewActive: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionViewProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAccordionViewProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare const __VLS_component: import("vue").DefineComponent<MagicAccordionViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.d.ts

@@ -6,11 +6,11 @@ interface UseAccordionTriggerArgs {
     viewId: string;
     trigger: Interaction;
     disabled: MaybeRef<boolean>;
-    elRef: Ref<InstanceType<typeof Primitive> | undefined>;
+    elRef: Ref<InstanceType<typeof Primitive> | null>;
 }
 export declare function useAccordionTrigger(args: UseAccordionTriggerArgs): {
     onMouseenter: () => void;
     onClick: () => void;
-    onEnter: (e: KeyboardEvent) => void;
+    onKeypress: (e: KeyboardEvent) => void;
 };
 export {};

package/dist/plugins/MagicAccordion/src/composables/private/useAccordionTrigger.mjs

@@ -1,6 +1,7 @@
 import { toValue } from "vue";
-import { useAccordionView } from "./useAccordionView.mjs";
+import { Primitive } from "@maas/vue-primitive";
 import { useFocus } from "@vueuse/core";
+import { useAccordionView } from "./useAccordionView.mjs";
 export function useAccordionTrigger(args) {
   const { instanceId, viewId, elRef, disabled, trigger } = args;
   const { selectView, unselectView, getView } = useAccordionView(instanceId);
@@ -20,7 +21,7 @@ export function useAccordionTrigger(args) {
       }
     }
   }
-  function onEnter(e) {
+  function onKeypress(e) {
     if (focused.value && !toValue(disabled) && !view?.active) {
       e.preventDefault();
       e.stopPropagation();
@@ -34,6 +35,6 @@ export function useAccordionTrigger(args) {
   return {
     onMouseenter,
     onClick,
-    onEnter
+    onKeypress
   };
 }

package/dist/plugins/MagicAccordion/src/composables/private/useAccordionView.mjs

@@ -1,5 +1,6 @@
 import { reactive } from "vue";
 import { useAccordionState } from "./useAccordionState.mjs";
+import {} from "../../types/index.mjs";
 export function useAccordionView(instanceId) {
   const { initializeState } = useAccordionState(instanceId);
   const state = initializeState();

package/dist/plugins/MagicAccordion/src/composables/useMagicAccordion.mjs

@@ -1,3 +1,4 @@
+import {} from "vue";
 import { useAccordionView } from "./private/useAccordionView.mjs";
 export function useMagicAccordion(args) {
   const { instanceId } = args;

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

@@ -1,5 +1,5 @@
-import type { InjectionKey, MaybeRef } from 'vue';
+import type { InjectionKey, MaybeRef, Ref } from 'vue';
 declare const MagicAccordionInstanceId: InjectionKey<MaybeRef<string>>;
 declare const MagicAccordionViewId: InjectionKey<string>;
-declare const MagicAccordionViewActive: InjectionKey<MaybeRef<boolean>>;
+declare const MagicAccordionViewActive: InjectionKey<Ref<boolean>>;
 export { MagicAccordionInstanceId, MagicAccordionViewId, MagicAccordionViewActive, };

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

@@ -18,7 +18,7 @@ export interface AccordionState {
     options: MagicAccordionOptions;
 }
 export type Interaction = 'click' | 'mouseenter';
-export type AccordionEvents = {
+export interface AccordionEvents {
     beforeEnter: {
         id: string;
         viewId: string;
@@ -43,5 +43,5 @@ export type AccordionEvents = {
         id: string;
         viewId: string;
     };
-};
+}
 export {};

package/dist/plugins/MagicCommand/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;