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

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, onEnter } = useAccordionTrigger({
+  elRef,
+  instanceId,
+  viewId: mappedViewId.value,
+  disabled,
+  trigger
 });
+onKeyStroke("Enter", onEnter);
 </script>
 
 <style>

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

@@ -1,71 +1,35 @@
 import { type MaybeRef } from 'vue';
+import { Primitive } from '@maas/vue-primitive';
 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 const mappedViewId: import("vue").ComputedRef<string | undefined>;
+declare const view: import("../types/index.js").AccordionView | undefined;
+declare const mappedDisabled: import("vue").ComputedRef<boolean | undefined>;
+declare const onMouseenter: () => void, onClick: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+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"]>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_12) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicAccordionTriggerProps, {
+    Primitive: typeof Primitive;
+    mappedViewId: typeof mappedViewId;
+    view: typeof view;
+    mappedDisabled: typeof mappedDisabled;
+    onMouseenter: typeof onMouseenter;
+    onClick: typeof onClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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_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/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

@@ -1,32 +1,27 @@
+import { Primitive } from '@maas/vue-primitive';
 interface MagicAccordionViewProps {
     id?: string;
     asChild?: boolean;
     active?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+declare const mappedId: import("vue").ComputedRef<string>;
+declare const view: import("../types/index.js").AccordionView;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+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"]>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicAccordionViewProps, {
+    Primitive: typeof Primitive;
+    mappedId: typeof mappedId;
+    view: typeof view;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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_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/composables/private/useAccordionTrigger.d.ts

@@ -6,7 +6,7 @@ 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;

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

@@ -1,4 +1,5 @@
 import { toValue } from "vue";
+import { Primitive } from "@maas/vue-primitive";
 import { useAccordionView } from "./useAccordionView.mjs";
 import { useFocus } from "@vueuse/core";
 export function useAccordionTrigger(args) {

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/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;