@ulu/frontend-vue 0.2.0-beta.8 → 0.3.0

package/dist/plugins/toast/UluToast.vue.d.ts

@@ -1,52 +1,27 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Toast configuration
-     */
-    toast: ObjectConstructor;
-    /**
-     * Icons for each element { icon, header, content, date, actions, action, closeButton, title, body, closeButton }
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            content: string;
-            date: string;
-            actions: string;
-            action: string;
-            closeButton: string;
-        };
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    classes: Record<string, any>;
+    toast?: Record<string, any> | undefined;
+    $props: {
+        readonly classes?: Record<string, any> | undefined;
+        readonly toast?: Record<string, any> | undefined;
     };
-}>, {}, {}, {}, {
-    handleAction(event: any, action: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Toast configuration
-     */
-    toast: ObjectConstructor;
-    /**
-     * Icons for each element { icon, header, content, date, actions, action, closeButton, title, body, closeButton }
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            content: string;
-            date: string;
-            actions: string;
-            action: string;
-            closeButton: string;
-        };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {
+            toast: Record<string, any> | undefined;
+        }): any;
+        content?(_: {
+            toast: Record<string, any> | undefined;
+        }): any;
     };
-}>> & Readonly<{}>, {
-    classes: Record<string, any>;
-}, {}, {
-    UluIcon: import('vue').DefineComponent<{}, {
-        spaced: boolean;
-        icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        $props: {
-            readonly spaced?: boolean | undefined;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 //# sourceMappingURL=UluToast.vue.d.ts.map

package/dist/plugins/toast/UluToast.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluToast.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToast.vue"],"names":[],"mappings":"AAiDA;;IA+FM;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;IANH;;OAEG;;IAEH;;OAEG"}
+{"version":3,"file":"UluToast.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToast.vue"],"names":[],"mappings":"AAiDA;wBA6PqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;sPAQG"}

package/dist/plugins/toast/UluToast.vue.js

@@ -1,11 +1,7 @@
-import k from "../../components/elements/UluIcon.vue.js";
-import { resolveComponent as b, createElementBlock as o, openBlock as e, normalizeClass as s, createCommentVNode as a, createElementVNode as d, renderSlot as _, createBlock as f, toDisplayString as i, Fragment as h, renderList as v, createVNode as C } from "vue";
-import B from "../../_virtual/_plugin-vue_export-helper.js";
-const U = {
-  name: "UluToast",
-  components: {
-    UluIcon: k
-  },
+import { createElementBlock as a, openBlock as e, normalizeClass as s, createCommentVNode as o, createElementVNode as u, renderSlot as m, createBlock as f, toDisplayString as i, Fragment as v, renderList as B, createVNode as C, nextTick as g } from "vue";
+import r from "../../components/elements/UluIcon.vue.js";
+const h = ["onClick"], V = {
+  __name: "UluToast",
   props: {
     /**
      * Toast configuration
@@ -25,77 +21,72 @@ const U = {
       })
     }
   },
-  methods: {
-    handleAction(n, c) {
-      const { toast: t } = this;
-      this.toast.close(), this.$nextTick(() => {
-        c(n, t, c);
+  setup(t) {
+    const d = t, y = (n, c) => {
+      d.toast.close(), g(() => {
+        c(n, d.toast, c);
       });
-    }
-  }
-}, g = ["onClick"];
-function x(n, c, t, I, N, m) {
-  const u = b("UluIcon");
-  return e(), o("div", {
-    class: s(["toast", [
-      {
-        "toast--persistent": !t.toast.duration
-      },
-      t.toast?.class
-    ]])
-  }, [
-    t.toast.icon || n.$slots.icon ? (e(), o("div", {
-      key: 0,
-      class: s(["toast__icon", t.classes.icon])
+    };
+    return (n, c) => (e(), a("div", {
+      class: s(["toast", [
+        {
+          "toast--persistent": !t.toast.duration
+        },
+        t.toast?.class
+      ]])
     }, [
-      _(n.$slots, "icon", { toast: t.toast }, () => [
-        t.toast.icon ? (e(), f(u, {
-          key: 0,
-          icon: t.toast.icon
-        }, null, 8, ["icon"])) : a("", !0)
-      ])
-    ], 2)) : a("", !0),
-    d("div", {
-      class: s(["toast__content", t.classes.content])
-    }, [
-      _(n.$slots, "content", { toast: t.toast }, () => [
-        t.toast.title ? (e(), o("div", {
-          key: 0,
-          class: s(["toast__header", t.classes.header])
-        }, [
-          d("strong", {
-            class: s(["toast__title", t.classes.title])
-          }, i(t.toast.title), 3),
-          t.toast.date ? (e(), o("span", {
+      t.toast.icon || n.$slots.icon ? (e(), a("div", {
+        key: 0,
+        class: s(["toast__icon", t.classes.icon])
+      }, [
+        m(n.$slots, "icon", { toast: t.toast }, () => [
+          t.toast.icon ? (e(), f(r, {
             key: 0,
-            class: s(["toast__date", t.classes.date])
-          }, i(t.toast.date), 3)) : a("", !0)
-        ], 2)) : a("", !0),
-        t.toast.description ? (e(), o("div", {
-          key: 1,
-          class: s(["toast__body", t.classes.body])
-        }, i(t.toast.description), 3)) : a("", !0)
-      ])
-    ], 2),
-    t.toast.actions?.length ? (e(), o("div", {
-      key: 1,
-      class: s(["toast__actions", t.classes.actions])
-    }, [
-      (e(!0), o(h, null, v(t.toast.actions, (l, r) => (e(), o("button", {
-        key: r,
-        class: s(["toast__action", t.classes.action]),
-        onClick: (y) => m.handleAction(y, l)
-      }, i(l.label), 11, g))), 128))
-    ], 2)) : a("", !0),
-    d("button", {
-      class: s(["toast__close", t.classes.closeButton]),
-      onClick: c[0] || (c[0] = (...l) => t.toast.close && t.toast.close(...l))
-    }, [
-      C(u, { icon: "type:close" })
-    ], 2)
-  ], 2);
-}
-const A = /* @__PURE__ */ B(U, [["render", x]]);
+            icon: t.toast.icon
+          }, null, 8, ["icon"])) : o("", !0)
+        ])
+      ], 2)) : o("", !0),
+      u("div", {
+        class: s(["toast__content", t.classes.content])
+      }, [
+        m(n.$slots, "content", { toast: t.toast }, () => [
+          t.toast.title ? (e(), a("div", {
+            key: 0,
+            class: s(["toast__header", t.classes.header])
+          }, [
+            u("strong", {
+              class: s(["toast__title", t.classes.title])
+            }, i(t.toast.title), 3),
+            t.toast.date ? (e(), a("span", {
+              key: 0,
+              class: s(["toast__date", t.classes.date])
+            }, i(t.toast.date), 3)) : o("", !0)
+          ], 2)) : o("", !0),
+          t.toast.description ? (e(), a("div", {
+            key: 1,
+            class: s(["toast__body", t.classes.body])
+          }, i(t.toast.description), 3)) : o("", !0)
+        ])
+      ], 2),
+      t.toast.actions?.length ? (e(), a("div", {
+        key: 1,
+        class: s(["toast__actions", t.classes.actions])
+      }, [
+        (e(!0), a(v, null, B(t.toast.actions, (l, k) => (e(), a("button", {
+          key: k,
+          class: s(["toast__action", t.classes.action]),
+          onClick: (b) => y(b, l)
+        }, i(l.label), 11, h))), 128))
+      ], 2)) : o("", !0),
+      u("button", {
+        class: s(["toast__close", t.classes.closeButton]),
+        onClick: c[0] || (c[0] = (...l) => t.toast.close && t.toast.close(...l))
+      }, [
+        C(r, { icon: "type:close" })
+      ], 2)
+    ], 2));
+  }
+};
 export {
-  A as default
+  V as default
 };

package/dist/plugins/toast/UluToastDisplay.vue.d.ts

@@ -1,11 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
-    toasts: never[];
-    pluginOptions: {
-        teleportTo: string;
-        position: string[];
-    };
-}, {
-    classes(): string[];
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=UluToastDisplay.vue.d.ts.map

package/dist/plugins/toast/UluToastDisplay.vue.js

@@ -1,40 +1,32 @@
-import { store as l } from "./store.js";
-import { createBlock as a, openBlock as e, Teleport as p, createVNode as c, TransitionGroup as m, normalizeClass as u, withCtx as d, createElementBlock as f, Fragment as _, renderList as g, resolveDynamicComponent as C } from "vue";
+import { computed as i, createBlock as a, openBlock as e, Teleport as p, unref as s, createVNode as m, TransitionGroup as u, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as T, resolveDynamicComponent as g } from "vue";
+import { store as v } from "./store.js";
 /* empty css                     */
-import T from "../../_virtual/_plugin-vue_export-helper.js";
-const k = {
-  name: "UluTooltipDisplay",
-  data() {
-    const { toasts: t, pluginOptions: o } = l;
-    return { toasts: t, pluginOptions: o };
-  },
-  computed: {
-    classes() {
-      const { position: t } = this.pluginOptions;
-      return t.map((n) => `toast-container--${n}`);
-    }
+const h = {
+  __name: "UluToastDisplay",
+  setup(x) {
+    const { toasts: c, pluginOptions: o } = v, l = i(() => {
+      const { position: n } = o;
+      return n.map((r) => `toast-container--${r}`);
+    });
+    return (n, r) => (e(), a(p, {
+      to: s(o).teleportTo
+    }, [
+      m(u, {
+        class: _(["toast-container", l.value]),
+        name: "toast-animation",
+        tag: "div"
+      }, {
+        default: d(() => [
+          (e(!0), f(k, null, T(s(c), (t) => (e(), a(g(t.component), {
+            key: t.uid,
+            toast: t
+          }, null, 8, ["toast"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ], 8, ["to"]));
   }
 };
-function x(t, o, n, y, r, i) {
-  return e(), a(p, {
-    to: r.pluginOptions.teleportTo
-  }, [
-    c(m, {
-      class: u(["toast-container", i.classes]),
-      name: "toast-animation",
-      tag: "div"
-    }, {
-      default: d(() => [
-        (e(!0), f(_, null, g(r.toasts, (s) => (e(), a(C(s.component), {
-          key: s.uid,
-          toast: s
-        }, null, 8, ["toast"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["class"])
-  ], 8, ["to"]);
-}
-const v = /* @__PURE__ */ T(k, [["render", x]]);
 export {
-  v as default
+  h as default
 };

package/dist/plugins/toast/defaults.d.ts

@@ -1,43 +1,48 @@
 declare namespace _default {
     namespace toastOptions {
-        let component: import("vue").Raw<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            toast: ObjectConstructor;
-            classes: {
-                type: ObjectConstructor;
-                default: () => {
-                    content: string;
-                    date: string;
-                    actions: string;
-                    action: string;
-                    closeButton: string;
-                };
-            };
-        }>, {}, {}, {}, {
-            handleAction(event: any, action: any): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            toast: ObjectConstructor;
-            classes: {
-                type: ObjectConstructor;
-                default: () => {
-                    content: string;
-                    date: string;
-                    actions: string;
-                    action: string;
-                    closeButton: string;
+        let component: import("vue").Raw<{
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+                classes: Record<string, any>;
+                toast?: Record<string, any> | undefined;
+                $props: {
+                    readonly classes?: Record<string, any> | undefined;
+                    readonly toast?: Record<string, any> | undefined;
                 };
-            };
-        }>> & Readonly<{}>, {
-            classes: Record<string, any>;
-        }, {}, {
-            UluIcon: import("vue").DefineComponent<{}, {
-                spaced: boolean;
-                icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{}> & Readonly<{}>, {
+                classes: Record<string, any>;
+                toast?: Record<string, any> | undefined;
                 $props: {
-                    readonly spaced?: boolean | undefined;
-                    readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+                    readonly classes?: Record<string, any> | undefined;
+                    readonly toast?: Record<string, any> | undefined;
                 };
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+            }, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+            classes: Record<string, any>;
+            toast?: Record<string, any> | undefined;
+            $props: {
+                readonly classes?: Record<string, any> | undefined;
+                readonly toast?: Record<string, any> | undefined;
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                icon?(_: {
+                    toast: Record<string, any> | undefined;
+                }): any;
+                content?(_: {
+                    toast: Record<string, any> | undefined;
+                }): any;
+            };
+        })>;
         let duration: number;
         let actions: never[];
     }

package/dist/plugins/toast/defaults.js

@@ -1,6 +1,6 @@
 import { markRaw as o } from "vue";
 import t from "./UluToast.vue.js";
-const a = {
+const p = {
   toastOptions: {
     /**
      * Component used to render the toast in the display
@@ -25,5 +25,5 @@ const a = {
   }
 };
 export {
-  a as default
+  p as default
 };

package/dist/plugins/toast/index.js

@@ -1,8 +1,8 @@
-import { store as s, api as l } from "./store.js";
-import i from "./UluToast.vue.js";
-import a from "./UluToastDisplay.vue.js";
+import { store as i, api as s } from "./store.js";
+import n from "./UluToast.vue.js";
+import l from "./UluToastDisplay.vue.js";
 function e(o, t = {}) {
-  s.setPluginOptions(t?.plugin), s.setToastOptions(t?.toast), o.component("UluToast", i), o.component("UluToastDisplay", a), o.config.globalProperties.$uluToast = l, o.provide("uluToast", l);
+  i.setPluginOptions(t?.plugin), i.setToastOptions(t?.toast), o.component("UluToast", n), o.component("UluToastDisplay", l), o.config.globalProperties.$uluToast = s, o.provide("uluToast", s);
 }
 export {
   e as default

package/dist/plugins/toast/store.d.ts

@@ -8,44 +8,49 @@ export const store: {
         position: string[];
     };
     toastOptions: {
-        component: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            toast: ObjectConstructor;
-            classes: {
-                type: ObjectConstructor;
-                default: () => {
-                    content: string;
-                    date: string;
-                    actions: string;
-                    action: string;
-                    closeButton: string;
-                };
-            };
-        }>, {}, {}, {}, {
-            handleAction(event: any, action: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            toast: ObjectConstructor;
-            classes: {
-                type: ObjectConstructor;
-                default: () => {
-                    content: string;
-                    date: string;
-                    actions: string;
-                    action: string;
-                    closeButton: string;
+        component: import('vue').Raw<{
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+                classes: Record<string, any>;
+                toast?: Record<string, any> | undefined;
+                $props: {
+                    readonly classes?: Record<string, any> | undefined;
+                    readonly toast?: Record<string, any> | undefined;
                 };
-            };
-        }>> & Readonly<{}>, {
-            classes: Record<string, any>;
-        }, {}, {
-            UluIcon: import('vue').DefineComponent<{}, {
-                spaced: boolean;
-                icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{}> & Readonly<{}>, {
+                classes: Record<string, any>;
+                toast?: Record<string, any> | undefined;
                 $props: {
-                    readonly spaced?: boolean | undefined;
-                    readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+                    readonly classes?: Record<string, any> | undefined;
+                    readonly toast?: Record<string, any> | undefined;
                 };
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+            }, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+            classes: Record<string, any>;
+            toast?: Record<string, any> | undefined;
+            $props: {
+                readonly classes?: Record<string, any> | undefined;
+                readonly toast?: Record<string, any> | undefined;
+            };
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                icon?(_: {
+                    toast: Record<string, any> | undefined;
+                }): any;
+                content?(_: {
+                    toast: Record<string, any> | undefined;
+                }): any;
+            };
+        })>;
         duration: number;
         actions: never[];
     };

package/dist/plugins/toast/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/store.js"],"names":[],"mappings":"AAMA;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG;;IAMD;;;;OAIG;IACH,sBAHW,MAAM,OAYhB;IACD;;;OAGG;IACH,gCAKC;IACD;;OAEG;IACH,2BAEC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/store.js"],"names":[],"mappings":"AAMA;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG;;IAMD;;;;OAIG;IACH,sBAHW,MAAM,OAYhB;IACD;;;OAGG;IACH,gCAKC;IACD;;OAEG;IACH,2BAEC"}

package/dist/utils/props.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Ensures the array consists of objects
+ * @param {Array} array Array to check
+ * @returns {Boolean} Whether all are objects within
+ */
+export function isArrayOfObjects(array: any[]): boolean;
+//# sourceMappingURL=props.d.ts.map

package/dist/utils/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../lib/utils/props.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wDAEC"}

package/dist/utils/props.js

@@ -0,0 +1,6 @@
+function t(e) {
+  return e.every((r) => typeof r == "object");
+}
+export {
+  t as isArrayOfObjects
+};

package/lib/components/collapsible/UluAccordionGroup.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="accordion-group">
+  <div  
+    v-if="items?.length"
+    class="accordion-group"
+  >
     <UluAccordion
       v-for="(item, index) in internalItems"
       :key="index"

package/lib/components/collapsible/UluDropdown.vue

@@ -11,7 +11,11 @@
       </slot>
     </template>
     <template #default>
-      <UluMenuStack :items="items"/>
+      <UluMenuStack :items="items">
+        <template v-for="(_, name) in $slots" #[name]="slotData">
+          <slot :name="name" v-bind="slotData" />
+        </template>
+      </UluMenuStack>
     </template>
   </UluPopover>
 </template>