@ulu/frontend-vue 0.5.2 → 0.5.3

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

@@ -40,6 +40,7 @@ type __VLS_TemplateResult = {
             index: number;
             descriptionIndex: number;
         }): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;

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":"AAmCA;wBAyQqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}
+{"version":3,"file":"UluDefinitionList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluDefinitionList.vue"],"names":[],"mappings":"AAsCA;wBAuRqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}

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

@@ -1,6 +1,6 @@
-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 = {
+import { provide as b, computed as m, createElementBlock as i, createCommentVNode as g, openBlock as a, normalizeClass as r, unref as L, renderSlot as o, Fragment as u, renderList as f, createElementVNode as C, createTextVNode as p, toDisplayString as y } from "vue";
+import { useModifiers as D } from "../../composables/useModifiers.js";
+const M = {
   __name: "UluDefinitionList",
   props: {
     /**
@@ -48,55 +48,57 @@ const N = {
      */
     compact: Boolean
   },
-  setup(t) {
-    const e = t, y = b(() => ({
-      inline: e.inline,
-      "inline-all": e.inlineAll,
-      table: e.table,
-      separated: e.separated,
-      "separated-first": e.separatedFirst,
-      "separated-last": e.separatedLast,
-      compact: e.compact
-    })), { resolvedModifiers: B } = C({
-      props: e,
-      internal: y,
+  setup(e) {
+    const t = e;
+    b("uluDefinitionListClasses", m(() => t.classes));
+    const B = m(() => ({
+      inline: t.inline,
+      "inline-all": t.inlineAll,
+      table: t.table,
+      separated: t.separated,
+      "separated-first": t.separatedFirst,
+      "separated-last": t.separatedLast,
+      compact: t.compact
+    })), { resolvedModifiers: k } = D({
+      props: t,
+      internal: B,
       baseClass: "definition-list"
     }), A = (s) => Array.isArray(s.description) ? s.description : [s.description];
-    return (s, D) => t.items?.length ? (a(), r("dl", {
+    return (s, $) => (e.items !== void 0 ? e.items.length : s.$slots.default) ? (a(), i("dl", {
       key: 0,
-      class: n(["definition-list", [k(B), t.classes.list]])
+      class: r(["definition-list", [L(k), e.classes.list]])
     }, [
-      (a(!0), r(d, null, m(t.items, (i, l) => (a(), r("div", {
+      e.items !== void 0 ? (a(!0), i(u, { key: 0 }, f(e.items, (n, l) => (a(), i("div", {
         key: l,
-        class: n(t.classes.item)
+        class: r(e.classes.item)
       }, [
-        L("dt", {
-          class: n(t.classes.term)
+        C("dt", {
+          class: r(e.classes.term)
         }, [
-          p(s.$slots, "term", {
-            item: i,
+          o(s.$slots, "term", {
+            item: n,
             index: l
           }, () => [
-            u(f(i.term), 1)
+            p(y(n.term), 1)
           ])
         ], 2),
-        (a(!0), r(d, null, m(A(i), (o, c) => (a(), r("dd", {
+        (a(!0), i(u, null, f(A(n), (d, c) => (a(), i("dd", {
           key: c,
-          class: n(t.classes.description)
+          class: r(e.classes.description)
         }, [
-          p(s.$slots, "description", {
-            item: i,
-            description: o,
+          o(s.$slots, "description", {
+            item: n,
+            description: d,
             index: l,
             descriptionIndex: c
           }, () => [
-            u(f(o), 1)
+            p(y(d), 1)
           ])
         ], 2))), 128))
-      ], 2))), 128))
+      ], 2))), 128)) : o(s.$slots, "default", { key: 1 })
     ], 2)) : g("", !0);
   }
 };
 export {
-  N as default
+  M as default
 };

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

@@ -0,0 +1,28 @@
+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> | undefined;
+    description?: string | unknown[] | undefined;
+    term?: string | undefined;
+    $props: {
+        readonly classes?: Record<string, any> | undefined;
+        readonly description?: string | unknown[] | undefined;
+        readonly term?: string | 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: {
+        term?(_: {}): any;
+        description?(_: {
+            description: unknown;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+//# sourceMappingURL=UluDefinitionListItem.vue.d.ts.map

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

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

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

@@ -0,0 +1,46 @@
+import { inject as f, computed as o, createElementBlock as r, openBlock as i, normalizeClass as n, createElementVNode as y, renderSlot as d, createTextVNode as u, toDisplayString as m, Fragment as g, renderList as C } from "vue";
+const k = {
+  __name: "UluDefinitionListItem",
+  props: {
+    /**
+     * The term text (renders inside dt)
+     */
+    term: String,
+    /**
+     * The description text or array of strings (renders inside dd)
+     */
+    description: [String, Array],
+    /**
+     * Optional classes object to override/append to injected parent classes { item, term, description }
+     */
+    classes: Object
+  },
+  setup(e) {
+    const t = e, p = f("uluDefinitionListClasses", { value: {} }), s = o(() => p.value || {}), v = o(() => t.description ? Array.isArray(t.description) ? t.description : [t.description] : []);
+    return (c, S) => (i(), r("div", {
+      class: n([s.value.item, e.classes?.item])
+    }, [
+      y("dt", {
+        class: n([s.value.term, e.classes?.term])
+      }, [
+        d(c.$slots, "term", {}, () => [
+          u(m(e.term), 1)
+        ])
+      ], 2),
+      (i(!0), r(g, null, C(v.value, (l, a) => (i(), r("dd", {
+        key: a,
+        class: n([s.value.description, e.classes?.description])
+      }, [
+        d(c.$slots, "description", {
+          description: l,
+          index: a
+        }, () => [
+          u(m(l), 1)
+        ])
+      ], 2))), 128))
+    ], 2));
+  }
+};
+export {
+  k as default
+};

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

@@ -34,6 +34,7 @@ type __VLS_TemplateResult = {
             item: unknown;
             index: number;
         }): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;

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

@@ -1 +1 @@
-{"version":3,"file":"UluList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluList.vue"],"names":[],"mappings":"AAiCA;wBAmPqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}
+{"version":3,"file":"UluList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluList.vue"],"names":[],"mappings":"AAoCA;wBAiQqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}

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

@@ -1,5 +1,5 @@
-import { computed as n, createBlock as m, createCommentVNode as u, openBlock as l, resolveDynamicComponent as y, normalizeStyle as B, normalizeClass as o, withCtx as f, createElementBlock as d, Fragment as v, renderList as S, renderSlot as g, createTextVNode as k, toDisplayString as C } from "vue";
-const h = {
+import { provide as m, computed as r, createBlock as y, createCommentVNode as f, openBlock as a, resolveDynamicComponent as v, normalizeStyle as B, normalizeClass as o, withCtx as S, createElementBlock as i, renderSlot as c, Fragment as k, renderList as g, createTextVNode as C, toDisplayString as O } from "vue";
+const L = {
   __name: "UluList",
   props: {
     /**
@@ -50,8 +50,10 @@ const h = {
     listStyleType: String
   },
   setup(e) {
-    const r = e, s = n(() => r.ordered || r.forceOrdered), c = n(() => s.value ? "ol" : "ul");
-    return (i, O) => e.items?.length ? (l(), m(y(c.value), {
+    const t = e;
+    m("uluListClasses", r(() => t.classes));
+    const n = r(() => t.ordered || t.forceOrdered), u = r(() => n.value ? "ol" : "ul");
+    return (l, T) => (e.items !== void 0 ? e.items.length : l.$slots.default) ? (a(), y(v(u.value), {
       key: 0,
       class: o([
         {
@@ -65,29 +67,29 @@ const h = {
       style: B({
         listStyleType: e.listStyleType
       }),
-      reversed: s.value ? e.reversed : null,
+      reversed: n.value ? e.reversed : null,
       start: e.start
     }, {
-      default: f(() => [
-        (l(!0), d(v, null, S(e.items, (t, a) => (l(), d("li", {
-          key: a,
+      default: S(() => [
+        e.items !== void 0 ? (a(!0), i(k, { key: 0 }, g(e.items, (s, d) => (a(), i("li", {
+          key: d,
           class: o([
             e.classes.item,
-            t?.classes?.item
+            s?.classes?.item
           ])
         }, [
-          g(i.$slots, "default", {
-            item: t,
-            index: a
+          c(l.$slots, "default", {
+            item: s,
+            index: d
           }, () => [
-            k(C(t), 1)
+            C(O(s), 1)
           ])
-        ], 2))), 128))
+        ], 2))), 128)) : c(l.$slots, "default", { key: 1 })
       ]),
       _: 3
-    }, 8, ["class", "style", "reversed", "start"])) : u("", !0);
+    }, 8, ["class", "style", "reversed", "start"])) : f("", !0);
   }
 };
 export {
-  h as default
+  L as default
 };

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { inject as a, computed as c, createElementBlock as r, openBlock as n, normalizeClass as o, renderSlot as u } from "vue";
+const p = {
+  __name: "UluListItem",
+  props: {
+    /**
+     * Optional class binding to append to the injected parent classes
+     */
+    classes: [String, Array, Object]
+  },
+  setup(e) {
+    const s = a("uluListClasses", { value: {} }), t = c(() => s.value || {});
+    return (l, i) => (n(), r("li", {
+      class: o([t.value.item, e.classes])
+    }, [
+      u(l.$slots, "default")
+    ], 2));
+  }
+};
+export {
+  p as default
+};

package/dist/components/index.d.ts

@@ -18,10 +18,12 @@ export { default as UluCallout } from './elements/UluCallout.vue';
 export { default as UluCaptionedFigure } from './elements/UluCaptionedFigure.vue';
 export { default as UluCard } from './elements/UluCard.vue';
 export { default as UluDefinitionList } from './elements/UluDefinitionList.vue';
+export { default as UluDefinitionListItem } from './elements/UluDefinitionListItem.vue';
 export { default as UluExternalLink } from './elements/UluExternalLink.vue';
 export { default as UluIcon } from './elements/UluIcon.vue';
 export { default as UluImage } from './elements/UluImage.vue';
 export { default as UluList } from './elements/UluList.vue';
+export { default as UluListItem } from './elements/UluListItem.vue';
 export { default as UluMain } from './elements/UluMain.vue';
 export { default as UluOverflowScroller } from './elements/UluOverflowScroller.vue';
 export { default as UluRule } from './elements/UluRule.vue';

package/dist/components/navigation/UluBreadcrumb.vue.js

@@ -1,4 +1,4 @@
-import { resolveComponent as d, createElementBlock as s, createCommentVNode as o, openBlock as a, normalizeClass as t, createElementVNode as b, Fragment as k, renderList as f, createBlock as y, renderSlot as c, withCtx as p, createTextVNode as u, toDisplayString as i, createVNode as g } from "vue";
+import { resolveComponent as d, createElementBlock as s, createCommentVNode as o, openBlock as t, normalizeClass as r, createElementVNode as b, Fragment as k, renderList as f, createBlock as y, renderSlot as c, withCtx as g, createTextVNode as u, toDisplayString as i, createVNode as p } from "vue";
 import h from "../elements/UluIcon.vue.js";
 const N = {
   __name: "UluBreadcrumb",
@@ -17,7 +17,7 @@ const N = {
     separatorIcon: String,
     /**
      * Classes object to be applied to elements.
-     * Keys: nav, list, item, link, icon
+     * Keys: nav, list, item, link, current, separator
      */
     classes: {
       type: Object,
@@ -31,45 +31,45 @@ const N = {
       })
     }
   },
-  setup(e) {
+  setup(a) {
     return (l, B) => {
       const m = d("router-link");
-      return e.items.length ? (a(), s("nav", {
+      return a.items.length ? (t(), s("nav", {
         key: 0,
-        class: t(e.classes.nav),
+        class: r(a.classes.nav),
         "aria-label": "Breadcrumb"
       }, [
         b("ol", {
-          class: t(e.classes.list)
+          class: r(a.classes.list)
         }, [
-          (a(!0), s(k, null, f(e.items, (r, n) => (a(), s("li", {
+          (t(!0), s(k, null, f(a.items, (e, n) => (t(), s("li", {
             key: n,
-            class: t(e.classes.item)
+            class: r([a.classes.item, e?.classes?.item])
           }, [
-            r.current ? (a(), s("span", {
+            e.current ? (t(), s("span", {
               key: 1,
-              class: t(r.current)
+              class: r([a.classes.current, e?.classes?.current])
             }, [
-              c(l.$slots, "default", { item: r }, () => [
-                u(i(r.title), 1)
+              c(l.$slots, "default", { item: e }, () => [
+                u(i(e.title), 1)
               ])
-            ], 2)) : (a(), y(m, {
+            ], 2)) : (t(), y(m, {
               key: 0,
-              to: r.to,
-              class: t(e.classes.link),
-              "aria-current": r.current ? "page" : null
+              to: e.to,
+              class: r([a.classes.link, e?.classes?.link]),
+              "aria-current": e.current ? "page" : null
             }, {
-              default: p(() => [
-                c(l.$slots, "default", { item: r }, () => [
-                  u(i(r.title), 1)
+              default: g(() => [
+                c(l.$slots, "default", { item: e }, () => [
+                  u(i(e.title), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["to", "class", "aria-current"])),
-            n < e.items.length - 1 ? c(l.$slots, "separator", { key: 2 }, () => [
-              g(h, {
-                class: t(e.classes.separator),
-                icon: e.separatorIcon || "type:pathSeparator"
+            n < a.items.length - 1 ? c(l.$slots, "separator", { key: 2 }, () => [
+              p(h, {
+                class: r([a.classes.separator, e?.classes?.separator]),
+                icon: a.separatorIcon || "type:pathSeparator"
               }, null, 8, ["class", "icon"])
             ]) : o("", !0)
           ], 2))), 128))

package/dist/index.js

@@ -11,10 +11,10 @@ import { default as T } from "./components/collapsible/UluCollapsible.vue.js";
 import { default as g } from "./components/collapsible/UluDropdown.vue.js";
 import { default as h } from "./components/collapsible/UluModal.vue.js";
 import { default as P } from "./components/collapsible/UluOverflowPopover.vue.js";
-import { default as y } from "./components/collapsible/UluTab.vue.js";
-import { default as L } from "./components/collapsible/UluTabGroup.vue.js";
-import { default as M } from "./components/collapsible/UluTabList.vue.js";
-import { default as B } from "./components/collapsible/UluTabPanel.vue.js";
+import { default as v } from "./components/collapsible/UluTab.vue.js";
+import { default as C } from "./components/collapsible/UluTabGroup.vue.js";
+import { default as R } from "./components/collapsible/UluTabList.vue.js";
+import { default as w } from "./components/collapsible/UluTabPanel.vue.js";
 import { default as D } from "./components/collapsible/UluTabPanels.vue.js";
 import { default as E } from "./components/elements/UluAlert.vue.js";
 import { default as W } from "./components/elements/UluBadge.vue.js";
@@ -25,202 +25,206 @@ import { default as K } from "./components/elements/UluCallout.vue.js";
 import { default as X } from "./components/elements/UluCaptionedFigure.vue.js";
 import { default as Z } from "./components/elements/UluCard.vue.js";
 import { default as $ } from "./components/elements/UluDefinitionList.vue.js";
-import { default as oe } from "./components/elements/UluExternalLink.vue.js";
-import { default as te } from "./components/elements/UluIcon.vue.js";
-import { default as le } from "./components/elements/UluImage.vue.js";
-import { default as fe } from "./components/elements/UluList.vue.js";
-import { default as me } from "./components/elements/UluOverflowScroller.vue.js";
-import { default as de } from "./components/elements/UluRule.vue.js";
-import { default as Ue } from "./components/elements/UluScrollSlider.vue.js";
-import { default as ne } from "./components/elements/UluSlider.vue.js";
-import { default as Se } from "./components/elements/UluSpokeSpinner.vue.js";
-import { default as Te } from "./components/elements/UluTag.vue.js";
-import { default as ge } from "./components/forms/UluSelectableMenu.vue.js";
-import { default as he } from "./components/forms/UluFileDisplay.vue.js";
-import { default as Pe } from "./components/forms/UluFormFile.vue.js";
-import { default as ye } from "./components/forms/UluFormMessage.vue.js";
-import { default as Le } from "./components/forms/UluFormSelect.vue.js";
-import { default as Me } from "./components/forms/UluFormText.vue.js";
-import { default as Be } from "./components/forms/UluSearchForm.vue.js";
-import { default as De } from "./components/forms/UluForm.vue.js";
-import { default as Ee } from "./components/forms/UluFormActions.vue.js";
-import { default as We } from "./components/forms/UluFormCheckbox.vue.js";
-import { default as He } from "./components/forms/UluFormFieldset.vue.js";
-import { default as Ve } from "./components/forms/UluFormItem.vue.js";
-import { default as ze } from "./components/forms/UluFormItemsInline.vue.js";
-import { default as Ke } from "./components/forms/UluFormRadio.vue.js";
-import { default as Xe } from "./components/forms/UluFormRequiredChar.vue.js";
-import { default as Ze } from "./components/forms/UluFormTextarea.vue.js";
-import { default as $e } from "./components/layout/UluAdaptiveLayout.vue.js";
-import { default as oo } from "./components/layout/UluDataGrid.vue.js";
-import { default as to } from "./components/layout/UluTitleRail.vue.js";
-import { default as lo } from "./components/layout/UluWhenBreakpoint.vue.js";
-import { default as fo } from "./components/navigation/UluBreadcrumb.vue.js";
-import { default as mo } from "./components/navigation/UluMenu.vue.js";
-import { default as xo } from "./components/navigation/UluMenuStack.vue.js";
-import { default as io } from "./components/navigation/UluNavStrip.vue.js";
-import { default as co } from "./components/navigation/UluPager.vue.js";
-import { default as Fo } from "./components/utils/UluAction.vue.js";
-import { default as Ao } from "./components/utils/UluConditionalText.vue.js";
-import { default as bo } from "./components/utils/UluConditionalWrapper.vue.js";
-import { default as ko } from "./components/utils/UluPlaceholderImage.vue.js";
-import { default as vo } from "./components/utils/UluPlaceholderText.vue.js";
-import { default as Co } from "./components/utils/UluRouteAnnouncer.vue.js";
-import { default as Ro } from "./components/utils/UluSanityRichText.vue.js";
-import { default as wo } from "./components/visualizations/UluAnimateNumber.vue.js";
-import { default as Io } from "./components/visualizations/UluProgressBar.vue.js";
-import { default as No } from "./components/visualizations/UluProgressCircle.vue.js";
-import { default as Go } from "./components/systems/facets/UluFacetsActiveFilters.vue.js";
-import { default as qo } from "./components/systems/facets/UluFacetsFilterLists.vue.js";
-import { default as Oo } from "./components/systems/facets/UluFacetsFilterAccordions.vue.js";
-import { default as jo } from "./components/systems/facets/UluFacetsFilterPopovers.vue.js";
-import { default as Jo } from "./components/systems/facets/UluFacetsFilterSelects.vue.js";
-import { default as Qo } from "./components/systems/facets/UluFacetsHeaderLayout.vue.js";
-import { default as Yo } from "./components/systems/facets/UluFacetsResults.vue.js";
-import { default as _o } from "./components/systems/facets/UluFacetsSearch.vue.js";
-import { default as er } from "./components/systems/facets/UluFacetsSidebarLayout.vue.js";
-import { default as rr } from "./components/systems/facets/UluFacetsSort.vue.js";
-import { default as ar } from "./components/systems/facets/UluFacetsList.vue.js";
-import { default as ur } from "./components/systems/scroll-anchors/UluScrollAnchors.vue.js";
-import { default as sr } from "./components/systems/scroll-anchors/UluScrollAnchorsNav.vue.js";
-import { default as pr } from "./components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue.js";
-import { default as xr } from "./components/systems/scroll-anchors/UluScrollAnchorsSection.vue.js";
-import { default as ir } from "./components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue.js";
-import { default as cr } from "./components/systems/skeleton/UluShowSkeleton.vue.js";
-import { default as Fr } from "./components/systems/skeleton/UluSkeletonContent.vue.js";
-import { default as Ar } from "./components/systems/skeleton/UluSkeletonMedia.vue.js";
-import { default as br } from "./components/systems/skeleton/UluSkeletonText.vue.js";
-import { default as kr } from "./components/systems/table-sticky/UluTableSticky.vue.js";
-import { default as vr } from "./components/systems/table-sticky/UluTableStickyRows.vue.js";
-import { default as Cr } from "./components/systems/table-sticky/UluTableStickyTable.vue.js";
-import { useTooltip as Rr } from "./plugins/popovers/useTooltip.js";
-import { default as wr } from "./components/elements/UluMain.vue.js";
-import { default as Ir } from "./components/navigation/UluSkipLink.vue.js";
-import { default as Nr } from "./components/utils/UluEmpty.vue.js";
-import { default as Gr } from "./components/utils/UluEmptyView.vue.js";
-import { useFacets as qr } from "./components/systems/facets/useFacets.js";
-import { useScrollAnchors as Or } from "./components/systems/scroll-anchors/useScrollAnchors.js";
-import { useScrollAnchorSection as jr } from "./components/systems/scroll-anchors/useScrollAnchorSection.js";
-import { useScrollAnchorSections as Jr } from "./components/systems/scroll-anchors/useScrollAnchorSections.js";
-import { useIcon as Qr } from "./composables/useIcon.js";
-import { useModifiers as Yr } from "./composables/useModifiers.js";
-import { useWindowResize as _r } from "./composables/useWindowResize.js";
-import { useRequiredInject as et } from "./composables/useRequiredInject.js";
-import { useBreakpointManager as rt } from "./composables/useBreakpointManager.js";
-import { usePagination as at } from "./composables/usePagination.js";
-import { useDocumentTitle as ut } from "./composables/useDocumentTitle.js";
-import { useUluFloating as st } from "./composables/useUluFloating.js";
+import { default as oe } from "./components/elements/UluDefinitionListItem.vue.js";
+import { default as te } from "./components/elements/UluExternalLink.vue.js";
+import { default as le } from "./components/elements/UluIcon.vue.js";
+import { default as fe } from "./components/elements/UluImage.vue.js";
+import { default as me } from "./components/elements/UluList.vue.js";
+import { default as de } from "./components/elements/UluListItem.vue.js";
+import { default as Ue } from "./components/elements/UluOverflowScroller.vue.js";
+import { default as ne } from "./components/elements/UluRule.vue.js";
+import { default as Se } from "./components/elements/UluScrollSlider.vue.js";
+import { default as Te } from "./components/elements/UluSlider.vue.js";
+import { default as ge } from "./components/elements/UluSpokeSpinner.vue.js";
+import { default as he } from "./components/elements/UluTag.vue.js";
+import { default as Pe } from "./components/forms/UluSelectableMenu.vue.js";
+import { default as ve } from "./components/forms/UluFileDisplay.vue.js";
+import { default as Ce } from "./components/forms/UluFormFile.vue.js";
+import { default as Re } from "./components/forms/UluFormMessage.vue.js";
+import { default as we } from "./components/forms/UluFormSelect.vue.js";
+import { default as De } from "./components/forms/UluFormText.vue.js";
+import { default as Ee } from "./components/forms/UluSearchForm.vue.js";
+import { default as We } from "./components/forms/UluForm.vue.js";
+import { default as He } from "./components/forms/UluFormActions.vue.js";
+import { default as Ve } from "./components/forms/UluFormCheckbox.vue.js";
+import { default as ze } from "./components/forms/UluFormFieldset.vue.js";
+import { default as Ke } from "./components/forms/UluFormItem.vue.js";
+import { default as Xe } from "./components/forms/UluFormItemsInline.vue.js";
+import { default as Ze } from "./components/forms/UluFormRadio.vue.js";
+import { default as $e } from "./components/forms/UluFormRequiredChar.vue.js";
+import { default as oo } from "./components/forms/UluFormTextarea.vue.js";
+import { default as to } from "./components/layout/UluAdaptiveLayout.vue.js";
+import { default as lo } from "./components/layout/UluDataGrid.vue.js";
+import { default as fo } from "./components/layout/UluTitleRail.vue.js";
+import { default as mo } from "./components/layout/UluWhenBreakpoint.vue.js";
+import { default as xo } from "./components/navigation/UluBreadcrumb.vue.js";
+import { default as io } from "./components/navigation/UluMenu.vue.js";
+import { default as co } from "./components/navigation/UluMenuStack.vue.js";
+import { default as Fo } from "./components/navigation/UluNavStrip.vue.js";
+import { default as Ao } from "./components/navigation/UluPager.vue.js";
+import { default as bo } from "./components/utils/UluAction.vue.js";
+import { default as ko } from "./components/utils/UluConditionalText.vue.js";
+import { default as Lo } from "./components/utils/UluConditionalWrapper.vue.js";
+import { default as yo } from "./components/utils/UluPlaceholderImage.vue.js";
+import { default as Io } from "./components/utils/UluPlaceholderText.vue.js";
+import { default as Mo } from "./components/utils/UluRouteAnnouncer.vue.js";
+import { default as Bo } from "./components/utils/UluSanityRichText.vue.js";
+import { default as No } from "./components/visualizations/UluAnimateNumber.vue.js";
+import { default as Go } from "./components/visualizations/UluProgressBar.vue.js";
+import { default as qo } from "./components/visualizations/UluProgressCircle.vue.js";
+import { default as Oo } from "./components/systems/facets/UluFacetsActiveFilters.vue.js";
+import { default as jo } from "./components/systems/facets/UluFacetsFilterLists.vue.js";
+import { default as Jo } from "./components/systems/facets/UluFacetsFilterAccordions.vue.js";
+import { default as Qo } from "./components/systems/facets/UluFacetsFilterPopovers.vue.js";
+import { default as Yo } from "./components/systems/facets/UluFacetsFilterSelects.vue.js";
+import { default as _o } from "./components/systems/facets/UluFacetsHeaderLayout.vue.js";
+import { default as er } from "./components/systems/facets/UluFacetsResults.vue.js";
+import { default as rr } from "./components/systems/facets/UluFacetsSearch.vue.js";
+import { default as ar } from "./components/systems/facets/UluFacetsSidebarLayout.vue.js";
+import { default as ur } from "./components/systems/facets/UluFacetsSort.vue.js";
+import { default as sr } from "./components/systems/facets/UluFacetsList.vue.js";
+import { default as pr } from "./components/systems/scroll-anchors/UluScrollAnchors.vue.js";
+import { default as xr } from "./components/systems/scroll-anchors/UluScrollAnchorsNav.vue.js";
+import { default as ir } from "./components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue.js";
+import { default as cr } from "./components/systems/scroll-anchors/UluScrollAnchorsSection.vue.js";
+import { default as Fr } from "./components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue.js";
+import { default as Ar } from "./components/systems/skeleton/UluShowSkeleton.vue.js";
+import { default as br } from "./components/systems/skeleton/UluSkeletonContent.vue.js";
+import { default as kr } from "./components/systems/skeleton/UluSkeletonMedia.vue.js";
+import { default as Lr } from "./components/systems/skeleton/UluSkeletonText.vue.js";
+import { default as yr } from "./components/systems/table-sticky/UluTableSticky.vue.js";
+import { default as Ir } from "./components/systems/table-sticky/UluTableStickyRows.vue.js";
+import { default as Mr } from "./components/systems/table-sticky/UluTableStickyTable.vue.js";
+import { useTooltip as Br } from "./plugins/popovers/useTooltip.js";
+import { default as Nr } from "./components/elements/UluMain.vue.js";
+import { default as Gr } from "./components/navigation/UluSkipLink.vue.js";
+import { default as qr } from "./components/utils/UluEmpty.vue.js";
+import { default as Or } from "./components/utils/UluEmptyView.vue.js";
+import { useFacets as jr } from "./components/systems/facets/useFacets.js";
+import { useScrollAnchors as Jr } from "./components/systems/scroll-anchors/useScrollAnchors.js";
+import { useScrollAnchorSection as Qr } from "./components/systems/scroll-anchors/useScrollAnchorSection.js";
+import { useScrollAnchorSections as Yr } from "./components/systems/scroll-anchors/useScrollAnchorSections.js";
+import { useIcon as _r } from "./composables/useIcon.js";
+import { useModifiers as et } from "./composables/useModifiers.js";
+import { useWindowResize as rt } from "./composables/useWindowResize.js";
+import { useRequiredInject as at } from "./composables/useRequiredInject.js";
+import { useBreakpointManager as ut } from "./composables/useBreakpointManager.js";
+import { usePagination as st } from "./composables/usePagination.js";
+import { useDocumentTitle as pt } from "./composables/useDocumentTitle.js";
+import { useUluFloating as xt } from "./composables/useUluFloating.js";
 export {
   n as UluAccordion,
   S as UluAccordionGroup,
-  Fo as UluAction,
-  $e as UluAdaptiveLayout,
+  bo as UluAction,
+  to as UluAdaptiveLayout,
   E as UluAlert,
-  wo as UluAnimateNumber,
+  No as UluAnimateNumber,
   W as UluBadge,
   H as UluBadgeStack,
-  fo as UluBreadcrumb,
+  xo as UluBreadcrumb,
   V as UluButton,
   z as UluButtonVerbose,
   K as UluCallout,
   X as UluCaptionedFigure,
   Z as UluCard,
   T as UluCollapsible,
-  Ao as UluConditionalText,
-  bo as UluConditionalWrapper,
-  oo as UluDataGrid,
+  ko as UluConditionalText,
+  Lo as UluConditionalWrapper,
+  lo as UluDataGrid,
   $ as UluDefinitionList,
+  oe as UluDefinitionListItem,
   g as UluDropdown,
-  Nr as UluEmpty,
-  Gr as UluEmptyView,
-  oe as UluExternalLink,
-  Go as UluFacetsActiveFilters,
-  Oo as UluFacetsFilterAccordions,
-  qo as UluFacetsFilterLists,
-  jo as UluFacetsFilterPopovers,
-  Jo as UluFacetsFilterSelects,
-  Qo as UluFacetsHeaderLayout,
-  ar as UluFacetsList,
-  Yo as UluFacetsResults,
-  _o as UluFacetsSearch,
-  er as UluFacetsSidebarLayout,
-  rr as UluFacetsSort,
-  he as UluFileDisplay,
-  De as UluForm,
-  Ee as UluFormActions,
-  We as UluFormCheckbox,
-  He as UluFormFieldset,
-  Pe as UluFormFile,
-  Ve as UluFormItem,
-  ze as UluFormItemsInline,
-  ye as UluFormMessage,
-  Ke as UluFormRadio,
-  Xe as UluFormRequiredChar,
-  Le as UluFormSelect,
-  Me as UluFormText,
-  Ze as UluFormTextarea,
-  te as UluIcon,
-  le as UluImage,
-  fe as UluList,
-  wr as UluMain,
-  mo as UluMenu,
-  xo as UluMenuStack,
+  qr as UluEmpty,
+  Or as UluEmptyView,
+  te as UluExternalLink,
+  Oo as UluFacetsActiveFilters,
+  Jo as UluFacetsFilterAccordions,
+  jo as UluFacetsFilterLists,
+  Qo as UluFacetsFilterPopovers,
+  Yo as UluFacetsFilterSelects,
+  _o as UluFacetsHeaderLayout,
+  sr as UluFacetsList,
+  er as UluFacetsResults,
+  rr as UluFacetsSearch,
+  ar as UluFacetsSidebarLayout,
+  ur as UluFacetsSort,
+  ve as UluFileDisplay,
+  We as UluForm,
+  He as UluFormActions,
+  Ve as UluFormCheckbox,
+  ze as UluFormFieldset,
+  Ce as UluFormFile,
+  Ke as UluFormItem,
+  Xe as UluFormItemsInline,
+  Re as UluFormMessage,
+  Ze as UluFormRadio,
+  $e as UluFormRequiredChar,
+  we as UluFormSelect,
+  De as UluFormText,
+  oo as UluFormTextarea,
+  le as UluIcon,
+  fe as UluImage,
+  me as UluList,
+  de as UluListItem,
+  Nr as UluMain,
+  io as UluMenu,
+  co as UluMenuStack,
   h as UluModal,
-  io as UluNavStrip,
+  Fo as UluNavStrip,
   P as UluOverflowPopover,
-  me as UluOverflowScroller,
-  co as UluPager,
-  ko as UluPlaceholderImage,
-  vo as UluPlaceholderText,
-  Io as UluProgressBar,
-  No as UluProgressCircle,
-  Co as UluRouteAnnouncer,
-  de as UluRule,
-  Ro as UluSanityRichText,
-  ur as UluScrollAnchors,
-  ir as UluScrollAnchorsHeadlessSection,
-  sr as UluScrollAnchorsNav,
-  pr as UluScrollAnchorsNavAnimated,
-  xr as UluScrollAnchorsSection,
-  Ue as UluScrollSlider,
-  Be as UluSearchForm,
-  ge as UluSelectableMenu,
-  cr as UluShowSkeleton,
-  Fr as UluSkeletonContent,
-  Ar as UluSkeletonMedia,
-  br as UluSkeletonText,
-  Ir as UluSkipLink,
-  ne as UluSlider,
-  Se as UluSpokeSpinner,
-  y as UluTab,
-  L as UluTabGroup,
-  M as UluTabList,
-  B as UluTabPanel,
+  Ue as UluOverflowScroller,
+  Ao as UluPager,
+  yo as UluPlaceholderImage,
+  Io as UluPlaceholderText,
+  Go as UluProgressBar,
+  qo as UluProgressCircle,
+  Mo as UluRouteAnnouncer,
+  ne as UluRule,
+  Bo as UluSanityRichText,
+  pr as UluScrollAnchors,
+  Fr as UluScrollAnchorsHeadlessSection,
+  xr as UluScrollAnchorsNav,
+  ir as UluScrollAnchorsNavAnimated,
+  cr as UluScrollAnchorsSection,
+  Se as UluScrollSlider,
+  Ee as UluSearchForm,
+  Pe as UluSelectableMenu,
+  Ar as UluShowSkeleton,
+  br as UluSkeletonContent,
+  kr as UluSkeletonMedia,
+  Lr as UluSkeletonText,
+  Gr as UluSkipLink,
+  Te as UluSlider,
+  ge as UluSpokeSpinner,
+  v as UluTab,
+  C as UluTabGroup,
+  R as UluTabList,
+  w as UluTabPanel,
   D as UluTabPanels,
-  kr as UluTableSticky,
-  vr as UluTableStickyRows,
-  Cr as UluTableStickyTable,
-  Te as UluTag,
-  to as UluTitleRail,
-  lo as UluWhenBreakpoint,
+  yr as UluTableSticky,
+  Ir as UluTableStickyRows,
+  Mr as UluTableStickyTable,
+  he as UluTag,
+  fo as UluTitleRail,
+  mo as UluWhenBreakpoint,
   U as breakpointsPlugin,
   t as corePlugin,
   m as modalsPlugin,
   l as popoversPlugin,
   d as toastPlugin,
-  rt as useBreakpointManager,
-  ut as useDocumentTitle,
-  qr as useFacets,
-  Qr as useIcon,
-  Yr as useModifiers,
-  at as usePagination,
-  et as useRequiredInject,
-  jr as useScrollAnchorSection,
-  Jr as useScrollAnchorSections,
-  Or as useScrollAnchors,
-  Rr as useTooltip,
+  ut as useBreakpointManager,
+  pt as useDocumentTitle,
+  jr as useFacets,
+  _r as useIcon,
+  et as useModifiers,
+  st as usePagination,
+  at as useRequiredInject,
+  Qr as useScrollAnchorSection,
+  Yr as useScrollAnchorSections,
+  Jr as useScrollAnchors,
+  Br as useTooltip,
   f as useTooltipFollow,
-  st as useUluFloating,
-  _r as useWindowResize,
+  xt as useUluFloating,
+  rt as useWindowResize,
   e as utils
 };

package/lib/components/collapsible/UluAccordionGroup.vue

@@ -31,53 +31,53 @@
 </template>
 
 <script setup>
-import { ref, provide } from 'vue';
-import UluAccordion from './UluAccordion.vue';
+  import { ref, provide } from 'vue';
+  import UluAccordion from './UluAccordion.vue';
 
-const props = defineProps({
-  /**
-   * Array of items to render as accordions.
-   * Each item can have: title, content, isOpen, classes
-   */
-  items: {
-    type: Array,
-    default: () => []
-  },
-  /**
-   * If using summary text sets the inner element the text is wrapped in, usually a headline or strong
-   */
-  triggerTextElement: {
-    type: String,
-    default: "strong"
-  },
-  /**
-   * Class modifiers (ie. 'transparent', 'secondary', etc)
-   */
-  modifiers: [String, Array],
-  /**
-   * Enable or configure animations.
-   * - `false` (default) to disable all animations.
-   * - `true` to enable animations with default settings.
-   * - An object to provide custom options to auto-animate (e.g., { duration: 100, easing: 'linear' }).
-   */
-  animate: {
-    type: [Boolean, Object],
-    default: true
-  },
-});
+  const props = defineProps({
+    /**
+     * Array of items to render as accordions.
+     * Each item can have: title, content, isOpen, classes
+     */
+    items: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * If using summary text sets the inner element the text is wrapped in, usually a headline or strong
+     */
+    triggerTextElement: {
+      type: String,
+      default: "strong"
+    },
+    /**
+     * Class modifiers (ie. 'transparent', 'secondary', etc)
+     */
+    modifiers: [String, Array],
+    /**
+     * Enable or configure animations.
+     * - `false` (default) to disable all animations.
+     * - `true` to enable animations with default settings.
+     * - An object to provide custom options to auto-animate (e.g., { duration: 100, easing: 'linear' }).
+     */
+    animate: {
+      type: [Boolean, Object],
+      default: true
+    },
+  });
 
-const activeAccordionId = ref(null);
+  const activeAccordionId = ref(null);
 
-function toggle(id, isOpen) {
-  if (isOpen) {
-    activeAccordionId.value = id;
-  } else if (activeAccordionId.value === id) {
-    activeAccordionId.value = null;
+  function toggle(id, isOpen) {
+    if (isOpen) {
+      activeAccordionId.value = id;
+    } else if (activeAccordionId.value === id) {
+      activeAccordionId.value = null;
+    }
   }
-}
 
-provide('uluAccordionGroup', {
-  activeAccordionId,
-  toggle
-});
+  provide('uluAccordionGroup', {
+    activeAccordionId,
+    toggle
+  });
 </script>

package/lib/components/elements/UluDefinitionList.vue

@@ -1,41 +1,44 @@
 <template>
   <dl 
-    v-if="items?.length"
+    v-if="items !== undefined ? items.length : $slots.default"
     class="definition-list" 
     :class="[resolvedModifiers, classes.list]"
   >
-    <div 
-      v-for="(item, index) in items" 
-      :key="index"
-      :class="classes.item"
-    >
-      <dt :class="classes.term">
-        <slot name="term" :item="item" :index="index">
-          {{ item.term }}
-        </slot>
-      </dt>
-      
-      <dd 
-        v-for="(desc, descIndex) in getDescriptions(item)"
-        :key="descIndex"
-        :class="classes.description"
+    <template v-if="items !== undefined">
+      <div 
+        v-for="(item, index) in items" 
+        :key="index"
+        :class="classes.item"
       >
-        <slot 
-          name="description" 
-          :item="item" 
-          :description="desc" 
-          :index="index"
-          :descriptionIndex="descIndex"
+        <dt :class="classes.term">
+          <slot name="term" :item="item" :index="index">
+            {{ item.term }}
+          </slot>
+        </dt>
+        
+        <dd 
+          v-for="(desc, descIndex) in getDescriptions(item)"
+          :key="descIndex"
+          :class="classes.description"
         >
-          {{ desc }}
-        </slot>
-      </dd>
-    </div>
+          <slot 
+            name="description" 
+            :item="item" 
+            :description="desc" 
+            :index="index"
+            :descriptionIndex="descIndex"
+          >
+            {{ desc }}
+          </slot>
+        </dd>
+      </div>
+    </template>
+    <slot v-else></slot>
   </dl>
 </template>
 
 <script setup>
-  import { computed } from 'vue';
+  import { computed, provide } from 'vue';
   import { useModifiers } from "../../composables/useModifiers.js";
 
   const props = defineProps({
@@ -85,6 +88,8 @@
     compact: Boolean,
   });
 
+  provide("uluDefinitionListClasses", computed(() => props.classes));
+
   const internalModifiers = computed(() => ({
     "inline" : props.inline,
     "inline-all" : props.inlineAll,

package/lib/components/elements/UluDefinitionListItem.vue

@@ -0,0 +1,43 @@
+<template>
+  <div :class="[listClasses.item, classes?.item]">
+    <dt :class="[listClasses.term, classes?.term]">
+      <slot name="term">{{ term }}</slot>
+    </dt>
+    <dd 
+      v-for="(desc, index) in descriptions"
+      :key="index"
+      :class="[listClasses.description, classes?.description]"
+    >
+      <slot name="description" :description="desc" :index="index">
+        {{ desc }}
+      </slot>
+    </dd>
+  </div>
+</template>
+
+<script setup>
+  import { computed, inject } from "vue";
+
+  const props = defineProps({
+    /**
+     * The term text (renders inside dt)
+     */
+    term: String,
+    /**
+     * The description text or array of strings (renders inside dd)
+     */
+    description: [String, Array],
+    /**
+     * Optional classes object to override/append to injected parent classes { item, term, description }
+     */
+    classes: Object
+  });
+
+  const injectedClasses = inject("uluDefinitionListClasses", { value: {} });
+  const listClasses = computed(() => injectedClasses.value || {});
+
+  const descriptions = computed(() => {
+    if (!props.description) return [];
+    return Array.isArray(props.description) ? props.description : [props.description];
+  });
+</script>

package/lib/components/elements/UluList.vue

@@ -1,6 +1,6 @@
 <template>
   <component 
-    v-if="items?.length"
+    v-if="items !== undefined ? items.length : $slots.default"
     :is="listElement"
     :class="[
       {
@@ -17,23 +17,26 @@
     :reversed="isOrdered ? reversed : null"
     :start="start"
   >
-    <li 
-      v-for="(item, index) in items" 
-      :key="index"
-      :class="[
-        classes.item,
-        item?.classes?.item
-      ]"
-    >
-      <slot :item="item" :index="index">
-        {{ item }}
-      </slot>
-    </li>
+    <template v-if="items !== undefined">
+      <li 
+        v-for="(item, index) in items" 
+        :key="index"
+        :class="[
+          classes.item,
+          item?.classes?.item
+        ]"
+      >
+        <slot :item="item" :index="index">
+          {{ item }}
+        </slot>
+      </li>
+    </template>
+    <slot v-else></slot>
   </component>
 </template>
 
 <script setup>
-  import { computed } from "vue";
+  import { computed, provide } from "vue";
 
   const props = defineProps({
     /**
@@ -84,6 +87,8 @@
     listStyleType: String,
   });
 
+  provide("uluListClasses", computed(() => props.classes));
+
   const isOrdered = computed(() => props.ordered || props.forceOrdered);
   const listElement = computed(() => isOrdered.value ? "ol" : "ul");
 </script>

package/lib/components/elements/UluListItem.vue

@@ -0,0 +1,19 @@
+<template>
+  <li :class="[listClasses.item, classes]">
+    <slot></slot>
+  </li>
+</template>
+
+<script setup>
+  import { computed, inject } from "vue";
+
+  defineProps({
+    /**
+     * Optional class binding to append to the injected parent classes
+     */
+    classes: [String, Array, Object]
+  });
+
+  const injectedClasses = inject("uluListClasses", { value: {} });
+  const listClasses = computed(() => injectedClasses.value || {});
+</script>

package/lib/components/index.js

@@ -23,6 +23,7 @@ export { default as UluCallout } from './elements/UluCallout.vue';
 export { default as UluCaptionedFigure } from './elements/UluCaptionedFigure.vue';
 export { default as UluCard } from './elements/UluCard.vue';
 export { default as UluDefinitionList } from './elements/UluDefinitionList.vue';
+export { default as UluDefinitionListItem } from './elements/UluDefinitionListItem.vue';
 export { default as UluExternalLink } from './elements/UluExternalLink.vue';
 export { default as UluIcon } from './elements/UluIcon.vue';
 export { default as UluImage } from './elements/UluImage.vue';
@@ -31,6 +32,7 @@ export { default as UluImage } from './elements/UluImage.vue';
 // export { default as UluImageSlider } from './elements/UluImageSlider.vue';
 
 export { default as UluList } from './elements/UluList.vue';
+export { default as UluListItem } from './elements/UluListItem.vue';
 export { default as UluMain } from './elements/UluMain.vue';
 export { default as UluOverflowScroller } from './elements/UluOverflowScroller.vue';
 export { default as UluRule } from './elements/UluRule.vue';

package/lib/components/navigation/UluBreadcrumb.vue

@@ -5,18 +5,18 @@
     v-if="items.length"
   >
     <ol :class="classes.list">
-      <li v-for="(item, index) in items" :key="index" :class="classes.item">
+      <li v-for="(item, index) in items" :key="index" :class="[classes.item, item?.classes?.item]">
         <router-link
           v-if="!item.current"
           :to="item.to"
-          :class="classes.link"
+          :class="[classes.link, item?.classes?.link]"
           :aria-current="item.current ? 'page' : null"
         >
           <slot :item="item">
             {{ item.title }}
           </slot>
         </router-link>
-        <span v-else :class="item.current">
+        <span v-else :class="[classes.current, item?.classes?.current]">
           <slot :item="item">
             {{ item.title }}
           </slot>
@@ -24,7 +24,7 @@
         <template v-if="index < items.length - 1">
           <slot name="separator">
             <UluIcon
-              :class="classes.separator"
+              :class="[classes.separator, item?.classes?.separator]"
               :icon="separatorIcon || 'type:pathSeparator'"
             />
           </slot>
@@ -56,7 +56,7 @@
     separatorIcon: String,
     /**
      * Classes object to be applied to elements.
-     * Keys: nav, list, item, link, icon
+     * Keys: nav, list, item, link, current, separator
      */
     classes: {
       type: Object,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "A modular, tree-shakeable Vue 3 component library for the Ulu Frontend theming system, plus general utilities for Vue development",
   "type": "module",
   "files": [