@maas/vue-equipment 1.0.0-beta.4 → 1.0.0-beta.41

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

@@ -1,71 +1,71 @@
-<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 {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 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 magicError = useMagicError({
+  prefix: "MagicAccordion",
+  source: "MagicAccordion"
+});
+const elRef = useTemplateRef("el");
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+const injectedViewId = inject(MagicAccordionViewId, void 0);
+const mappedViewId = computed(() => viewId ?? injectedViewId);
+magicError.assert(instanceId, {
+  message: "MagicAccordionTrigger must be nested inside MagicAccordionProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(mappedViewId.value, {
+  message: "MagicAccordionTrigger must be nested inside MagicAccordionView or a viewId must be provided",
+  errorCode: "missing_view_id"
+});
+const { initializeState } = useAccordionState(instanceId);
+const state = initializeState();
+const { getView } = useAccordionView(instanceId);
+const view = getView(mappedViewId.value);
+const mappedDisabled = computed(
+  () => (toValue(disabled) || state.options.disabled) ?? false
+);
+const { onMouseenter, onClick, onKeypress } = useAccordionTrigger({
+  elRef,
+  instanceId,
+  mappedDisabled,
+  viewId: mappedViewId.value,
+  trigger
 });
+onKeyStroke("Enter", onKeypress);
 </script>
 
 <style>

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

@@ -1,71 +1,22 @@
 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: boolean | undefined;
-        }): any;
-    };
-    refs: {
-        elRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }> | null;
-    };
-    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_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -0,0 +1,20 @@
+interface MagicAccordionViewProps {
+    id?: string;
+    asChild?: boolean;
+    active?: boolean;
+}
+declare var __VLS_7: {
+    viewActive: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,55 +1,50 @@
-<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="mappedActive"
+    class="magic-accordion-view"
+  >
+    <slot :view-active="mappedActive" />
+  </primitive>
+</template>
+
+<script setup>
 import { computed, inject, onBeforeUnmount, provide, useId } from "vue";
 import { Primitive } from "@maas/vue-primitive";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import {
   MagicAccordionInstanceId,
   MagicAccordionViewActive,
   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 = false } = defineProps({
+  id: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  active: { type: Boolean, required: false }
+});
+const magicError = useMagicError({
+  prefix: "MagicAccordion",
+  source: "MagicAccordionView"
+});
+const instanceId = inject(MagicAccordionInstanceId, void 0);
+magicError.assert(instanceId, {
+  message: "MagicAccordionView must be nested inside MagicAccordionProvider",
+  errorCode: "missing_instance_id"
+});
+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
+});
+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,17 @@ interface MagicAccordionViewProps {
     asChild?: boolean;
     active?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_7: {
+    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_7) => any;
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,5 +1,5 @@
 import { toValue } from "vue";
-import { useMagicEmitter } from "@maas/vue-equipment/plugins";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins/MagicEmitter";
 export function useAccordionCallback(args) {
   const { viewId, instanceId } = args;
   const emitter = useMagicEmitter();

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

@@ -1,16 +1,16 @@
-import { type MaybeRef, type Ref } from 'vue';
+import { type ComputedRef, type MaybeRef, type Ref } from 'vue';
 import { Primitive } from '@maas/vue-primitive';
 import type { Interaction } from '../../types/index.js';
 interface UseAccordionTriggerArgs {
     instanceId: MaybeRef<string>;
     viewId: string;
     trigger: Interaction;
-    disabled: MaybeRef<boolean>;
-    elRef: Ref<InstanceType<typeof Primitive> | undefined>;
+    mappedDisabled: ComputedRef<boolean>;
+    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,18 +1,19 @@
-import { toValue } from "vue";
-import { useAccordionView } from "./useAccordionView.mjs";
+import {} from "vue";
+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 { instanceId, viewId, elRef, mappedDisabled, trigger } = args;
   const { selectView, unselectView, getView } = useAccordionView(instanceId);
   const view = getView(viewId);
   const { focused } = useFocus(elRef);
   function onMouseenter() {
-    if (!toValue(disabled) && trigger === "mouseenter") {
+    if (!mappedDisabled.value && trigger === "mouseenter") {
       selectView(viewId);
     }
   }
   function onClick() {
-    if (!toValue(disabled) && trigger === "click") {
+    if (!mappedDisabled.value && trigger === "click") {
       if (view?.active) {
         unselectView(viewId);
       } else {
@@ -20,8 +21,8 @@ export function useAccordionTrigger(args) {
       }
     }
   }
-  function onEnter(e) {
-    if (focused.value && !toValue(disabled) && !view?.active) {
+  function onKeypress(e) {
+    if (focused.value && !mappedDisabled.value && !view?.active) {
       e.preventDefault();
       e.stopPropagation();
       if (view?.active) {
@@ -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.d.ts

@@ -1,10 +1,6 @@
 import { type MaybeRef } from 'vue';
-interface UseMagicAccordionArgs {
-    instanceId: MaybeRef<string>;
-}
-export declare function useMagicAccordion(args: UseMagicAccordionArgs): {
+export declare function useMagicAccordion(id: MaybeRef<string>): {
     selectView: (id: string) => void;
     unselectView: (id: string) => void;
 };
 export type UseMagicAccordionReturn = ReturnType<typeof useMagicAccordion>;
-export {};

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

@@ -1,7 +1,7 @@
+import {} from "vue";
 import { useAccordionView } from "./private/useAccordionView.mjs";
-export function useMagicAccordion(args) {
-  const { instanceId } = args;
-  const { selectView, unselectView } = useAccordionView(instanceId);
+export function useMagicAccordion(id) {
+  const { selectView, unselectView } = useAccordionView(id);
   return {
     selectView,
     unselectView

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;

package/dist/plugins/MagicCommand/src/components/MagicCommandContent.d.vue.ts

@@ -0,0 +1,15 @@
+import '@maas/vue-equipment/utils/css/keyframes/fade-in.css';
+import '@maas/vue-equipment/utils/css/keyframes/fade-out.css';
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};