@ulu/frontend-vue 0.6.11 → 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

@@ -4,17 +4,20 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "change", ...args: any[]) => void;
     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;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {

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

@@ -1 +1 @@
-{"version":3,"file":"UluTabGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabGroup.vue"],"names":[],"mappings":"AAeA;wBA2KqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;2OAOG"}
+{"version":3,"file":"UluTabGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabGroup.vue"],"names":[],"mappings":"AAiBA;wBAwMqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;2OAQG"}

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

@@ -1,15 +1,19 @@
-import { computed as n, createBlock as i, openBlock as l, unref as a, withCtx as c, createElementVNode as d, mergeProps as u, renderSlot as f, normalizeProps as p, guardReactiveProps as m } from "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 b } from "../../composables/useModifiers.js";
-const y = /* @__PURE__ */ Object.assign({
+import { useModifiers as x } from "../../composables/useModifiers.js";
+const B = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "UluTabGroup",
   props: {
     /**
-     * Active tab index by default
+     * Active tab index by default (uncontrolled)
      */
     defaultIndex: Number,
+    /**
+     * Actively selected tab index (controlled)
+     */
+    selectedIndex: Number,
     /**
      * Whether or not to use vertical layout
      */
@@ -25,33 +29,36 @@ const y = /* @__PURE__ */ Object.assign({
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array, Object]
   },
-  setup(t) {
-    const e = t, { resolvedModifiers: s } = b({
-      props: e,
+  emits: ["change"],
+  setup(e) {
+    const t = e, { resolvedModifiers: o } = x({
+      props: t,
       baseClass: "tabs",
-      internal: n(() => ({
-        vertical: e.vertical,
-        sticky: e.sticky,
-        transparent: e.transparent
+      internal: l(() => ({
+        vertical: t.vertical,
+        sticky: t.sticky,
+        transparent: t.transparent
       }))
     });
-    return (r, k) => (l(), i(a(v), {
-      defaultIndex: t.defaultIndex,
-      vertical: t.vertical
+    return (r, n) => (d(), i(s(v), {
+      defaultIndex: e.defaultIndex,
+      selectedIndex: e.selectedIndex,
+      vertical: e.vertical,
+      onChange: n[0] || (n[0] = (a) => r.$emit("change", a))
     }, {
-      default: c((o) => [
-        d("div", u(r.$attrs, {
-          class: ["tabs", a(s)]
+      default: c((a) => [
+        u("div", m(r.$attrs, {
+          class: ["tabs", s(o)]
         }), [
-          f(r.$slots, "default", p(m(o)))
+          f(r.$slots, "default", p(b(a)))
         ], 16)
       ]),
       _: 3
-    }, 8, ["defaultIndex", "vertical"]));
+    }, 8, ["defaultIndex", "selectedIndex", "vertical"]));
   }
 });
 export {
-  y as default
+  B as default
 };

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;