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

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,22 +1,37 @@
 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;
+    transition?: string;
+    animation?: {
+        duration: number;
+        easing: (t: number) => number;
+    };
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
-            isActive: boolean | undefined;
+            viewActive: boolean | undefined;
         }): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 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 __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"]>;
 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 & {
     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), {
+        id: _ctx.id,
+        "as-child": _ctx.asChild,
+        class: "magic-accordion-provider"
+      }, {
+        default: _withCtx(() => [
+          _renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["id", "as-child"]);
+    };
+  }
+});
 </script>

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

@@ -1,5 +1,5 @@
 import { type MaybeRef } from 'vue';
-import type { MagicAccordionOptions } from '../types';
+import type { MagicAccordionOptions } from '../types/index.js';
 interface MagicAccordionProviderProps {
     id: MaybeRef<string>;
     asChild?: boolean;
@@ -14,9 +14,18 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-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 __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"]>;
 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 & {
     new (): {
         $slots: S;

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

@@ -1,75 +1,75 @@
-<template>
-  <primitive
-    :class="['magic-accordion-trigger', { '-disabled': mappedDisabled }]"
-    :as-child="asChild"
-    as="button"
-    ref="elRef"
-    @mouseenter="onMouseenter"
-    @click="onClick"
-  >
-    <slot :is-active="view?.active" />
-  </primitive>
-</template>
-
-<script lang="ts" setup>
-import { inject, ref, computed, toValue, type MaybeRef } 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 type { Interaction } from '../types'
-import { useAccordionState } from '../composables/private/useAccordionState'
-import { useAccordionView } from '../composables/private/useAccordionView'
-
-interface MagicAccordionTriggerProps {
-  disabled?: MaybeRef<boolean>
-  trigger?: Interaction
-  asChild?: boolean
-}
-
-const props = withDefaults(defineProps<MagicAccordionTriggerProps>(), {
-  disabled: false,
-  trigger: 'click',
-  asChild: false,
-})
-const elRef = ref<InstanceType<typeof Primitive> | undefined>(undefined)
-
-const instanceId = inject(MagicAccordionInstanceId, undefined)
-const viewId = inject(MagicAccordionViewId, undefined)
-
-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)
+<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";
+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"]);
+    };
+  }
+});
 </script>
 
 <style>
-.magic-accordion-trigger.-disabled{cursor:var(--magic-accordion-trigger-cursor-disabled,not-allowed)}
+.magic-accordion-trigger[data-disabled='true'] {
+  cursor: var(--magic-accordion-trigger-cursor-disabled, not-allowed);
+}
 </style>

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

@@ -1,5 +1,5 @@
 import { type MaybeRef } from 'vue';
-import type { Interaction } from '../types';
+import type { Interaction } from '../types/index.js';
 interface MagicAccordionTriggerProps {
     disabled?: MaybeRef<boolean>;
     trigger?: Interaction;
@@ -9,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
-            isActive: boolean | undefined;
+            viewActive: boolean | undefined;
         }): any;
     };
     refs: {
@@ -53,13 +53,18 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<MagicAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicAccordionTriggerProps> & Readonly<{}>, {
-    asChild: boolean;
-    disabled: MaybeRef<boolean>;
-    trigger: Interaction;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;