@ulu/frontend-vue 0.6.11 → 0.6.13

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

@@ -1,5 +1,5 @@
-import { useSlots as V, computed as o, ref as f, createBlock as k, openBlock as a, resolveDynamicComponent as P, normalizeStyle as p, normalizeClass as h, unref as n, withCtx as S, createElementVNode as $, createElementBlock as m, createCommentVNode as y, renderSlot as i, createTextVNode as C, toDisplayString as x, createVNode as A, normalizeProps as I, guardReactiveProps as q } from "vue";
-import { RouterLink as B } from "vue-router";
+import { useSlots as V, computed as o, ref as f, createBlock as k, openBlock as a, resolveDynamicComponent as P, normalizeStyle as p, normalizeClass as h, unref as n, withCtx as S, createElementVNode as O, createElementBlock as m, createCommentVNode as y, renderSlot as i, createTextVNode as C, toDisplayString as x, createVNode as A, normalizeProps as I, guardReactiveProps as q } from "vue";
+import { RouterLink as $ } from "vue-router";
 import { useModifiers as L } from "../../composables/useModifiers.js";
 import { refToElement as F } from "../../utils/dom.js";
 import G from "./UluImage.vue.js";
@@ -114,22 +114,22 @@ const J = { class: "card__body" }, K = { class: "card__main" }, Q = ["href", "ta
     overlay: Boolean,
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
-     * - Can be String or Array of Strings
+     * - Can be String, Array, or Object
      */
-    modifiers: [Array, String]
+    modifiers: [String, Array, Object]
   },
   emits: ["proxy-click"],
-  setup(t, { emit: O }) {
-    const e = t, H = O, s = V();
+  setup(t, { emit: B }) {
+    const e = t, j = B, s = V();
     e.proxyClick && (e.to || e.href) && console.warn("UluCard: 'proxyClick' is ignored when 'to' or 'href' are present."), (e.titleTo || e.titleHref) && (e.to || e.href) && console.warn("UluCard: 'titleTo'/'titleHref' should not be used with 'to'/'href'.");
     const b = o(() => e.image ? e.image : e.imageSrc ? {
       src: e.imageSrc,
       alt: e.imageAlt || ""
-    } : null), T = f(null), v = f(null), { resolvedModifiers: M } = L({ props: e, baseClass: "card" }), E = f(null), c = f(!1), u = o(() => e.proxyClick && !e.to && !e.href), w = o(() => u.value && (e.titleTo || e.titleHref)), j = o(() => u.value && !w.value), g = o(() => u.value || null), z = o(() => ({
+    } : null), T = f(null), v = f(null), { resolvedModifiers: H } = L({ props: e, baseClass: "card" }), E = f(null), c = f(!1), u = o(() => e.proxyClick && !e.to && !e.href), w = o(() => u.value && (e.titleTo || e.titleHref)), M = o(() => u.value && !w.value), g = o(() => u.value || null), z = o(() => ({
       selectorPrevent: "input, select, textarea, button, a, [tabindex='-1']",
       mousedownDurationPrevent: 250,
       ...e.proxyClickOptions
-    })), D = o(() => u.value ? "pointer" : null), N = o(() => e.to ? B : e.href ? "a" : e.cardElement);
+    })), D = o(() => u.value ? "pointer" : null), N = o(() => e.to ? $ : e.href ? "a" : e.cardElement);
     function R({ target: l, timeStamp: d }) {
       if (!g.value) return;
       const { selectorPrevent: r } = z.value;
@@ -142,9 +142,9 @@ const J = { class: "card__body" }, K = { class: "card__main" }, Q = ["href", "ta
         if (w.value) {
           const r = F(v.value);
           r ? r.click() : console.warn("Unable to resolve title link ref");
-        } else if (j.value) {
+        } else if (M.value) {
           const r = T.value?.querySelector("[data-ulu-card-proxy-target]");
-          r ? r.click() : H("proxy-click");
+          r ? r.click() : j("proxy-click");
         }
       }
       c.value = !1;
@@ -158,7 +158,7 @@ const J = { class: "card__body" }, K = { class: "card__main" }, Q = ["href", "ta
           "card--horizontal-center": t.horizontalCenter,
           "card--overlay": t.overlay
         },
-        n(M)
+        n(H)
       ]]),
       onMousedown: R,
       onMouseup: U,
@@ -169,14 +169,14 @@ const J = { class: "card__body" }, K = { class: "card__main" }, Q = ["href", "ta
       "data-ulu-proxy-click-init": g.value
     }, {
       default: S(() => [
-        $("div", J, [
-          $("div", K, [
+        O("div", J, [
+          O("div", K, [
             t.title || n(s).title ? (a(), k(P(t.titleElement), {
               key: 0,
               class: h(["card__title", t.classes.title])
             }, {
               default: S(() => [
-                t.titleTo ? (a(), k(n(B), {
+                t.titleTo ? (a(), k(n($), {
                   key: 0,
                   class: "card__title-link",
                   to: t.titleTo,

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

@@ -9,7 +9,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     itemElement: string;
     alphabetical: boolean;
     noReset: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     items?: unknown[] | undefined;
     $props: {
         readonly classes?: Record<string, any> | undefined;
@@ -17,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly itemElement?: string | undefined;
         readonly alphabetical?: boolean | undefined;
         readonly noReset?: 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/UluCounterList.vue.js

@@ -1,5 +1,5 @@
-import { computed as l, createBlock as r, openBlock as o, normalizeClass as m, unref as c, createSlots as u, withCtx as f, renderSlot as d, normalizeProps as p, guardReactiveProps as y } from "vue";
-import { useModifiers as b } from "../../composables/useModifiers.js";
+import { computed as l, createBlock as r, openBlock as o, normalizeClass as m, unref as c, createSlots as u, withCtx as f, renderSlot as d, normalizeProps as p, guardReactiveProps as b } from "vue";
+import { useModifiers as y } from "../../composables/useModifiers.js";
 import h from "./UluList.vue.js";
 const B = {
   __name: "UluCounterList",
@@ -41,10 +41,10 @@ const B = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'alphabetical'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(t) {
-    const e = t, { resolvedModifiers: a } = b({
+    const e = t, { resolvedModifiers: a } = y({
       props: e,
       baseClass: "counter-list",
       internal: l(() => ({
@@ -65,7 +65,7 @@ const B = {
       s.$slots.default ? {
         name: "default",
         fn: f((n) => [
-          d(s.$slots, "default", p(y(n)))
+          d(s.$slots, "default", p(b(n)))
         ]),
         key: "0"
       } : void 0

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 = {