@ulu/frontend-vue 0.6.12 → 0.6.13

package/dist/components/collapsible/UluAccordion.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     triggerTextElement: string;
     triggerText?: string | undefined;
     modelValue?: boolean | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly startOpen?: boolean | undefined;
         readonly classes?: Record<string, any> | undefined;
@@ -19,7 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly triggerTextElement?: string | undefined;
         readonly triggerText?: string | undefined;
         readonly modelValue?: 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, {}, HTMLDivElement>;
 type __VLS_TemplateResult = {

package/dist/components/collapsible/UluAccordion.vue.js

@@ -1,8 +1,8 @@
 import { computed as c, inject as x, onMounted as V, createBlock as s, openBlock as d, unref as O, withCtx as i, renderSlot as l, resolveDynamicComponent as T, createTextVNode as B, toDisplayString as C, createElementVNode as M, normalizeClass as S, createVNode as $ } from "vue";
-import A from "../elements/UluIcon.vue.js";
-import b from "./UluCollapsible.vue.js";
-import { useModifiers as h } from "../../composables/useModifiers.js";
-import { newId as j } from "../../utils/dom.js";
+import b from "../elements/UluIcon.vue.js";
+import j from "./UluCollapsible.vue.js";
+import { useModifiers as A } from "../../composables/useModifiers.js";
+import { newId as h } from "../../utils/dom.js";
 const G = {
   __name: "UluAccordion",
   props: {
@@ -55,14 +55,14 @@ const G = {
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   emits: ["update:modelValue"],
   setup(t, { emit: u }) {
-    const r = t, m = u, { resolvedModifiers: g } = h({ props: r, baseClass: "accordion" }), p = c(() => {
+    const r = t, m = u, { resolvedModifiers: g } = A({ props: r, baseClass: "accordion" }), p = c(() => {
       const e = { ...r.classes };
       return e.container = [e.container, g.value], e;
-    }), o = x("uluAccordionGroup", null), a = j("ulu-accordion");
+    }), o = x("uluAccordionGroup", null), a = h("ulu-accordion");
     V(() => {
       o && r.startOpen && o.toggle(a, !0);
     });
@@ -70,7 +70,7 @@ const G = {
     function y(e) {
       o && o.toggle(a, e), m("update:modelValue", e);
     }
-    return (e, E) => (d(), s(b, {
+    return (e, E) => (d(), s(j, {
       id: O(a),
       "model-value": f.value,
       "start-open": t.startOpen,
@@ -92,7 +92,7 @@ const G = {
           M("span", {
             class: S(["accordion__icon", t.classes.icon])
           }, [
-            $(A, {
+            $(b, {
               icon: n ? "type:collapse" : "type:expand",
               style: { display: "inline" }
             }, null, 8, ["icon"])

package/dist/components/collapsible/UluAccordionGroup.vue.d.ts

@@ -7,12 +7,12 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     animate: boolean | Record<string, any>;
     triggerTextElement: string;
     items: unknown[];
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly animate?: boolean | Record<string, any> | undefined;
         readonly triggerTextElement?: string | undefined;
         readonly items?: unknown[] | 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/collapsible/UluAccordionGroup.vue.js

@@ -1,5 +1,5 @@
-import { ref as m, provide as f, createElementBlock as c, openBlock as l, renderSlot as s, Fragment as p, renderList as y, createBlock as k, createSlots as $, withCtx as a, createTextVNode as v, toDisplayString as A } from "vue";
-import O from "./UluAccordion.vue.js";
+import { ref as m, provide as f, createElementBlock as g, openBlock as l, renderSlot as s, Fragment as p, renderList as y, createBlock as k, createSlots as $, withCtx as a, createTextVNode as v, toDisplayString as O } from "vue";
+import A from "./UluAccordion.vue.js";
 const S = { class: "accordion-group" }, B = {
   __name: "UluAccordionGroup",
   props: {
@@ -21,7 +21,7 @@ const S = { class: "accordion-group" }, B = {
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Enable or configure animations.
      * - `false` (default) to disable all animations.
@@ -35,14 +35,14 @@ const S = { class: "accordion-group" }, B = {
   },
   setup(r) {
     const i = m(null);
-    function u(e, g) {
-      g ? i.value = e : i.value === e && (i.value = null);
+    function u(e, c) {
+      c ? i.value = e : i.value === e && (i.value = null);
     }
     return f("uluAccordionGroup", {
       activeAccordionId: i,
       toggle: u
-    }), (e, g) => (l(), c("div", S, [
-      r.items?.length ? (l(!0), c(p, { key: 0 }, y(r.items, (t, o) => (l(), k(O, {
+    }), (e, c) => (l(), g("div", S, [
+      r.items?.length ? (l(!0), g(p, { key: 0 }, y(r.items, (t, o) => (l(), k(A, {
         key: o,
         "start-open": t.isOpen,
         "trigger-text": t.title,
@@ -58,7 +58,7 @@ const S = { class: "accordion-group" }, B = {
             isOpen: n,
             toggle: d
           }, () => [
-            v(A(t.content), 1)
+            v(O(t.content), 1)
           ])
         ]),
         _: 2

package/dist/components/collapsible/UluModal.vue.d.ts

@@ -27,7 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     titleIcon?: string | undefined;
     resizerIcon?: string | undefined;
     closeIcon?: string | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly classes?: Record<string, any> | undefined;
         readonly clickOutsideCloses?: boolean | undefined;
@@ -51,7 +51,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly titleIcon?: string | undefined;
         readonly resizerIcon?: string | undefined;
         readonly closeIcon?: 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, any, any>;
 type __VLS_TemplateResult = any;

package/dist/components/collapsible/UluModal.vue.js

@@ -117,7 +117,7 @@ const ue = ["aria-labelledby", "aria-describedby"], de = ["id"], fe = { class: "
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Opt-in convenience behavior. If the modal body's sole content is an iframe, it automatically applies layout fixes.
      */
@@ -129,11 +129,11 @@ const ue = ["aria-labelledby", "aria-describedby"], de = ["id"], fe = { class: "
   },
   emits: ["update:modelValue", "close", "open"],
   setup(t, { emit: j }) {
-    const c = j, e = t, D = J(), N = n(null), E = ce("ulu-modal-title"), B = n(!1), o = n(null), $ = n(null), k = n(null), i = n({
+    const c = j, e = t, D = J(), N = n(null), E = ce("ulu-modal-title"), B = n(!1), o = n(null), O = n(null), k = n(null), i = n({
       isStaticSize: !1,
       isFill: !1,
       bodyStyle: {}
-    }), O = u(() => e.title || D.title), v = u(() => {
+    }), $ = u(() => e.title || D.title), v = u(() => {
       const { allowResize: l, position: s } = e;
       if (!l || !s) return !1;
       const h = ["left", "right", "center"];
@@ -142,7 +142,7 @@ const ue = ["aria-labelledby", "aria-describedby"], de = ["id"], fe = { class: "
       [e.position]: e.position,
       resize: e.allowResize,
       "no-resize": !e.allowResize,
-      "no-header": !O.value,
+      "no-header": !$.value,
       "body-fills": e.bodyFills,
       "no-backdrop": e.noBackdrop,
       "no-min-height": e.noMinHeight,
@@ -178,7 +178,7 @@ const ue = ["aria-labelledby", "aria-describedby"], de = ["id"], fe = { class: "
     }, I = () => {
       if (v.value) {
         const l = e.position === "center" ? { fromX: "right", fromY: "bottom", multiplier: 2 } : { fromX: e.position === "right" ? "left" : "right" };
-        S = new ne(o.value, $.value, l), z = () => {
+        S = new ne(o.value, O.value, l), z = () => {
           B.value = !0;
         }, p = () => {
           setTimeout(() => {
@@ -228,7 +228,7 @@ const ue = ["aria-labelledby", "aria-describedby"], de = ["id"], fe = { class: "
         onClose: q,
         onClick: W
       }, [
-        O.value ? (d(), C("header", {
+        $.value ? (d(), C("header", {
           key: 0,
           class: r(["modal__header", t.classes.header])
         }, [
@@ -277,7 +277,7 @@ const ue = ["aria-labelledby", "aria-describedby"], de = ["id"], fe = { class: "
           key: 2,
           class: "modal__resizer",
           ref_key: "resizer",
-          ref: $,
+          ref: O,
           type: "button"
         }, [
           m(l.$slots, "resizerIcon", {}, () => [

package/dist/components/collapsible/UluTabGroup.vue.d.ts

@@ -8,14 +8,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     vertical: boolean;
     sticky: boolean;
     transparent: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     defaultIndex?: number | undefined;
     selectedIndex?: number | undefined;
     $props: {
         readonly vertical?: boolean | undefined;
         readonly sticky?: boolean | undefined;
         readonly transparent?: boolean | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly defaultIndex?: number | undefined;
         readonly selectedIndex?: number | undefined;
     };

package/dist/components/collapsible/UluTabGroup.vue.js

@@ -1,5 +1,5 @@
-import { computed as l, createBlock as i, openBlock as d, unref as s, withCtx as c, createElementVNode as u, mergeProps as m, renderSlot as f, normalizeProps as p, guardReactiveProps as v } from "vue";
-import { TabGroup as b } from "@headlessui/vue";
+import { computed as l, createBlock as i, openBlock as d, unref as s, withCtx as c, createElementVNode as u, mergeProps as m, renderSlot as f, normalizeProps as p, guardReactiveProps as b } from "vue";
+import { TabGroup as v } from "@headlessui/vue";
 import { useModifiers as x } from "../../composables/useModifiers.js";
 const B = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
@@ -29,7 +29,7 @@ const B = /* @__PURE__ */ Object.assign({
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   emits: ["change"],
   setup(e) {
@@ -42,7 +42,7 @@ const B = /* @__PURE__ */ Object.assign({
         transparent: t.transparent
       }))
     });
-    return (r, n) => (d(), i(s(b), {
+    return (r, n) => (d(), i(s(v), {
       defaultIndex: e.defaultIndex,
       selectedIndex: e.selectedIndex,
       vertical: e.vertical,
@@ -52,7 +52,7 @@ const B = /* @__PURE__ */ Object.assign({
         u("div", m(r.$attrs, {
           class: ["tabs", s(o)]
         }), [
-          f(r.$slots, "default", p(v(a)))
+          f(r.$slots, "default", p(b(a)))
         ], 16)
       ]),
       _: 3

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

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

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

@@ -33,7 +33,7 @@ const v = { class: "layout-flex" }, S = { class: "type-small" }, $ = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const o = e, { resolvedModifiers: c } = y({

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

@@ -7,7 +7,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     skeleton: boolean;
     type?: string | undefined;
     size?: string | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     to?: string | Record<string, any> | undefined;
     href?: string | undefined;
     click?: Function | undefined;
@@ -17,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly skeleton?: boolean | undefined;
         readonly type?: string | undefined;
         readonly size?: string | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly to?: string | Record<string, any> | undefined;
         readonly href?: string | undefined;
         readonly click?: Function | undefined;

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

@@ -1,10 +1,10 @@
-import { computed as o, createBlock as m, openBlock as a, resolveDynamicComponent as f, normalizeClass as i, unref as g, withCtx as h, createElementVNode as y, createElementBlock as r, renderSlot as S, createCommentVNode as b, toDisplayString as c } from "vue";
+import { computed as o, createBlock as m, openBlock as a, resolveDynamicComponent as f, normalizeClass as i, unref as g, withCtx as h, createElementVNode as y, createElementBlock as r, renderSlot as b, createCommentVNode as S, toDisplayString as c } from "vue";
 import { RouterLink as C } from "vue-router";
 import { useModifiers as v } from "../../composables/useModifiers.js";
 const B = ["aria-hidden"], x = {
   key: 2,
   class: "hidden-visually"
-}, E = {
+}, D = {
   __name: "UluBadge",
   props: {
     /**
@@ -42,7 +42,7 @@ const B = ["aria-hidden"], x = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const t = e, s = o(() => !!(t.to || t.click)), { resolvedModifiers: d } = v({
@@ -70,8 +70,8 @@ const B = ["aria-hidden"], x = {
           e.text ? (a(), r("span", {
             key: 0,
             "aria-hidden": e.alt ? "true" : null
-          }, c(e.text), 9, B)) : S(n.$slots, "default", { key: 1 }),
-          e.alt ? (a(), r("span", x, c(e.alt), 1)) : b("", !0)
+          }, c(e.text), 9, B)) : b(n.$slots, "default", { key: 1 }),
+          e.alt ? (a(), r("span", x, c(e.alt), 1)) : S("", !0)
         ], 2)
       ]),
       _: 3
@@ -79,5 +79,5 @@ const B = ["aria-hidden"], x = {
   }
 };
 export {
-  E as default
+  D as default
 };

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

@@ -16,7 +16,7 @@ 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;
     to?: string | Record<string, any> | undefined;
     target?: string | undefined;
     href?: string | undefined;
@@ -37,7 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         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 to?: string | Record<string, any> | undefined;
         readonly target?: string | undefined;
         readonly href?: string | undefined;

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

@@ -3,7 +3,7 @@ import b from "../utils/UluAction.vue.js";
 import c from "./UluIcon.vue.js";
 import { useModifiers as S } from "../../composables/useModifiers.js";
 import { checkDeprecatedProps as h } from "../../utils/props.js";
-const k = { key: 1 }, C = {
+const O = { key: 1 }, C = {
   __name: "UluButton",
   props: {
     /**
@@ -83,7 +83,7 @@ const k = { key: 1 }, C = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array],
+    modifiers: [String, Array, Object],
     /**
      * Button type (e.g. 'submit', 'reset', 'button').
      */
@@ -111,7 +111,7 @@ const k = { key: 1 }, C = {
       const t = n.ariaLabel || n.alt || n.iconOnly && n.text;
       return t || null;
     });
-    return (t, O) => (o(), a(b, {
+    return (t, k) => (o(), a(b, {
       to: e.to,
       href: e.href,
       target: e.target,
@@ -132,7 +132,7 @@ const k = { key: 1 }, C = {
           icon: e.icon,
           class: "button__icon"
         }, null, 8, ["icon"])) : r("", !0),
-        (t.$slots.default || e.text) && !e.iconOnly ? (o(), g("span", k, [
+        (t.$slots.default || e.text) && !e.iconOnly ? (o(), g("span", O, [
           l(t.$slots, "default", {}, () => [
             y(B(e.text), 1)
           ])

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

@@ -10,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     icon?: string | unknown[] | undefined;
     body?: string | undefined;
     title?: string | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     to?: string | Record<string, any> | undefined;
     target?: string | undefined;
     href?: string | undefined;
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly icon?: string | unknown[] | undefined;
         readonly body?: string | undefined;
         readonly title?: string | undefined;
-        readonly modifiers?: string | unknown[] | undefined;
+        readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
         readonly to?: string | Record<string, any> | undefined;
         readonly target?: string | undefined;
         readonly href?: string | undefined;

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

@@ -54,7 +54,7 @@ const v = {
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(t) {
     const n = t, { resolvedModifiers: c } = S({

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

@@ -5,10 +5,10 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     fullHeight: boolean;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly fullHeight?: 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, {}, HTMLDivElement>;
 type __VLS_TemplateResult = {

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

@@ -1,4 +1,4 @@
-import { createElementBlock as t, openBlock as s, normalizeClass as a, unref as i, renderSlot as n } from "vue";
+import { createElementBlock as r, openBlock as s, normalizeClass as a, unref as i, renderSlot as n } from "vue";
 import { useModifiers as u } from "../../composables/useModifiers.js";
 const d = {
   __name: "UluCallout",
@@ -9,16 +9,16 @@ const d = {
     fullHeight: Boolean,
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
-     * - Can be String or Array of Strings
+     * - Can be String, Array, or Object
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(e) {
     const l = e, { resolvedModifiers: o } = u({ props: l, baseClass: "callout" });
-    return (r, c) => (s(), t("div", {
+    return (t, c) => (s(), r("div", {
       class: a(["callout", [i(o), { "full-height": e.fullHeight }]])
     }, [
-      n(r.$slots, "default")
+      n(t.$slots, "default")
     ], 2));
   }
 };

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

@@ -6,11 +6,11 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     caption: string;
     position?: string | undefined;
-    modifiers?: string | unknown[] | undefined;
+    modifiers?: string | Record<string, any> | unknown[] | undefined;
     $props: {
         readonly caption?: string | undefined;
         readonly position?: 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, {}, HTMLElement>;
 type __VLS_TemplateResult = {

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

@@ -20,7 +20,7 @@ const m = {
     /**
      * Modifiers for styling and positioning (e.g., 'bottom', 'center', 'right', 'traditional').
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
   setup(t) {
     const e = t, { resolvedModifiers: s } = f({

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

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

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