@ulu/frontend-vue 0.6.12 → 0.6.13

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

@@ -7,7 +7,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     classes: Record<string, any>;
     striped: boolean;
     largeFirst: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     columns?: unknown[] | undefined;
     rows?: unknown[] | undefined;
     footerRows?: unknown[] | undefined;
@@ -19,7 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly classes?: Record<string, any> | undefined;
         readonly striped?: boolean | undefined;
         readonly largeFirst?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly columns?: unknown[] | undefined;
         readonly rows?: unknown[] | undefined;
         readonly footerRows?: unknown[] | undefined;

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

@@ -1,5 +1,5 @@
-import { computed as l, createBlock as n, openBlock as c, mergeProps as u, unref as f, createSlots as m, renderList as d, withCtx as g, renderSlot as w, normalizeProps as y, guardReactiveProps as R } from "vue";
-import { useModifiers as b } from "../../composables/useModifiers.js";
+import { computed as l, createBlock as n, openBlock as c, mergeProps as u, unref as f, createSlots as m, renderList as d, withCtx as g, renderSlot as w, normalizeProps as b, guardReactiveProps as y } from "vue";
+import { useModifiers as R } from "../../composables/useModifiers.js";
 import p from "./UluTable.vue.js";
 import { isArrayOfObjects as o } from "../../utils/props.js";
 const x = {
@@ -69,7 +69,7 @@ const x = {
     /**
      * Additional style modifiers
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Allows user to pass classes object to add custom classes to parts of the component
      */
@@ -79,7 +79,7 @@ const x = {
     }
   },
   setup(e) {
-    const t = e, { resolvedModifiers: s } = b({
+    const t = e, { resolvedModifiers: s } = R({
       props: t,
       baseClass: "data-table",
       internal: l(() => ({
@@ -103,7 +103,7 @@ const x = {
       d(r.$slots, (C, a) => ({
         name: a,
         fn: g((i) => [
-          w(r.$slots, a, y(R(i)))
+          w(r.$slots, a, b(y(i)))
         ])
       }))
     ]), 1040, ["columns", "rows", "footerRows", "caption", "idPrefix", "getRowValue", "getColumnTitle", "classes"]));

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

@@ -12,7 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     separated: boolean;
     separatedFirst: boolean;
     separatedLast: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     items?: unknown[] | undefined;
     $props: {
         readonly classes?: Record<string, any> | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly separated?: boolean | undefined;
         readonly separatedFirst?: boolean | undefined;
         readonly separatedLast?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly items?: unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,4 +1,4 @@
-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 { provide as A, 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",
@@ -18,7 +18,7 @@ const M = {
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Displays only the definition descriptions on the same line.
      */
@@ -50,7 +50,7 @@ const M = {
   },
   setup(e) {
     const t = e;
-    b("uluDefinitionListClasses", m(() => t.classes));
+    A("uluDefinitionListClasses", m(() => t.classes));
     const B = m(() => ({
       inline: t.inline,
       "inline-all": t.inlineAll,
@@ -63,7 +63,7 @@ const M = {
       props: t,
       internal: B,
       baseClass: "definition-list"
-    }), A = (s) => Array.isArray(s.description) ? s.description : [s.description];
+    }), b = (s) => Array.isArray(s.description) ? s.description : [s.description];
     return (s, $) => (e.items !== void 0 ? e.items.length : s.$slots.default) ? (a(), i("dl", {
       key: 0,
       class: r(["definition-list", [L(k), e.classes.list]])
@@ -82,7 +82,7 @@ const M = {
             p(y(n.term), 1)
           ])
         ], 2),
-        (a(!0), i(u, null, f(A(n), (d, c) => (a(), i("dd", {
+        (a(!0), i(u, null, f(b(n), (d, c) => (a(), i("dd", {
           key: c,
           class: r(e.classes.description)
         }, [

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

@@ -3,14 +3,14 @@ declare const _default: import('vue').DefineComponent<{}, {
     semantic: boolean;
     short: boolean;
     light: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     margin?: string | undefined;
     $props: {
         readonly large?: boolean | undefined;
         readonly semantic?: boolean | undefined;
         readonly short?: boolean | undefined;
         readonly light?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly margin?: string | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -26,7 +26,7 @@ const d = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(r) {
     const e = r, t = i(() => ({

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

@@ -10,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     scrollBehavior: string;
     emptySlides: boolean;
     observerOptions: Record<string, any>;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly items?: unknown[] | undefined;
         readonly controls?: boolean | undefined;
@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly scrollBehavior?: string | undefined;
         readonly emptySlides?: boolean | undefined;
         readonly observerOptions?: Record<string, any> | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 type __VLS_TemplateResult = {

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

@@ -1,8 +1,8 @@
-import { ref as f, onMounted as g, nextTick as A, onBeforeUnmount as $, createElementBlock as i, openBlock as n, normalizeClass as C, unref as m, createVNode as x, createSlots as E, withCtx as v, createElementVNode as k, createCommentVNode as S, Fragment as N, renderList as O, renderSlot as p } from "vue";
+import { ref as f, onMounted as g, nextTick as A, onBeforeUnmount as $, createElementBlock as i, openBlock as n, normalizeClass as C, unref as m, createVNode as O, createSlots as x, withCtx as v, createElementVNode as k, createCommentVNode as S, Fragment as E, renderList as N, renderSlot as p } from "vue";
 import { useModifiers as w } from "../../composables/useModifiers.js";
 import { newId as M } from "../../utils/dom.js";
 import R from "./UluOverflowScroller.vue.js";
-const V = { class: "scroll-slider__track-crop" }, U = ["id", "onScroll"], j = {
+const V = { class: "scroll-slider__track-crop" }, j = ["id", "onScroll"], U = {
   key: 0,
   class: "scroll-slider__slide scroll-slider__slide--empty",
   role: "presentation"
@@ -59,12 +59,12 @@ const V = { class: "scroll-slider__track-crop" }, U = ["id", "onScroll"], j = {
     /**
      * Base class modifiers.
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(l) {
-    const _ = l, { resolvedModifiers: B } = w({ props: _, baseClass: "scroll-slider" }), y = M("ulu-scroll-slider-track"), h = f(null), u = f([]), r = f([]);
+    const _ = l, { resolvedModifiers: b } = w({ props: _, baseClass: "scroll-slider" }), y = M("ulu-scroll-slider-track"), h = f(null), u = f([]), r = f([]);
     let c = null;
-    const I = (e, o) => {
+    const B = (e, o) => {
       e && (u.value[o] = e);
     };
     return g(() => {
@@ -84,16 +84,16 @@ const V = { class: "scroll-slider__track-crop" }, U = ["id", "onScroll"], j = {
     }), $(() => {
       c && c.disconnect();
     }), (e, o) => (n(), i("div", {
-      class: C(["scroll-slider", m(B)])
+      class: C(["scroll-slider", m(b)])
     }, [
-      x(R, {
+      O(R, {
         class: "scroll-slider__control-context",
         controlsClass: "scroll-slider__controls",
         controls: l.controls,
         scrollAmount: l.scrollAmount,
         scrollBehavior: l.scrollBehavior,
         trackId: m(y)
-      }, E({
+      }, x({
         default: v(({ setTrackRef: s, onScroll: t }) => [
           k("div", V, [
             k("ul", {
@@ -104,12 +104,12 @@ const V = { class: "scroll-slider__track-crop" }, U = ["id", "onScroll"], j = {
               },
               onScroll: t
             }, [
-              l.emptySlides ? (n(), i("li", j, " ")) : S("", !0),
-              (n(!0), i(N, null, O(l.items, (d, a) => (n(), i("li", {
+              l.emptySlides ? (n(), i("li", U, " ")) : S("", !0),
+              (n(!0), i(E, null, N(l.items, (d, a) => (n(), i("li", {
                 key: a,
                 class: "scroll-slider__slide",
                 ref_for: !0,
-                ref: (b) => I(b, a)
+                ref: (I) => B(I, a)
               }, [
                 p(e.$slots, "slide", {
                   item: d,
@@ -118,7 +118,7 @@ const V = { class: "scroll-slider__track-crop" }, U = ["id", "onScroll"], j = {
                 })
               ]))), 128)),
               l.emptySlides ? (n(), i("li", q, " ")) : S("", !0)
-            ], 40, U)
+            ], 40, j)
           ])
         ]),
         _: 2

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

@@ -15,7 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     autoplay: number;
     reduceMotionFallback: boolean;
     focusOptions: Record<string, any>;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly duration?: number | undefined;
         readonly transition?: string | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly autoplay?: number | undefined;
         readonly reduceMotionFallback?: boolean | undefined;
         readonly focusOptions?: Record<string, any> | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     trackRef: HTMLUListElement;

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

@@ -91,11 +91,11 @@ const rt = { class: "slider__control-context" }, ut = {
     /**
      * Base class modifiers.
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   emits: ["change"],
   setup(r, { emit: Q }) {
-    const o = r, W = Q, k = at("ulu-slider-track"), N = (t) => `${k}-slide-${t}`, h = a(null), u = a([]), s = a(0), _ = a(!1), R = a(!1), { resolvedModifiers: Y } = nt({ props: o, baseClass: "slider" }), A = et(() => o.transition === "none" ? "none" : o.reduceMotionFallback && R.value ? "fade" : o.transition), Z = (t, l) => {
+    const o = r, W = Q, k = at("ulu-slider-track"), N = (t) => `${k}-slide-${t}`, h = a(null), u = a([]), s = a(0), _ = a(!1), R = a(!1), { resolvedModifiers: Y } = nt({ props: o, baseClass: "slider" }), O = et(() => o.transition === "none" ? "none" : o.reduceMotionFallback && R.value ? "fade" : o.transition), Z = (t, l) => {
       t && (u.value[l] = t);
     }, x = (t) => {
       if (!o.items || o.items.length === 0) return !1;
@@ -107,7 +107,7 @@ const rt = { class: "slider__control-context" }, ut = {
       }, o.autoplay));
     }, $ = () => {
       S.value && (clearInterval(S.value), S.value = null);
-    }, O = () => $(), V = () => T();
+    }, A = () => $(), V = () => T();
     it(() => o.autoplay, () => {
       T();
     }), a(0), a(0), a(null), a([]), a(!1);
@@ -139,7 +139,7 @@ const rt = { class: "slider__control-context" }, ut = {
     }), E = async (t, l = "nav") => {
       if (t === s.value || _.value || !o.items || o.items.length === 0) return;
       _.value = !0, $();
-      const e = s.value, i = o.items.length, v = l === "previous", c = i - 1, m = t === 0 && e === c, B = t === c && e === 0, U = A.value;
+      const e = s.value, i = o.items.length, v = l === "previous", c = i - 1, m = t === 0 && e === c, B = t === c && e === 0, U = O.value;
       if (U === "slide") {
         let n = null, j = 1;
         e !== null && !m && !B && (j = Math.abs(e - t)), i < 3 ? m && !v ? n = e : B && (n = v ? t : e) : m ? n = e : B && (n = t), b(null, !0), n !== null && (g(n, "-1"), f(m ? 0 : w(e), 0));
@@ -164,7 +164,7 @@ const rt = { class: "slider__control-context" }, ut = {
     }, D = () => P("next"), tt = () => P("previous");
     return lt(() => {
       typeof window < "u" && (R.value = window.matchMedia("(prefers-reduced-motion: reduce)").matches), z(() => {
-        const t = A.value === "slide";
+        const t = O.value === "slide";
         u.value.forEach((l, e) => {
           l && (l.style.visibility = e === s.value ? "visible" : "hidden", t ? (l.style.opacity = "1", l.style.order = "0") : (l.style.opacity = e === s.value ? "1" : "0", l.style.order = e === s.value ? "-1" : "0"));
         }), f(t ? w(s.value) : 0, 0), T();
@@ -173,9 +173,9 @@ const rt = { class: "slider__control-context" }, ut = {
       $();
     }), (t, l) => (p(), y("div", {
       class: L(["slider", [M(Y), { "slider--transitioning": _.value }]]),
-      onMouseenter: O,
+      onMouseenter: A,
       onMouseleave: V,
-      onFocusin: O,
+      onFocusin: A,
       onFocusout: V
     }, [
       d("div", rt, [

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

@@ -8,14 +8,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     type?: string | undefined;
     size?: string | undefined;
     icon?: string | unknown[] | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     text?: string | number | undefined;
     $props: {
         readonly counter?: boolean | undefined;
         readonly type?: string | undefined;
         readonly size?: string | undefined;
         readonly icon?: string | unknown[] | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly text?: string | number | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;

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

@@ -28,7 +28,7 @@ const B = {
     /**
      * Modifiers for tag class
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const n = e, { resolvedModifiers: r } = d({ props: n, baseClass: "tag" });

package/dist/components/forms/UluFormItem.vue.d.ts

@@ -9,7 +9,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     error: boolean;
     labelHidden: boolean;
     alignTop: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     description?: string | undefined;
     label?: string | undefined;
     layout?: string | undefined;
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly error?: boolean | undefined;
         readonly labelHidden?: boolean | undefined;
         readonly alignTop?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly description?: string | undefined;
         readonly label?: string | undefined;
         readonly layout?: string | undefined;

package/dist/components/forms/UluFormItem.vue.js

@@ -3,7 +3,7 @@ import { newId as C } from "../../utils/dom.js";
 import { useModifiers as F } from "../../composables/useModifiers.js";
 import m from "./UluFormMessage.vue.js";
 import h from "./UluFormLabel.vue.js";
-const j = {
+const V = {
   __name: "UluFormItem",
   props: {
     /**
@@ -54,7 +54,7 @@ const j = {
     /**
      * Additional BEM modifiers for the form item.
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(r) {
     const e = r, s = I(), { resolvedModifiers: S } = F({
@@ -145,5 +145,5 @@ const j = {
   }
 };
 export {
-  j as default
+  V as default
 };

package/dist/components/layout/UluTitleRail.vue.d.ts

@@ -10,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     rule: boolean;
     icon?: string | undefined;
     title?: string | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly classes?: Record<string, any> | undefined;
         readonly titleElement?: string | undefined;
@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly rule?: boolean | undefined;
         readonly icon?: string | undefined;
         readonly title?: string | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 type __VLS_TemplateResult = {

package/dist/components/layout/UluTitleRail.vue.js

@@ -46,7 +46,7 @@ const C = {
     /**
      * Modifiers (to add any modifier classes based on base class)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const a = e, { resolvedModifiers: c } = v({
@@ -57,7 +57,7 @@ const C = {
         rule: a.rule
       }))
     });
-    return (i, B) => (t(), s("div", {
+    return (i, b) => (t(), s("div", {
       class: l(["rail", d(c)])
     }, [
       u("div", {

package/dist/components/navigation/UluMenuStack.vue.d.ts

@@ -8,14 +8,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     containerElement: string;
     hanging: boolean;
     compact: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     items?: unknown[] | undefined;
     $props: {
         readonly noChildren?: boolean | undefined;
         readonly containerElement?: string | undefined;
         readonly hanging?: boolean | undefined;
         readonly compact?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly items?: unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,7 +1,7 @@
 import { computed as m, createBlock as c, createCommentVNode as l, openBlock as u, resolveDynamicComponent as k, normalizeClass as d, unref as f, withCtx as r, createVNode as _, createSlots as p, renderList as g, renderSlot as h, normalizeProps as C, guardReactiveProps as S } from "vue";
 import B from "./UluMenu.vue.js";
 import { useModifiers as y } from "../../composables/useModifiers.js";
-const b = {
+const $ = {
   __name: "UluMenuStack",
   props: {
     /**
@@ -30,7 +30,7 @@ const b = {
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const t = e, o = m(() => ({
@@ -72,5 +72,5 @@ const b = {
   }
 };
 export {
-  b as default
+  $ as default
 };

package/dist/components/navigation/UluNavStrip.vue.d.ts

@@ -7,13 +7,13 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     right: boolean;
     center: boolean;
     rule: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     items?: unknown[] | undefined;
     $props: {
         readonly right?: boolean | undefined;
         readonly center?: boolean | undefined;
         readonly rule?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly items?: unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -23,7 +23,7 @@ const N = {
     /**
      * Modifiers (to add any modifier classes based on base class)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(t) {
     const e = t, { resolvedModifiers: s } = B({

package/dist/components/systems/facets/UluFacetsFilterAccordions.vue.d.ts

@@ -9,13 +9,13 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     compact: boolean;
     maxVisible: number;
     facets: unknown[];
-    accordionModifiers?: string | unknown[] | undefined;
+    accordionModifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly classes?: Record<string, any> | undefined;
         readonly compact?: boolean | undefined;
         readonly maxVisible?: number | undefined;
         readonly facets?: unknown[] | undefined;
-        readonly accordionModifiers?: string | unknown[] | undefined;
+        readonly accordionModifiers?: string | Record<string, any> | unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 type __VLS_TemplateResult = {

package/dist/components/systems/facets/UluFacetsFilterAccordions.vue.js

@@ -1,4 +1,4 @@
-import { createElementBlock as d, openBlock as l, Fragment as p, renderList as x, createBlock as m, withCtx as r, createVNode as o, createCommentVNode as b, normalizeClass as N, createTextVNode as f, toDisplayString as u, renderSlot as V } from "vue";
+import { createElementBlock as d, openBlock as l, Fragment as g, renderList as p, createBlock as m, withCtx as r, createVNode as o, createCommentVNode as x, normalizeClass as N, createTextVNode as f, toDisplayString as u, renderSlot as V } from "vue";
 import h from "./UluFacetsList.vue.js";
 import y from "../../collapsible/UluAccordion.vue.js";
 const k = { class: "facets-filters" }, C = {
@@ -32,13 +32,13 @@ const k = { class: "facets-filters" }, C = {
     /**
      * Class modifiers for accordion (ie. 'transparent', 'secondary', etc)
      */
-    accordionModifiers: [String, Array]
+    accordionModifiers: [String, Array, Object]
   },
   emits: ["facet-change"],
-  setup(i, { emit: g }) {
-    const n = g, s = (c) => c.multiple ? c.children.filter((t) => t.selected).map((t) => t.uid) : c.children.find((t) => t.selected)?.uid || "";
+  setup(i, { emit: b }) {
+    const n = b, s = (c) => c.multiple ? c.children.filter((t) => t.selected).map((t) => t.uid) : c.children.find((t) => t.selected)?.uid || "";
     return (c, t) => (l(), d("div", k, [
-      (l(!0), d(p, null, x(i.facets, (e) => (l(), m(y, {
+      (l(!0), d(g, null, p(i.facets, (e) => (l(), m(y, {
         key: e.uid,
         modifiers: i.accordionModifiers,
         startOpen: e.open
@@ -81,7 +81,7 @@ const k = { class: "facets-filters" }, C = {
               }, null, 8, ["children", "groupUid", "groupName", "type", "compact", "model-value"])
             ]),
             _: 2
-          }, 1032, ["class", "modifiers"])) : b("", !0)
+          }, 1032, ["class", "modifiers"])) : x("", !0)
         ]),
         _: 2
       }, 1032, ["modifiers", "startOpen"]))), 128))

package/dist/components/visualizations/UluProgressBar.vue.d.ts

@@ -19,7 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     indeterminate: boolean;
     noValues: boolean;
     amountInHeader: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     label?: string | undefined;
     formatValue?: Function | undefined;
     $props: {
@@ -38,7 +38,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly indeterminate?: boolean | undefined;
         readonly noValues?: boolean | undefined;
         readonly amountInHeader?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly label?: string | undefined;
         readonly formatValue?: Function | undefined;
     };

package/dist/components/visualizations/UluProgressBar.vue.js

@@ -15,7 +15,7 @@ const w = {
 }, A = { class: "progress-bar__value progress-bar__value--amount" }, D = {
   key: 0,
   class: "progress-bar__value progress-bar__value--deficit"
-}, E = { class: "progress-bar__value progress-bar__value--total" }, M = {
+}, E = { class: "progress-bar__value progress-bar__value--total" }, z = {
   __name: "UluProgressBar",
   props: {
     /**
@@ -108,7 +108,7 @@ const w = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const a = e, c = (t, l) => `${l === 0 ? 0 : t / l * 100}%`, g = m(() => a.indeterminate ? null : c(a.amount, a.total)), f = m(() => c(a.deficit, a.total)), { resolvedModifiers: y } = $({
@@ -187,5 +187,5 @@ const w = {
   }
 };
 export {
-  M as default
+  z as default
 };

package/dist/components/visualizations/UluProgressCircle.vue.d.ts

@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     outsideBelow: boolean;
     pieStyle: boolean;
     noMask: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly duration?: number | undefined;
         readonly easing?: string | undefined;
@@ -34,7 +34,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly outsideBelow?: boolean | undefined;
         readonly pieStyle?: boolean | undefined;
         readonly noMask?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     pie: SVGCircleElement;

package/dist/components/visualizations/UluProgressCircle.vue.js

@@ -1,6 +1,6 @@
 import { ref as B, watch as h, computed as i, onMounted as k, createElementBlock as o, openBlock as n, normalizeClass as w, unref as V, createElementVNode as l, createCommentVNode as f, toDisplayString as u, normalizeStyle as S, renderSlot as y, createTextVNode as v } from "vue";
-import { useModifiers as _ } from "../../composables/useModifiers.js";
-const b = { class: "hidden-visually" }, x = { class: "progress-circle__chart" }, M = {
+import { useModifiers as b } from "../../composables/useModifiers.js";
+const _ = { class: "hidden-visually" }, x = { class: "progress-circle__chart" }, M = {
   class: "progress-circle__chart-svg",
   viewBox: "0 0 32 32"
 }, N = {
@@ -89,7 +89,7 @@ const b = { class: "hidden-visually" }, x = { class: "progress-circle__chart" },
     /**
      * Modifiers (to add any modifier classes based on base class)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(a) {
     const e = a, t = B(null), d = (s) => s === 100 ? 101 : s, g = (s = 0) => {
@@ -100,7 +100,7 @@ const b = { class: "hidden-visually" }, x = { class: "progress-circle__chart" },
     h(() => e.percentage, (s, r) => {
       s !== r && g(d(r));
     });
-    const m = i(() => `${d(e.percentage)} 100`), c = i(() => e.outside || e.outsideBelow || e.small), { resolvedModifiers: p } = _({
+    const m = i(() => `${d(e.percentage)} 100`), c = i(() => e.outside || e.outsideBelow || e.small), { resolvedModifiers: p } = b({
       props: e,
       baseClass: "progress-circle",
       internal: i(() => ({
@@ -119,7 +119,7 @@ const b = { class: "hidden-visually" }, x = { class: "progress-circle__chart" },
     }), (s, r) => (n(), o("div", {
       class: w(["progress-circle", V(p)])
     }, [
-      l("strong", b, u(a.label), 1),
+      l("strong", _, u(a.label), 1),
       l("div", x, [
         (n(), o("svg", M, [
           r[0] || (r[0] = l("circle", {