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

package/dist/components/elements/UluButtonVerbose.vue.d.ts

@@ -1,126 +1,41 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * The title of the button. Can also be passed via slot.
-     */
-    title: StringConstructor;
-    /**
-     * Optional element to use for title
-     */
-    titleElement: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The body text of the button. Can also be passed via slot.
-     */
-    body: StringConstructor;
-    /**
-     * Icon prop, if used will set the icon for the button, will use UluIcon (which uses font-awesome icons conditionally)
-     */
-    icon: (StringConstructor | ArrayConstructor)[];
-    /**
-     * If set will use router-link for button component and pass to prop
-     */
-    to: (ObjectConstructor | StringConstructor)[];
-    /**
-     * Sets the button to a link with this href
-     */
-    href: StringConstructor;
-    /**
-     * Set a value for target attribute when button is a link
-     */
-    target: StringConstructor;
-    /**
-     * Sets the download attribute on the link (passing string [filename] will populate the download attribute, true will just include it as boolean attribute)
-     */
-    download: (BooleanConstructor | StringConstructor)[];
-    /**
-     * Preset to set inline style
-     */
-    inline: BooleanConstructor;
-    /**
-     * Preset to set full-width style
-     */
-    fullWidth: BooleanConstructor;
-    /**
-     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>, {
-    resolvedModifiers: any;
-}, {}, {
-    element(): "button" | import('vue-router')._RouterLinkI | "a";
-    attrs(): {
-        to: string | Record<string, any>;
-        href?: undefined;
-    } | {
-        href: string;
-        to?: undefined;
-    } | {
-        to?: undefined;
-        href?: undefined;
-    };
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * The title of the button. Can also be passed via slot.
-     */
-    title: StringConstructor;
-    /**
-     * Optional element to use for title
-     */
-    titleElement: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The body text of the button. Can also be passed via slot.
-     */
-    body: StringConstructor;
-    /**
-     * Icon prop, if used will set the icon for the button, will use UluIcon (which uses font-awesome icons conditionally)
-     */
-    icon: (StringConstructor | ArrayConstructor)[];
-    /**
-     * If set will use router-link for button component and pass to prop
-     */
-    to: (ObjectConstructor | StringConstructor)[];
-    /**
-     * Sets the button to a link with this href
-     */
-    href: StringConstructor;
-    /**
-     * Set a value for target attribute when button is a link
-     */
-    target: StringConstructor;
-    /**
-     * Sets the download attribute on the link (passing string [filename] will populate the download attribute, true will just include it as boolean attribute)
-     */
-    download: (BooleanConstructor | StringConstructor)[];
-    /**
-     * Preset to set inline style
-     */
-    inline: BooleanConstructor;
-    /**
-     * Preset to set full-width style
-     */
-    fullWidth: BooleanConstructor;
-    /**
-     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>> & Readonly<{}>, {
+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<{}, {
+    titleElement: string;
     inline: boolean;
     fullWidth: boolean;
-    titleElement: string;
-}, {}, {
-    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;
+    icon?: string | unknown[] | undefined;
+    body?: string | undefined;
+    title?: string | undefined;
+    modifiers?: string | unknown[] | undefined;
+    to?: string | Record<string, any> | undefined;
+    target?: string | undefined;
+    href?: string | undefined;
+    download?: string | boolean | undefined;
+    $props: {
+        readonly titleElement?: string | undefined;
+        readonly inline?: boolean | undefined;
+        readonly fullWidth?: boolean | undefined;
+        readonly icon?: string | unknown[] | undefined;
+        readonly body?: string | undefined;
+        readonly title?: string | undefined;
+        readonly modifiers?: string | unknown[] | undefined;
+        readonly to?: string | Record<string, any> | undefined;
+        readonly target?: string | undefined;
+        readonly href?: string | undefined;
+        readonly download?: string | boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
 //# sourceMappingURL=UluButtonVerbose.vue.d.ts.map

package/dist/components/elements/UluButtonVerbose.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluButtonVerbose.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluButtonVerbose.vue"],"names":[],"mappings":"AAmCA;;IAkIM;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;IA7CH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG"}
+{"version":3,"file":"UluButtonVerbose.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluButtonVerbose.vue"],"names":[],"mappings":"AA+BA;wBAiRqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;;;;;;;;;;2OAQG"}

package/dist/components/elements/UluButtonVerbose.vue.js

@@ -1,13 +1,12 @@
-import { RouterLink as _ } from "vue-router";
-import g from "./UluIcon.vue.js";
-import { useModifiers as h } from "../../composables/useModifiers.js";
-import { resolveComponent as y, createBlock as l, openBlock as i, resolveDynamicComponent as u, mergeProps as v, withCtx as c, createCommentVNode as s, createElementBlock as S, renderSlot as d, createTextVNode as f, toDisplayString as m } from "vue";
-import B from "../../_virtual/_plugin-vue_export-helper.js";
-const k = {
-  name: "UluButtonVerbose",
-  components: {
-    UluIcon: g
-  },
+import { computed as u, createBlock as l, openBlock as o, normalizeClass as f, unref as m, withCtx as r, createCommentVNode as i, createElementBlock as b, resolveDynamicComponent as g, renderSlot as a, createTextVNode as s, toDisplayString as d } from "vue";
+import y from "../utils/UluAction.vue.js";
+import h from "./UluIcon.vue.js";
+import { useModifiers as S } from "../../composables/useModifiers.js";
+const v = {
+  key: 1,
+  class: "button-verbose__body"
+}, E = {
+  __name: "UluButtonVerbose",
   props: {
     /**
      * The title of the button. Can also be passed via slot.
@@ -57,62 +56,50 @@ const k = {
      */
     modifiers: [String, Array]
   },
-  setup(e) {
-    const { resolvedModifiers: o } = h({ props: e, baseClass: "button-verbose" });
-    return { resolvedModifiers: o };
-  },
-  computed: {
-    element() {
-      return this.to ? _ : this.href ? "a" : "button";
-    },
-    attrs() {
-      const { to: e, href: o, download: t, target: n } = this, r = e ? { to: e } : o ? { href: o } : {};
-      return o && (n && (r.target = n), t && (r.download = typeof t == "string" ? t : !0)), r;
-    }
+  setup(t) {
+    const n = t, { resolvedModifiers: c } = S({
+      props: n,
+      baseClass: "button-verbose",
+      internal: u(() => ({
+        inline: n.inline,
+        "full-width": n.fullWidth
+      }))
+    });
+    return (e, B) => (o(), l(y, {
+      to: t.to,
+      href: t.href,
+      target: t.target,
+      download: t.download,
+      class: f(["button-verbose", m(c)])
+    }, {
+      default: r(() => [
+        e.$slots.title || t.title ? (o(), l(g(t.titleElement), {
+          key: 0,
+          class: "button-verbose__title"
+        }, {
+          default: r(() => [
+            a(e.$slots, "title", {}, () => [
+              s(d(t.title), 1)
+            ])
+          ]),
+          _: 3
+        })) : i("", !0),
+        e.$slots.default || t.body ? (o(), b("span", v, [
+          a(e.$slots, "default", {}, () => [
+            s(d(t.body), 1)
+          ])
+        ])) : i("", !0),
+        t.icon ? (o(), l(h, {
+          key: 2,
+          icon: t.icon,
+          class: "button-verbose__icon",
+          "aria-hidden": "true"
+        }, null, 8, ["icon"])) : i("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "href", "target", "download", "class"]));
   }
-}, w = {
-  key: 1,
-  class: "button-verbose__body"
 };
-function C(e, o, t, n, r, a) {
-  const b = y("UluIcon");
-  return i(), l(u(a.element), v({
-    class: ["button-verbose", [
-      {
-        "button-verbose--inline": t.inline,
-        "button-verbose--full-width": t.fullWidth
-      },
-      n.resolvedModifiers
-    ]]
-  }, a.attrs), {
-    default: c(() => [
-      e.$slots.title || t.title ? (i(), l(u(t.titleElement), {
-        key: 0,
-        class: "button-verbose__title"
-      }, {
-        default: c(() => [
-          d(e.$slots, "title", {}, () => [
-            f(m(t.title), 1)
-          ])
-        ]),
-        _: 3
-      })) : s("", !0),
-      e.$slots.default || t.body ? (i(), S("span", w, [
-        d(e.$slots, "default", {}, () => [
-          f(m(t.body), 1)
-        ])
-      ])) : s("", !0),
-      t.icon ? (i(), l(b, {
-        key: 2,
-        icon: t.icon,
-        class: "button-verbose__icon",
-        "aria-hidden": "true"
-      }, null, 8, ["icon"])) : s("", !0)
-    ]),
-    _: 3
-  }, 16, ["class"]);
-}
-const M = /* @__PURE__ */ B(k, [["render", C]]);
 export {
-  M as default
+  E as default
 };

package/dist/components/elements/UluCallout.vue.d.ts

@@ -1,27 +1,22 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Add full height utility class
-     */
-    fullHeight: BooleanConstructor;
-    /**
-     * Class modifiers (ie. 'transparent', 'secondary', etc)
-     * - Can be String or Array of Strings
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>, {
-    resolvedModifiers: any;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Add full height utility class
-     */
-    fullHeight: BooleanConstructor;
-    /**
-     * Class modifiers (ie. 'transparent', 'secondary', etc)
-     * - Can be String or Array of Strings
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>> & Readonly<{}>, {
-    fullHeight: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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<{}, {
+    fullHeight: boolean;
+    modifiers?: string | unknown[] | undefined;
+    $props: {
+        readonly fullHeight?: boolean | undefined;
+        readonly modifiers?: string | unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 //# sourceMappingURL=UluCallout.vue.d.ts.map

package/dist/components/elements/UluCallout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluCallout.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluCallout.vue"],"names":[],"mappings":"AAQA;;IAmCM;;OAEG;;IAEH;;;OAGG;;;;;IAPH;;OAEG;;IAEH;;;OAGG"}
+{"version":3,"file":"UluCallout.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluCallout.vue"],"names":[],"mappings":"AAQA;wBA+FqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;sPAQG"}

package/dist/components/elements/UluCallout.vue.js

@@ -1,8 +1,7 @@
-import { useModifiers as t } from "../../composables/useModifiers.js";
-import { createElementBlock as s, openBlock as a, normalizeClass as i, renderSlot as n } from "vue";
-import f from "../../_virtual/_plugin-vue_export-helper.js";
-const u = {
-  name: "UluCallout",
+import { createElementBlock as t, openBlock as s, normalizeClass as a, unref as i, renderSlot as n } from "vue";
+import { useModifiers as u } from "../../composables/useModifiers.js";
+const d = {
+  __name: "UluCallout",
   props: {
     /**
      * Add full height utility class
@@ -15,18 +14,14 @@ const u = {
     modifiers: [String, Array]
   },
   setup(e) {
-    const { resolvedModifiers: o } = t({ props: e, baseClass: "callout" });
-    return { resolvedModifiers: o };
+    const l = e, { resolvedModifiers: o } = u({ props: l, baseClass: "callout" });
+    return (r, c) => (s(), t("div", {
+      class: a(["callout", [i(o), { "full-height": e.fullHeight }]])
+    }, [
+      n(r.$slots, "default")
+    ], 2));
   }
 };
-function c(e, o, l, r, d, m) {
-  return a(), s("div", {
-    class: i(["callout", [r.resolvedModifiers, { "full-height": l.fullHeight }]])
-  }, [
-    n(e.$slots, "default")
-  ], 2);
-}
-const g = /* @__PURE__ */ f(u, [["render", c]]);
 export {
-  g as default
+  d as default
 };

package/dist/components/elements/UluCaptionedFigure.vue.d.ts

@@ -0,0 +1,25 @@
+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<{}, {
+    caption: string;
+    position?: string | undefined;
+    modifiers?: string | unknown[] | undefined;
+    $props: {
+        readonly caption?: string | undefined;
+        readonly position?: string | undefined;
+        readonly modifiers?: string | unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        caption?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+//# sourceMappingURL=UluCaptionedFigure.vue.d.ts.map

package/dist/components/elements/UluCaptionedFigure.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluCaptionedFigure.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluCaptionedFigure.vue"],"names":[],"mappings":"AAQA;wBAqIqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;mPAQG"}

package/dist/components/elements/UluCaptionedFigure.vue.js

@@ -0,0 +1,48 @@
+import { computed as a, createElementBlock as i, openBlock as n, normalizeClass as c, unref as p, renderSlot as r, createCommentVNode as l, createTextVNode as d, toDisplayString as u } from "vue";
+import { useModifiers as f } from "../../composables/useModifiers.js";
+const m = {
+  key: 0,
+  class: "captioned-figure__caption"
+}, C = {
+  __name: "UluCaptionedFigure",
+  props: {
+    /**
+     * The text content for the caption.
+     */
+    caption: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Positioning (e.g., 'bottom', 'center', 'right') else defaults to traditional
+     */
+    position: String,
+    /**
+     * Modifiers for styling and positioning (e.g., 'bottom', 'center', 'right', 'traditional').
+     */
+    modifiers: [String, Array]
+  },
+  setup(t) {
+    const e = t, { resolvedModifiers: s } = f({
+      props: e,
+      baseClass: "captioned-figure",
+      internal: a(() => ({
+        traditional: !e.position,
+        [e.position]: e.position
+      }))
+    });
+    return (o, g) => (n(), i("figure", {
+      class: c(["captioned-figure", p(s)])
+    }, [
+      r(o.$slots, "default"),
+      t.caption || o.$slots.caption ? (n(), i("figcaption", m, [
+        r(o.$slots, "caption", {}, () => [
+          d(u(t.caption), 1)
+        ])
+      ])) : l("", !0)
+    ], 2));
+  }
+};
+export {
+  C as default
+};

package/dist/components/elements/UluCard.vue.d.ts

@@ -16,9 +16,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     overlay: boolean;
     title?: string | undefined;
     modifiers?: string | unknown[] | undefined;
+    to?: string | Record<string, any> | undefined;
     target?: string | undefined;
     href?: string | undefined;
-    to?: string | Record<string, any> | undefined;
     titleTo?: string | Record<string, any> | undefined;
     titleHref?: string | undefined;
     titleTarget?: string | undefined;
@@ -36,9 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly overlay?: boolean | undefined;
         readonly title?: string | undefined;
         readonly modifiers?: string | unknown[] | undefined;
+        readonly to?: string | Record<string, any> | undefined;
         readonly target?: string | undefined;
         readonly href?: string | undefined;
-        readonly to?: string | Record<string, any> | undefined;
         readonly titleTo?: string | Record<string, any> | undefined;
         readonly titleHref?: string | undefined;
         readonly titleTarget?: string | undefined;

package/dist/components/elements/UluDefinitionList.vue.d.ts

@@ -26,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly modifiers?: string | unknown[] | undefined;
         readonly items?: unknown[] | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDListElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
@@ -36,10 +36,12 @@ type __VLS_TemplateResult = {
         }): any;
         description?(_: {
             item: unknown;
+            description: any;
             index: number;
+            descriptionIndex: number;
         }): any;
     };
     refs: {};
-    rootEl: HTMLDListElement;
+    rootEl: any;
 };
 //# sourceMappingURL=UluDefinitionList.vue.d.ts.map

package/dist/components/elements/UluDefinitionList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluDefinitionList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluDefinitionList.vue"],"names":[],"mappings":"AAqBA;wBAqOqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;;;;;;;;wPAQG"}
+{"version":3,"file":"UluDefinitionList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluDefinitionList.vue"],"names":[],"mappings":"AAmCA;wBAyQqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}

package/dist/components/elements/UluDefinitionList.vue.js

@@ -1,10 +1,10 @@
-import { computed as u, createElementBlock as l, openBlock as n, normalizeClass as a, unref as B, Fragment as b, renderList as y, createElementVNode as o, renderSlot as c, createTextVNode as d, toDisplayString as m } from "vue";
-import { useModifiers as A } from "../../composables/useModifiers.js";
-const F = {
+import { computed as b, createElementBlock as r, createCommentVNode as g, openBlock as a, normalizeClass as n, unref as k, Fragment as d, renderList as m, createElementVNode as L, renderSlot as p, createTextVNode as u, toDisplayString as f } from "vue";
+import { useModifiers as C } from "../../composables/useModifiers.js";
+const N = {
   __name: "UluDefinitionList",
   props: {
     /**
-     * Array of term, and description (props in object)
+     * Array of objects with term, and description (string or array of strings)
      * - Can use slots also
      */
     items: Array,
@@ -49,7 +49,7 @@ const F = {
     compact: Boolean
   },
   setup(t) {
-    const e = t, p = u(() => ({
+    const e = t, y = b(() => ({
       inline: e.inline,
       "inline-all": e.inlineAll,
       table: e.table,
@@ -57,42 +57,46 @@ const F = {
       "separated-first": e.separatedFirst,
       "separated-last": e.separatedLast,
       compact: e.compact
-    })), { resolvedModifiers: f } = A({
+    })), { resolvedModifiers: B } = C({
       props: e,
-      internal: p,
+      internal: y,
       baseClass: "definition-list"
-    });
-    return (r, L) => (n(), l("dl", {
-      class: a(["definition-list", [B(f), t.classes.list]])
+    }), A = (s) => Array.isArray(s.description) ? s.description : [s.description];
+    return (s, D) => t.items?.length ? (a(), r("dl", {
+      key: 0,
+      class: n(["definition-list", [k(B), t.classes.list]])
     }, [
-      (n(!0), l(b, null, y(t.items, (s, i) => (n(), l("div", {
-        key: i,
-        class: a(t.classes.item)
+      (a(!0), r(d, null, m(t.items, (i, l) => (a(), r("div", {
+        key: l,
+        class: n(t.classes.item)
       }, [
-        o("dt", {
-          class: a(t.classes.term)
+        L("dt", {
+          class: n(t.classes.term)
         }, [
-          c(r.$slots, "term", {
-            item: s,
-            index: i
+          p(s.$slots, "term", {
+            item: i,
+            index: l
           }, () => [
-            d(m(s.term), 1)
+            u(f(i.term), 1)
           ])
         ], 2),
-        o("dd", {
-          class: a(t.classes.description)
+        (a(!0), r(d, null, m(A(i), (o, c) => (a(), r("dd", {
+          key: c,
+          class: n(t.classes.description)
         }, [
-          c(r.$slots, "description", {
-            item: s,
-            index: i
+          p(s.$slots, "description", {
+            item: i,
+            description: o,
+            index: l,
+            descriptionIndex: c
           }, () => [
-            d(m(s.description), 1)
+            u(f(o), 1)
           ])
-        ], 2)
+        ], 2))), 128))
       ], 2))), 128))
-    ], 2));
+    ], 2)) : g("", !0);
   }
 };
 export {
-  F as default
+  N as default
 };

package/dist/components/elements/UluExternalLink.vue.d.ts

@@ -6,13 +6,13 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     target: string;
     icon?: string | undefined;
-    text?: string | undefined;
     href?: string | undefined;
+    text?: string | undefined;
     $props: {
         readonly target?: string | undefined;
         readonly icon?: string | undefined;
-        readonly text?: string | undefined;
         readonly href?: string | undefined;
+        readonly text?: string | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLAnchorElement>;
 type __VLS_TemplateResult = {

package/dist/components/elements/UluImage.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    classes: Record<string, any>;
+    alt: string;
+    src: string;
+    sources: unknown[];
+    $props: {
+        readonly classes?: Record<string, any> | undefined;
+        readonly alt?: string | undefined;
+        readonly src?: string | undefined;
+        readonly sources?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=UluImage.vue.d.ts.map

package/dist/components/elements/UluImage.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluImage.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluImage.vue"],"names":[],"mappings":"AAuBA;"}