sprintify-ui 0.6.41 → 0.6.42

package/dist/sprintify-ui.es.js

@@ -1,9 +1,9 @@
 var Mb = Object.defineProperty;
 var Ib = (n, t, e) => t in n ? Mb(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var ar = (n, t, e) => (Ib(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as Se, computed as L, inject as wt, resolveComponent as Xt, openBlock as B, createBlock as De, withCtx as ge, createElementVNode as j, normalizeClass as de, unref as T, withModifiers as Wn, renderSlot as Pe, createElementBlock as K, createCommentVNode as ke, toDisplayString as Me, getCurrentScope as Kp, onScopeDispose as Qp, toRef as Nb, readonly as lo, customRef as Pb, ref as oe, watchEffect as un, h as xt, shallowRef as id, watch as ut, shallowReadonly as eo, Fragment as Je, Teleport as Cr, normalizeStyle as ot, createVNode as xe, Transition as Rn, provide as gt, createTextVNode as zn, onBeforeUnmount as Fn, resolveDynamicComponent as hr, withDirectives as jn, mergeProps as Zt, renderList as dt, onMounted as pt, nextTick as Ut, TransitionGroup as Zp, isRef as ai, normalizeProps as zt, guardReactiveProps as jt, vShow as Ir, Comment as Bb, useSlots as Xp, createSlots as Jp, cloneVNode as Lb, onUnmounted as An, reactive as od, withKeys as Vl, vModelText as sc, createStaticVNode as em, getCurrentInstance as zb, vModelSelect as jb } from "vue";
+import { defineComponent as Se, computed as L, inject as wt, resolveComponent as Xt, openBlock as B, createBlock as De, withCtx as ge, createElementVNode as j, normalizeClass as de, unref as T, withModifiers as Wn, renderSlot as Pe, createElementBlock as K, createCommentVNode as ke, toDisplayString as Me, getCurrentScope as Kp, onScopeDispose as Qp, toRef as Nb, readonly as lo, customRef as Pb, ref as oe, watchEffect as un, h as xt, shallowRef as id, watch as ut, shallowReadonly as eo, Fragment as Je, Teleport as Cr, normalizeStyle as ot, createVNode as xe, Transition as Rn, provide as gt, createTextVNode as zn, onBeforeUnmount as Fn, resolveDynamicComponent as hr, withDirectives as jn, mergeProps as Gt, renderList as dt, onMounted as pt, nextTick as Ut, TransitionGroup as Zp, isRef as ai, normalizeProps as zt, guardReactiveProps as jt, vShow as Ir, Comment as Bb, useSlots as Xp, createSlots as Jp, cloneVNode as Lb, onUnmounted as An, reactive as od, withKeys as Vl, vModelText as sc, createStaticVNode as em, getCurrentInstance as zb, vModelSelect as jb } from "vue";
 import Fb from "axios";
-import { uniqueId as tm, get as li, isArray as tn, cloneDeep as Kt, isObject as ba, isString as ws, throttle as ad, debounce as nr, truncate as $b, trim as nm, padStart as Tl, isNumber as yo, merge as Wl, range as Qr, set as bu, isEqual as rm, isPlainObject as Hb, reject as qb, round as Lf, capitalize as Ub } from "lodash";
+import { uniqueId as tm, get as li, isArray as tn, cloneDeep as Qt, isObject as ba, isString as ws, throttle as ad, debounce as nr, truncate as $b, trim as nm, padStart as Tl, isNumber as yo, merge as Wl, range as Qr, set as bu, isEqual as rm, isPlainObject as Hb, reject as qb, round as Lf, capitalize as Ub } from "lodash";
 import zf from "qs";
 import { defineStore as xs } from "pinia";
 import { unrefElement as so, useEventListener as jf, tryOnScopeDispose as Vb, useInfiniteScroll as Wb, useResizeObserver as Ao, useMutationObserver as im, useScroll as om, useElementSize as ld, useWindowSize as Gb, useElementBounding as Yb } from "@vueuse/core";
@@ -5404,7 +5404,7 @@ const bc = /* @__PURE__ */ new WeakMap(), _w = (n) => {
           onClick: A
         }, Me(n.prefix), 3)) : ke("", !0)
       ], 2),
-      T(c) ? jn((B(), K("input", Zt({
+      T(c) ? jn((B(), K("input", Gt({
         key: 0,
         ref_key: "input",
         ref: i
@@ -5418,7 +5418,7 @@ const bc = /* @__PURE__ */ new WeakMap(), _w = (n) => {
         onKeydown: w
       }), null, 16, Aw)), [
         [T(kw), void 0, T(c)]
-      ]) : (B(), K("input", Zt({
+      ]) : (B(), K("input", Gt({
         key: 1,
         ref_key: "input",
         ref: i
@@ -5853,13 +5853,13 @@ const Jw = ["value", "name", "disabled", "required"], ex = ["value"], Su = "", _
   emits: ["update:model-value"],
   setup(n, { emit: t }) {
     const e = n, { size: r } = Vi(L(() => e.size)), i = L(() => {
-      const y = Kt(e.modelValue ?? {});
+      const y = Qt(e.modelValue ?? {});
       return y.address_1 = y.address_1 ?? "", y.address_2 = y.address_2 ?? "", y.city = y.city ?? "", y.postal_code = y.postal_code ?? "", y.country = y.country ?? "", y.region = y.region ?? "", y;
     }), o = L(() => e.restrictCountry ? i.value.country ? i.value.country : nx : i.value.country ?? null), a = L(() => e.countries && tn(e.countries) && e.countries.length ? e.countries : $t.countries), l = L(() => e.regions && tn(e.regions) && e.regions.length ? e.regions : $t.regions), s = L(() => l.value.filter(
       (y) => y.country_id == i.value.country
     )), d = L(() => e.prefix ? e.prefix + "." : "");
     function c(y, b) {
-      const u = Kt(i.value);
+      const u = Qt(i.value);
       u[y] = b, t("update:model-value", u);
     }
     const h = oe(null), f = L(
@@ -5898,7 +5898,7 @@ const Jw = ["value", "name", "disabled", "required"], ex = ["value"], Su = "", _
         return;
       const y = p.getPlace();
       let b = "", u = "", w = "";
-      const x = Kt(e.modelValue ?? {});
+      const x = Qt(e.modelValue ?? {});
       if (y.address_components) {
         for (const _ of y.address_components)
           switch (_.types[0]) {
@@ -7711,10 +7711,10 @@ const qx = {
         Pe(x.$slots, "option", zt(jt(k)))
       ]),
       footer: ge((k) => [
-        Pe(x.$slots, "footer", Zt(k, { keywords: T(l) }))
+        Pe(x.$slots, "footer", Gt(k, { keywords: T(l) }))
       ]),
       empty: ge((k) => [
-        Pe(x.$slots, "empty", Zt(k, { firstSearch: T(a) }), () => [
+        Pe(x.$slots, "empty", Gt(k, { firstSearch: T(a) }), () => [
           T(a) ? (B(), K("div", qx, Me(T(ze)("sui.nothing_found")), 1)) : ke("", !0)
         ])
       ]),
@@ -9262,7 +9262,7 @@ const DE = {
       var p;
       if (e.multiple) {
         let g = [];
-        tn(l.value) && (g = Kt(l.value)), g.find((v) => v.value == f.value) ? g = g.filter((v) => v.value != f.value) : g.push(f), i(g.map((v) => v.option));
+        tn(l.value) && (g = Qt(l.value)), g.find((v) => v.value == f.value) ? g = g.filter((v) => v.value != f.value) : g.push(f), i(g.map((v) => v.option));
       } else {
         if (!r.value && !tn(l.value) && f.value == ((p = l.value) == null ? void 0 : p.value)) {
           i(null);
@@ -12367,7 +12367,7 @@ class ro {
     return this.internalEventSource.meta.format;
   }
 }
-class Gt {
+class Yt {
   // instance will be null if expressing a recurring event that has no current instances,
   // OR if trying to validate an incoming external event that has no dates assigned
   constructor(t, e, r) {
@@ -12473,7 +12473,7 @@ class Gt {
           classNames: []
         }
       }, t, i);
-      let s = new Gt(i, r, e);
+      let s = new Yt(i, r, e);
       this._def = a.defs[r.defId], this._instance = a.instances[e.instanceId], i.dispatch({
         type: "MERGE_EVENTS",
         eventStore: a
@@ -12604,7 +12604,7 @@ function Pi(n, t, e) {
   let { defs: r, instances: i } = n, o = [], a = e ? e.instanceId : "";
   for (let l in i) {
     let s = i[l], d = r[s.defId];
-    s.instanceId !== a && o.push(new Gt(t, d, s));
+    s.instanceId !== a && o.push(new Yt(t, d, s));
   }
   return o;
 }
@@ -12732,7 +12732,7 @@ function Xd(n, t) {
   return l == null && (l = e.interactive, l == null && (l = !!o.hasHandlers("eventClick"))), l ? Ig((s) => {
     o.trigger("eventClick", {
       el: s.target,
-      event: new Gt(t, e, r),
+      event: new Yt(t, e, r),
       jsEvent: s,
       view: t.viewApi
     });
@@ -13077,7 +13077,7 @@ class kk {
   // Public Events API
   // -----------------------------------------------------------------------------------------------------------------
   addEvent(t, e) {
-    if (t instanceof Gt) {
+    if (t instanceof Yt) {
       let a = t._def, l = t._instance;
       return this.getCurrentData().eventStore.defs[a.defId] || (this.dispatch({
         type: "ADD_EVENTS",
@@ -13098,7 +13098,7 @@ class kk {
     }
     let o = Vg(t, i, r, !1);
     if (o) {
-      let a = new Gt(r, o.def, o.def.recurringDef ? null : o.instance);
+      let a = new Yt(r, o.def, o.def.recurringDef ? null : o.instance);
       return this.dispatch({
         type: "ADD_EVENTS",
         eventStore: Oc(o)
@@ -13127,11 +13127,11 @@ class kk {
       let a = r[o];
       if (a.publicId === t) {
         if (a.recurringDef)
-          return new Gt(e, a, null);
+          return new Yt(e, a, null);
         for (let l in i) {
           let s = i[l];
           if (s.defId === a.defId)
-            return new Gt(e, a, s);
+            return new Yt(e, a, s);
         }
       }
     }
@@ -14033,16 +14033,16 @@ function Jk(n, t, e, r) {
     for (let _ in f) {
       let k = f[_];
       if (qd(v, k.range) && (p[k.defId].overlap === !1 && o.isEvent || y.overlap === !1 || w && !w(
-        new Gt(t, h[k.defId], k),
+        new Yt(t, h[k.defId], k),
         // still event
-        new Gt(t, b, m)
+        new Yt(t, b, m)
       )))
         return !1;
     }
     let x = i.eventStore;
     for (let _ of y.allows) {
       let k = Object.assign(Object.assign({}, e), { range: m.range, allDay: b.allDay }), E = x.defs[b.defId], D = x.instances[g], A;
-      if (E ? A = new Gt(t, E, D) : A = new Gt(t, b), !_(Kd(k, t), A))
+      if (E ? A = new Yt(t, E, D) : A = new Yt(t, b), !_(Kd(k, t), A))
         return !1;
     }
   }
@@ -14055,7 +14055,7 @@ function eA(n, t, e, r) {
   let { selectOverlap: c } = t.options, h = typeof c == "function" ? c : null;
   for (let f in a) {
     let p = a[f];
-    if (qd(s, p.range) && (d.overlap === !1 || h && !h(new Gt(t, o[p.defId], p), null)))
+    if (qd(s, p.range) && (d.overlap === !1 || h && !h(new Yt(t, o[p.defId], p), null)))
       return !1;
   }
   for (let f of d.allows) {
@@ -14348,7 +14348,7 @@ class js extends Tt {
   }
   render() {
     const { props: t, context: e } = this, { options: r } = e, { seg: i } = t, { eventRange: o } = i, { ui: a } = o, l = {
-      event: new Gt(e, o.def, o.instance),
+      event: new Yt(e, o.def, o.instance),
       view: e.viewApi,
       timeText: t.timeText,
       textColor: a.textColor,
@@ -14573,7 +14573,7 @@ class _v extends Tt {
       function a(l) {
         let { def: s, instance: d, range: c } = l.eventRange;
         return {
-          event: new Gt(r, s, d),
+          event: new Yt(r, s, d),
           start: r.dateEnv.toDate(c.start),
           end: r.dateEnv.toDate(c.end),
           isStart: l.isStart,
@@ -15808,7 +15808,7 @@ class NC extends Do {
         let l = kn(e.target, ".fc-event-forced-url"), s = l ? l.querySelector("a[href]").href : "";
         o.emitter.trigger("eventClick", {
           el: r,
-          event: new Gt(i.context, a.eventRange.def, a.eventRange.instance),
+          event: new Yt(i.context, a.eventRange.def, a.eventRange.instance),
           jsEvent: e,
           view: o.viewApi
         }), s && !e.defaultPrevented && (window.location.href = s);
@@ -15845,7 +15845,7 @@ class PC extends Do {
     let { component: i } = this, { context: o } = i, a = Eo(r);
     (!e || i.isValidSegDownEl(e.target)) && o.emitter.trigger(t, {
       el: r,
-      event: new Gt(o, a.eventRange.def, a.eventRange.instance),
+      event: new Yt(o, a.eventRange.def, a.eventRange.instance),
       jsEvent: e,
       view: o.viewApi
     });
@@ -17464,7 +17464,7 @@ class ja extends Do {
       let l = this.component.context, s = this.eventRange, d = s.instance.instanceId;
       a.isTouch ? d !== this.component.props.eventSelection && l.dispatch({ type: "SELECT_EVENT", eventInstanceId: d }) : l.dispatch({ type: "UNSELECT_EVENT" }), this.isDragging && (l.calendarApi.unselect(a), l.emitter.trigger("eventDragStart", {
         el: this.subjectEl,
-        event: new Gt(l, s.def, s.instance),
+        event: new Yt(l, s.def, s.instance),
         jsEvent: a.origEvent,
         view: l.viewApi
       }));
@@ -17487,7 +17487,7 @@ class ja extends Do {
       this.isDragging || this.cleanup();
     }, this.handleDragEnd = (a) => {
       if (this.isDragging) {
-        let l = this.component.context, s = l.viewApi, { receivingContext: d, validMutation: c } = this, h = this.eventRange.def, f = this.eventRange.instance, p = new Gt(l, h, f), g = this.relevantEvents, m = this.mutatedRelevantEvents, { finalHit: v } = this.hitDragging;
+        let l = this.component.context, s = l.viewApi, { receivingContext: d, validMutation: c } = this, h = this.eventRange.def, f = this.eventRange.instance, p = new Yt(l, h, f), g = this.relevantEvents, m = this.mutatedRelevantEvents, { finalHit: v } = this.hitDragging;
         if (this.clearDrag(), l.emitter.trigger("eventDragStop", {
           el: this.subjectEl,
           event: p,
@@ -17495,7 +17495,7 @@ class ja extends Do {
           view: s
         }), c) {
           if (d === l) {
-            let y = new Gt(l, m.defs[h.defId], f ? m.instances[f.instanceId] : null);
+            let y = new Yt(l, m.defs[h.defId], f ? m.instances[f.instanceId] : null);
             l.dispatch({
               type: "MERGE_EVENTS",
               eventStore: m
@@ -17530,7 +17530,7 @@ class ja extends Do {
               type: "REMOVE_EVENTS",
               eventStore: g
             }), l.emitter.trigger("eventRemove", y);
-            let b = m.defs[h.defId], u = m.instances[f.instanceId], w = new Gt(d, b, u);
+            let b = m.defs[h.defId], u = m.instances[f.instanceId], w = new Yt(d, b, u);
             d.dispatch({
               type: "MERGE_EVENTS",
               eventStore: m
@@ -17612,7 +17612,7 @@ class OT extends Do {
       let s = this.querySegEl(o);
       this.draggingSegEl = s, this.draggingSeg = Eo(s), a.calendarApi.unselect(), a.emitter.trigger("eventResizeStart", {
         el: s,
-        event: new Gt(a, l.def, l.instance),
+        event: new Yt(a, l.def, l.instance),
         jsEvent: o.origEvent,
         view: a.viewApi
       });
@@ -17627,14 +17627,14 @@ class OT extends Do {
         state: m
       }) : s.dispatch({ type: "UNSET_EVENT_RESIZE" }), g ? Pd() : Bd(), a || (f && $s(c, o) && (f = null), this.validMutation = f, this.mutatedRelevantEvents = p);
     }, this.handleDragEnd = (o) => {
-      let { context: a } = this.component, l = this.eventRange.def, s = this.eventRange.instance, d = new Gt(a, l, s), c = this.relevantEvents, h = this.mutatedRelevantEvents;
+      let { context: a } = this.component, l = this.eventRange.def, s = this.eventRange.instance, d = new Yt(a, l, s), c = this.relevantEvents, h = this.mutatedRelevantEvents;
       if (a.emitter.trigger("eventResizeStop", {
         el: this.draggingSegEl,
         event: d,
         jsEvent: o.origEvent,
         view: a.viewApi
       }), this.validMutation) {
-        let f = new Gt(a, h.defs[l.defId], s ? h.instances[s.instanceId] : null);
+        let f = new Yt(a, h.defs[l.defId], s ? h.instances[s.instanceId] : null);
         a.dispatch({
           type: "MERGE_EVENTS",
           eventStore: h
@@ -20337,7 +20337,7 @@ const oD = {
       }, 400);
     });
     const m = L(() => {
-      let S = Kt(e.config ?? {});
+      let S = Qt(e.config ?? {});
       if (e.preset) {
         const C = oD[e.preset] ?? null;
         C && (S = new C(S, e.presetOptions).handle());
@@ -20453,7 +20453,7 @@ const oD = {
           width: ((P = (R = T(m)) == null ? void 0 : R.boundary) == null ? void 0 : P.width) + "px"
         })
       }, [
-        Pe(S.$slots, "header", Zt({
+        Pe(S.$slots, "header", Gt({
           saving: c.value,
           initializing: d.value
         }, A)),
@@ -20524,7 +20524,7 @@ const oD = {
             "model-value": d.value
           }, null, 8, ["model-value"])
         ], 512),
-        Pe(S.$slots, "footer", Zt({
+        Pe(S.$slots, "footer", Gt({
           saving: c.value,
           initializing: d.value
         }, A))
@@ -20764,7 +20764,7 @@ const fD = {
     }, {
       default: ge(() => [
         T(i) ? (B(), K("div", pD, [
-          T(h).source ? (B(), De(iy, Zt({
+          T(h).source ? (B(), De(iy, Gt({
             key: 0,
             ref_key: "baseCropperRef",
             ref: a,
@@ -21795,7 +21795,7 @@ function qe(n) {
   return n == null || n.value == null ? null : (t = n.value.$el) != null ? t : n.value;
 }
 let dy = Symbol("Context");
-var Qt = ((n) => (n[n.Open = 1] = "Open", n[n.Closed = 2] = "Closed", n[n.Closing = 4] = "Closing", n[n.Opening = 8] = "Opening", n))(Qt || {});
+var Zt = ((n) => (n[n.Open = 1] = "Open", n[n.Closed = 2] = "Closed", n[n.Closing = 4] = "Closing", n[n.Opening = 8] = "Opening", n))(Zt || {});
 function kD() {
   return Mo() !== null;
 }
@@ -22515,7 +22515,7 @@ let vl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oO = Se({ name: "Dialog", inher
   pt(() => {
     a.value = !0;
   });
-  let l = oe(0), s = Mo(), d = L(() => n.open === vl && s !== null ? (s.value & Qt.Open) === Qt.Open : n.open), c = oe(null), h = L(() => ir(c));
+  let l = oe(0), s = Mo(), d = L(() => n.open === vl && s !== null ? (s.value & Zt.Open) === Zt.Open : n.open), c = oe(null), h = L(() => ir(c));
   if (i({ el: c, $el: c }), !(n.open !== vl || s !== null))
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof d.value != "boolean")
@@ -22523,7 +22523,7 @@ let vl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oO = Se({ name: "Dialog", inher
   let f = L(() => a.value && d.value ? 0 : 1), p = L(() => f.value === 0), g = L(() => l.value > 1), m = wt(Vc, null) !== null, [v, y] = wy(), { resolveContainers: b, mainTreeNodeRef: u, MainTreeNode: w } = ky({ portals: v, defaultContainers: [L(() => {
     var Z;
     return (Z = R.panelRef.value) != null ? Z : c.value;
-  })] }), x = L(() => g.value ? "parent" : "leaf"), _ = L(() => s !== null ? (s.value & Qt.Closing) === Qt.Closing : !1), k = L(() => m || _.value ? !1 : p.value), E = L(() => {
+  })] }), x = L(() => g.value ? "parent" : "leaf"), _ = L(() => s !== null ? (s.value & Zt.Closing) === Zt.Closing : !1), k = L(() => m || _.value ? !1 : p.value), E = L(() => {
     var Z, pe, ne;
     return (ne = Array.from((pe = (Z = h.value) == null ? void 0 : Z.querySelectorAll("body > *")) != null ? pe : []).find((z) => z.id === "headlessui-portal-root" ? !1 : z.contains(qe(u)) && z instanceof HTMLElement)) != null ? ne : null;
   });
@@ -22700,7 +22700,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   return gf([i, o], (f, p) => {
     var g;
     h.closeMenu(), Us(p, qs.Loose) || (f.preventDefault(), (g = qe(i)) == null || g.focus());
-  }, L(() => r.value === 0)), gt(Ay, h), pf(L(() => bn(r.value, { 0: Qt.Open, 1: Qt.Closed }))), () => {
+  }, L(() => r.value === 0)), gt(Ay, h), pf(L(() => bn(r.value, { 0: Zt.Open, 1: Zt.Closed }))), () => {
     let f = { open: r.value === 0, close: h.closeMenu };
     return Vt({ ourProps: {}, theirProps: n, slot: f, slots: t, attrs: e, name: "Menu" });
   };
@@ -22798,7 +22798,7 @@ let fO = Se({ name: "Menu", props: { as: { type: [Object, String], default: "tem
         break;
     }
   }
-  let s = Mo(), d = L(() => s !== null ? (s.value & Qt.Open) === Qt.Open : i.menuState.value === 0);
+  let s = Mo(), d = L(() => s !== null ? (s.value & Zt.Open) === Zt.Open : i.menuState.value === 0);
   return () => {
     var c, h;
     let f = { open: i.menuState.value === 0 }, { id: p, ...g } = n, m = { "aria-activedescendant": i.activeItemIndex.value === null || (c = i.items.value[i.activeItemIndex.value]) == null ? void 0 : c.id, "aria-labelledby": (h = qe(i.buttonRef)) == null ? void 0 : h.id, id: p, onKeydown: a, onKeyup: l, role: "menu", tabIndex: 0, ref: i.itemsRef };
@@ -22881,7 +22881,7 @@ let Ry = Se({ name: "Popover", inheritAttrs: !1, props: { as: { type: [Object, S
     let _ = (() => x ? x instanceof HTMLElement ? x : x.value instanceof HTMLElement ? qe(x) : qe(p.button) : qe(p.button))();
     _ == null || _.focus();
   } };
-  gt(Cy, p), pf(L(() => bn(a.value, { 0: Qt.Open, 1: Qt.Closed })));
+  gt(Cy, p), pf(L(() => bn(a.value, { 0: Zt.Open, 1: Zt.Closed })));
   let g = { buttonId: p.buttonId, panelId: p.panelId, close() {
     p.closePopover();
   } }, m = Dy(), v = m == null ? void 0 : m.registerPopover, [y, b] = wy(), u = ky({ mainTreeNodeRef: m == null ? void 0 : m.mainTreeNodeRef, portals: y, defaultContainers: [l, c] });
@@ -22963,7 +22963,7 @@ let Ry = Se({ name: "Popover", inheritAttrs: !1, props: { as: { type: [Object, S
   };
 } });
 Se({ name: "PopoverOverlay", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 } }, setup(n, { attrs: t, slots: e }) {
-  let r = Ws("PopoverOverlay"), i = `headlessui-popover-overlay-${hn()}`, o = Mo(), a = L(() => o !== null ? (o.value & Qt.Open) === Qt.Open : r.popoverState.value === 0);
+  let r = Ws("PopoverOverlay"), i = `headlessui-popover-overlay-${hn()}`, o = Mo(), a = L(() => o !== null ? (o.value & Zt.Open) === Zt.Open : r.popoverState.value === 0);
   function l() {
     r.closePopover();
   }
@@ -22985,7 +22985,7 @@ let yO = Se({ name: "PopoverPanel", props: { as: { type: [Object, String], defau
     let b = (v = a.value) == null ? void 0 : v.activeElement;
     (y = qe(o.panel)) != null && y.contains(b) || tr(qe(o.panel), dn.First);
   });
-  let d = Mo(), c = L(() => d !== null ? (d.value & Qt.Open) === Qt.Open : o.popoverState.value === 0);
+  let d = Mo(), c = L(() => d !== null ? (d.value & Zt.Open) === Zt.Open : o.popoverState.value === 0);
   function h(v) {
     var y, b;
     switch (v.key) {
@@ -23222,16 +23222,16 @@ function Py(n) {
 let By = kr.RenderStrategy, zl = Se({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(n, { emit: t, attrs: e, slots: r, expose: i }) {
   let o = oe(0);
   function a() {
-    o.value |= Qt.Opening, t("beforeEnter");
+    o.value |= Zt.Opening, t("beforeEnter");
   }
   function l() {
-    o.value &= ~Qt.Opening, t("afterEnter");
+    o.value &= ~Zt.Opening, t("afterEnter");
   }
   function s() {
-    o.value |= Qt.Closing, t("beforeLeave");
+    o.value |= Zt.Closing, t("beforeLeave");
   }
   function d() {
-    o.value &= ~Qt.Closing, t("afterLeave");
+    o.value &= ~Zt.Closing, t("afterLeave");
   }
   if (!CO() && kD())
     return () => xt(Ly, { ...n, onBeforeEnter: a, onAfterEnter: l, onBeforeLeave: s, onAfterLeave: d }, r);
@@ -23274,12 +23274,12 @@ let By = kr.RenderStrategy, zl = Se({ props: { as: { type: [Object, String], def
     ut([f], (R, P, $) => {
       C($), y.value = !1;
     }, { immediate: !0 });
-  }), gt(xf, w), pf(L(() => bn(v.value, { visible: Qt.Open, hidden: Qt.Closed }) | o.value)), () => {
+  }), gt(xf, w), pf(L(() => bn(v.value, { visible: Zt.Open, hidden: Zt.Closed }) | o.value)), () => {
     let { appear: R, show: P, enter: $, enterFrom: Y, enterTo: Z, entered: pe, leave: ne, leaveFrom: z, leaveTo: N, ...q } = n, F = { ref: c }, se = { ...q, ...p.value && f.value && Fa.isServer ? { class: de([e.class, q.class, ...x, ..._]) } : {} };
     return Vt({ theirProps: se, ourProps: F, slot: {}, slots: r, attrs: e, features: By, visible: v.value === "visible", name: "TransitionChild" });
   };
 } }), OO = zl, Ly = Se({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(n, { emit: t, attrs: e, slots: r }) {
-  let i = Mo(), o = L(() => n.show === null && i !== null ? (i.value & Qt.Open) === Qt.Open : n.show);
+  let i = Mo(), o = L(() => n.show === null && i !== null ? (i.value & Zt.Open) === Zt.Open : n.show);
   un(() => {
     if (![!0, !1].includes(o.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
@@ -24075,7 +24075,7 @@ const RO = { class: "grow" }, MO = {
     });
     const p = oe(!1), g = oe(!0), m = oe(!1), v = oe("");
     let y = "", b = "";
-    const u = oe(Kt(r.defaultQuery)), w = Xp(), x = L(() => r.layout === "compact" ? !0 : f.value < 1024), _ = L(() => w.filters !== void 0), k = oe(!1), E = oe(null);
+    const u = oe(Qt(r.defaultQuery)), w = Xp(), x = L(() => r.layout === "compact" ? !0 : f.value < 1024), _ = L(() => w.filters !== void 0), k = oe(!1), E = oe(null);
     function D() {
       var Te;
       k.value = (((Te = E == null ? void 0 : E.value) == null ? void 0 : Te.childElementCount) ?? 0) > 0;
@@ -24095,7 +24095,7 @@ const RO = { class: "grow" }, MO = {
       }
     );
     function S(Te, Ce) {
-      let I = Kt(u.value);
+      let I = Qt(u.value);
       I = bu(I, Te, Ce), I = bu(I, "page", 1), R(I);
     }
     function C(Te) {
@@ -24127,17 +24127,17 @@ const RO = { class: "grow" }, MO = {
     }
     const $ = L(() => r.url);
     function Y(Te) {
-      const Ce = Kt(u.value);
+      const Ce = Qt(u.value);
       Ce.page = Te, R(Ce), ye();
     }
     function Z(Te, Ce) {
       let I = Te;
       I && Ce == "desc" && (I = "-" + I);
-      const X = Kt(u.value);
+      const X = Qt(u.value);
       X.page = 1, X.sort = I, R(X);
     }
     const pe = nr((Te) => {
-      const Ce = Kt(u.value);
+      const Ce = Qt(u.value);
       Ce.page = 1, Ce.search = v.value, R(Ce);
     }, 350);
     ut(
@@ -24177,9 +24177,9 @@ const RO = { class: "grow" }, MO = {
       if (h)
         return;
       const I = $.value.split(/[?#]/), X = I[0], ee = I[1] ?? null, le = $t.parseQueryString(ee), U = Wl(
-        Kt(u.value),
-        Kt(r.urlQuery),
-        Kt(le)
+        Qt(u.value),
+        Qt(r.urlQuery),
+        Qt(le)
       ), ae = $t.formatQueryString(U), ve = X + "?" + ae;
       y == ve && !Te || (Ce && (g.value = !0), y = ve, i.get(ve).then((Ie) => {
         se.value = Ie.data, g.value = !1, m.value = !1, p.value = !0, e("fetch", se.value);
@@ -24208,7 +24208,7 @@ const RO = { class: "grow" }, MO = {
       G.value.current_page * G.value.per_page,
       G.value.total
     ));
-    let tt = Kt(u.value);
+    let tt = Qt(u.value);
     const Ee = ne();
     tt = Wl(tt, Ee), R(tt), pt(() => {
       Oe();
@@ -24782,7 +24782,7 @@ const $y = /* @__PURE__ */ pi(fR, [["render", gR]]), vR = { class: "flex flex-co
                           }, null, 8, ER)
                         ])
                       ], 4)) : ke("", !0),
-                      (B(!0), K(Je, null, dt(T(w), (Ce, I) => (B(), K("th", Zt({
+                      (B(!0), K(Je, null, dt(T(w), (Ce, I) => (B(), K("th", Gt({
                         key: Ce.newKey + ":" + I + "header"
                       }, Ce.thAttrs && Ce.thAttrs(Ce), {
                         style: [
@@ -24880,7 +24880,7 @@ const $y = /* @__PURE__ */ pi(fR, [["render", gR]]), vR = { class: "flex flex-co
                             }, null, 8, NR)
                           ])
                         ], 14, MR)) : ke("", !0),
-                        (B(!0), K(Je, null, dt(T(w), (X, ee) => (B(), De(T(dR), Zt({
+                        (B(!0), K(Je, null, dt(T(w), (X, ee) => (B(), De(T(dR), Gt({
                           key: X.newKey + I + ":" + ee
                         }, X.tdAttrs && X.tdAttrs(Ce, X), {
                           component: X,
@@ -25105,7 +25105,7 @@ const $y = /* @__PURE__ */ pi(fR, [["render", gR]]), vR = { class: "flex flex-co
     });
     function i(o, a) {
       const l = o.target.checked;
-      let s = Kt(e.visibleColumns);
+      let s = Qt(e.visibleColumns);
       l ? s.includes(a) || s.push(a) : s = s.filter((d) => d != a), t("update:visibleColumns", s);
     }
     return (o, a) => (B(), K("ul", null, [
@@ -25442,7 +25442,7 @@ const Uy = /* @__PURE__ */ pi(YR, [["render", XR]]), JR = ["disabled"], eM = /*
         icon: "heroicons:cog-6-tooth-solid",
         to: (N) => r.editUrl ? r.editUrl(N) : "",
         disabled: (N) => !g(N)
-      }), z.push(...Kt(r.rowActions) ?? []), r.deleteUrl && r.deleteButton && z.push({
+      }), z.push(...Qt(r.rowActions) ?? []), r.deleteUrl && r.deleteButton && z.push({
         label: ze("sui.delete"),
         icon: "heroicons:trash-20-solid",
         action: v,
@@ -29375,7 +29375,7 @@ const BM = /* @__PURE__ */ Co(PM), LM = { class: "text-xs text-slate-600" }, Yy
       if (r.disabled)
         return;
       R();
-      let se = Kt(w.value);
+      let se = Qt(w.value);
       se = se.filter((ie) => ie.value != F.value), S(se);
     }, pe = L(() => {
       const F = "relative z-[1] input-rounded border bg-white flex flex-wrap", se = o.value ? "border-red-600" : "border-slate-300", ie = {
@@ -29629,10 +29629,10 @@ const BM = /* @__PURE__ */ Co(PM), LM = { class: "text-xs text-slate-600" }, Yy
         Pe(u.$slots, "option", zt(jt(x)))
       ]),
       footer: ge((x) => [
-        Pe(u.$slots, "footer", Zt(x, { keywords: T(s) }))
+        Pe(u.$slots, "footer", Gt(x, { keywords: T(s) }))
       ]),
       empty: ge((x) => [
-        Pe(u.$slots, "empty", Zt(x, { firstSearch: T(l) }), () => [
+        Pe(u.$slots, "empty", Gt(x, { firstSearch: T(l) }), () => [
           T(l) ? (B(), K("div", HM, Me(T(ze)("sui.nothing_found")), 1)) : ke("", !0)
         ])
       ]),
@@ -29731,11 +29731,11 @@ const BM = /* @__PURE__ */ Co(PM), LM = { class: "text-xs text-slate-600" }, Yy
         placement: n.placement
       }, {
         button: ge((p) => [
-          Pe(c.$slots, "button", Zt(p, { newValue: T(o) }))
+          Pe(c.$slots, "button", Gt(p, { newValue: T(o) }))
         ]),
         dropdown: ge(({ close: p }) => [
           j("div", qM, [
-            (B(), De(hr(T(r)), Zt({
+            (B(), De(hr(T(r)), Gt({
               ref_key: "autocomplete",
               ref: i,
               "model-value": T(o),
@@ -29971,13 +29971,13 @@ const BM = /* @__PURE__ */ Co(PM), LM = { class: "text-xs text-slate-600" }, Yy
             label: d(p)
           }, {
             default: ge(() => [
-              n.component == "BaseInput" ? (B(), De(ur, Zt({
+              n.component == "BaseInput" ? (B(), De(ur, Gt({
                 key: 0,
                 "model-value": T(l)[g] + "",
                 class: "w-full bg-white"
               }, n.componentProps, {
                 "onUpdate:modelValue": (m) => s(m, g + "")
-              }), null, 16, ["model-value", "onUpdate:modelValue"])) : n.component == "BaseTextarea" ? (B(), De(Qc, Zt({
+              }), null, 16, ["model-value", "onUpdate:modelValue"])) : n.component == "BaseTextarea" ? (B(), De(Qc, Gt({
                 key: 1,
                 "model-value": T(l)[g] + "",
                 required: T(i),
@@ -30342,13 +30342,13 @@ const JM = ["disabled"], eI = ["accept", "multiple"], _f = /* @__PURE__ */ Se({
       });
     }
     return (c, h) => (B(), K("div", nI, [
-      (B(), De(hr(T(o)), Zt(T(a), { onSelect: s }), {
+      (B(), De(hr(T(o)), Gt(T(a), { onSelect: s }), {
         default: ge((f) => [
-          Pe(c.$slots, "default", Zt({
+          Pe(c.$slots, "default", Gt({
             uploading: T(l),
             loading: c.loading
           }, f)),
-          Pe(c.$slots, "loading", Zt({
+          Pe(c.$slots, "loading", Gt({
             uploading: T(l),
             loading: c.loading
           }, f), () => [
@@ -31243,7 +31243,7 @@ const hI = ["onClick"], pI = { class: "px-2 flex items-center" }, mI = { class:
       var d;
       r.value = ((d = e.value) == null ? void 0 : d.clientWidth) ?? 800;
     });
-    const i = L(() => t.layout === "compact" ? !0 : r.value < 500), o = L(() => i.value ? 1 : Math.max(1, t.maxActions)), a = L(() => t.actions ? Kt(t.actions).sort(l(!1)).slice(0, o.value).sort(l(!0)) : []);
+    const i = L(() => t.layout === "compact" ? !0 : r.value < 500), o = L(() => i.value ? 1 : Math.max(1, t.maxActions)), a = L(() => t.actions ? Qt(t.actions).sort(l(!1)).slice(0, o.value).sort(l(!0)) : []);
     function l(d = !1) {
       const c = ["secondary", "primary"];
       return (h, f) => d ? c.indexOf(h.color ?? "") - c.indexOf(f.color ?? "") : c.indexOf(f.color ?? "") - c.indexOf(h.color ?? "");
@@ -31265,16 +31265,15 @@ const hI = ["onClick"], pI = { class: "px-2 flex items-center" }, mI = { class:
           j("div", zI, [
             j("h1", jI, Me(d.title), 1),
             d.badge ? (B(), K("div", FI, [
-              xe(Rd, {
-                color: d.badge.color,
-                icon: d.badge.icon,
-                class: "relative xs:-bottom-[2px]"
-              }, {
-                default: ge(() => [
-                  zn(Me(d.badge.label), 1)
-                ]),
+              xe(Rd, Gt(d.badge, { class: "relative xs:-bottom-[2px]" }), {
+                default: ge(() => {
+                  var h;
+                  return [
+                    zn(Me((h = d.badge) == null ? void 0 : h.label), 1)
+                  ];
+                }),
                 _: 1
-              }, 8, ["color", "icon"])
+              }, 16)
             ])) : ke("", !0)
           ]),
           d.subtitle ? (B(), K("h2", {
@@ -32098,7 +32097,7 @@ var xN = ["evt"], Nn = function(t, e) {
     rootEl: Wt,
     nextEl: Ci,
     lastDownEl: $l,
-    cloneEl: Yt,
+    cloneEl: Kt,
     cloneHidden: Jr,
     dragStarted: ta,
     putSortable: vn,
@@ -32128,7 +32127,7 @@ var xN = ["evt"], Nn = function(t, e) {
 function On(n) {
   wN(Ar({
     putSortable: vn,
-    cloneEl: Yt,
+    cloneEl: Kt,
     targetEl: He,
     rootEl: Wt,
     oldIndex: ao,
@@ -32137,7 +32136,7 @@ function On(n) {
     newDraggableIndex: Xr
   }, n));
 }
-var He, Jt, bt, Wt, Ci, $l, Yt, Jr, ao, Un, ga, Xr, xl, vn, io = !1, ps = !1, ms = [], Si, sr, Xu, Ju, zp, jp, ta, no, va, ya = !1, El = !1, Hl, Sn, ec = [], Jc = !1, gs = [], Ys = typeof document < "u", Sl = Jy, Fp = Ua || Wr ? "cssFloat" : "float", EN = Ys && !eb && !Jy && "draggable" in document.createElement("div"), ab = function() {
+var He, Jt, bt, Wt, Ci, $l, Kt, Jr, ao, Un, ga, Xr, xl, vn, io = !1, ps = !1, ms = [], Si, sr, Xu, Ju, zp, jp, ta, no, va, ya = !1, El = !1, Hl, Sn, ec = [], Jc = !1, gs = [], Ys = typeof document < "u", Sl = Jy, Fp = Ua || Wr ? "cssFloat" : "float", EN = Ys && !eb && !Jy && "draggable" in document.createElement("div"), ab = function() {
   if (Ys) {
     if (Wr)
       return !1;
@@ -32447,8 +32446,8 @@ ht.prototype = /** @lends Sortable.prototype */
       this._onDrop();
       return;
     }
-    Nn("setupClone", this), ht.eventCanceled || (Yt = ob(He), Yt.removeAttribute("id"), Yt.draggable = !1, Yt.style["will-change"] = "", this._hideClone(), qn(Yt, this.options.chosenClass, !1), ht.clone = Yt), r.cloneId = ql(function() {
-      Nn("clone", r), !ht.eventCanceled && (r.options.removeCloneOnHide || Wt.insertBefore(Yt, He), r._hideClone(), On({
+    Nn("setupClone", this), ht.eventCanceled || (Kt = ob(He), Kt.removeAttribute("id"), Kt.draggable = !1, Kt.style["will-change"] = "", this._hideClone(), qn(Kt, this.options.chosenClass, !1), ht.clone = Kt), r.cloneId = ql(function() {
+      Nn("clone", r), !ht.eventCanceled && (r.options.removeCloneOnHide || Wt.insertBefore(Kt, He), r._hideClone(), On({
         sortable: r,
         name: "clone"
       }));
@@ -32559,7 +32558,7 @@ ht.prototype = /** @lends Sortable.prototype */
       this._nulling();
       return;
     }
-    io = !1, El = !1, ya = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ed(this.cloneId), ed(this._dragStartId), this.nativeDraggable && (Ct(document, "drop", this), Ct(e, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pa && ft(document.body, "user-select", ""), ft(He, "transform", ""), t && (ta && (t.cancelable && t.preventDefault(), !r.dropBubble && t.stopPropagation()), bt && bt.parentNode && bt.parentNode.removeChild(bt), (Wt === Jt || vn && vn.lastPutMode !== "clone") && Yt && Yt.parentNode && Yt.parentNode.removeChild(Yt), He && (this.nativeDraggable && Ct(He, "dragend", this), tc(He), He.style["will-change"] = "", ta && !io && qn(He, vn ? vn.options.ghostClass : this.options.ghostClass, !1), qn(He, this.options.chosenClass, !1), On({
+    io = !1, El = !1, ya = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ed(this.cloneId), ed(this._dragStartId), this.nativeDraggable && (Ct(document, "drop", this), Ct(e, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), pa && ft(document.body, "user-select", ""), ft(He, "transform", ""), t && (ta && (t.cancelable && t.preventDefault(), !r.dropBubble && t.stopPropagation()), bt && bt.parentNode && bt.parentNode.removeChild(bt), (Wt === Jt || vn && vn.lastPutMode !== "clone") && Kt && Kt.parentNode && Kt.parentNode.removeChild(Kt), He && (this.nativeDraggable && Ct(He, "dragend", this), tc(He), He.style["will-change"] = "", ta && !io && qn(He, vn ? vn.options.ghostClass : this.options.ghostClass, !1), qn(He, this.options.chosenClass, !1), On({
       sortable: this,
       name: "unchoose",
       toEl: Jt,
@@ -32606,7 +32605,7 @@ ht.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    Nn("nulling", this), Wt = He = Jt = bt = Ci = Yt = $l = Jr = Si = sr = ta = Un = Xr = ao = ga = no = va = vn = xl = ht.dragged = ht.ghost = ht.clone = ht.active = null, gs.forEach(function(t) {
+    Nn("nulling", this), Wt = He = Jt = bt = Ci = Kt = $l = Jr = Si = sr = ta = Un = Xr = ao = ga = no = va = vn = xl = ht.dragged = ht.ghost = ht.clone = ht.active = null, gs.forEach(function(t) {
       t.checked = !0;
     }), gs.length = Xu = Ju = 0;
   },
@@ -32690,7 +32689,7 @@ ht.prototype = /** @lends Sortable.prototype */
     if (!Jr) {
       if (Nn("hideClone", this), ht.eventCanceled)
         return;
-      ft(Yt, "display", "none"), this.options.removeCloneOnHide && Yt.parentNode && Yt.parentNode.removeChild(Yt), Jr = !0;
+      ft(Kt, "display", "none"), this.options.removeCloneOnHide && Kt.parentNode && Kt.parentNode.removeChild(Kt), Jr = !0;
     }
   },
   _showClone: function(t) {
@@ -32701,7 +32700,7 @@ ht.prototype = /** @lends Sortable.prototype */
     if (Jr) {
       if (Nn("showClone", this), ht.eventCanceled)
         return;
-      He.parentNode == Wt && !this.options.group.revertClone ? Wt.insertBefore(Yt, He) : Ci ? Wt.insertBefore(Yt, Ci) : Wt.appendChild(Yt), this.options.group.revertClone && this.animate(He, Yt), ft(Yt, "display", ""), Jr = !1;
+      He.parentNode == Wt && !this.options.group.revertClone ? Wt.insertBefore(Kt, He) : Ci ? Wt.insertBefore(Kt, Ci) : Wt.appendChild(Kt), this.options.group.revertClone && this.animate(He, Kt), ft(Kt, "display", ""), Jr = !1;
     }
   }
 };
@@ -32950,7 +32949,7 @@ const Rf = /* @__PURE__ */ Se({
         disabled: e.disabled,
         onEnd: (l) => {
           if (l.oldIndex !== void 0 && l.newIndex !== void 0) {
-            const s = Kt(e.modelValue), d = a(
+            const s = Qt(e.modelValue), d = a(
               s,
               l.oldIndex,
               l.newIndex
@@ -33035,7 +33034,7 @@ const Rf = /* @__PURE__ */ Se({
       }, 100));
     }
     function p() {
-      const g = h.value, m = Kt(e.media);
+      const g = h.value, m = Qt(e.media);
       m.name = (g == null ? void 0 : g.value) ?? "";
       const v = m.file_name.split(".").pop();
       m.file_name = m.name + "." + v, l.value = "show", t("update", m);
@@ -33150,7 +33149,7 @@ const Rf = /* @__PURE__ */ Se({
   setup(n, { emit: t }) {
     const e = n;
     function r(o, a) {
-      const l = Kt(e.modelValue);
+      const l = Qt(e.modelValue);
       l[o] = a, t("update:modelValue", l);
     }
     function i(o) {
@@ -33555,7 +33554,7 @@ const Rf = /* @__PURE__ */ Se({
       if (x.length == 0)
         return;
       f.value = !0;
-      let _ = Kt(s.value);
+      let _ = Qt(s.value);
       for (const k of x) {
         if (d.value && _.length >= d.value && d.value > 1) {
           i.push({
@@ -33583,7 +33582,7 @@ const Rf = /* @__PURE__ */ Se({
       });
     }
     function v(x, _ = 1) {
-      const k = Kt(s.value);
+      const k = Qt(s.value);
       k.splice(x, _), y(k);
     }
     function y(x) {
@@ -33616,7 +33615,7 @@ const Rf = /* @__PURE__ */ Se({
         onEnd: w
       }, {
         default: ge((k) => [
-          Pe(x.$slots, "default", Zt(k, {
+          Pe(x.$slots, "default", Gt(k, {
             maxSize: n.maxSize,
             max: T(d)
           }), () => [
@@ -33654,19 +33653,19 @@ const Rf = /* @__PURE__ */ Se({
           remove: m,
           "onUpdate:modelValue": y
         }, () => [
-          n.layout == "images" ? (B(), De(rP, Zt({ key: 0 }, n.listProps, {
+          n.layout == "images" ? (B(), De(rP, Gt({ key: 0 }, n.listProps, {
             "model-value": T(s),
             disabled: T(g),
             draggable: n.draggable,
             "onUpdate:modelValue": y,
             onRemove: _[0] || (_[0] = (k) => m(k))
-          }), null, 16, ["model-value", "disabled", "draggable"])) : n.layout == "list" ? (B(), De(ZN, Zt({ key: 1 }, n.listProps, {
+          }), null, 16, ["model-value", "disabled", "draggable"])) : n.layout == "list" ? (B(), De(ZN, Gt({ key: 1 }, n.listProps, {
             "model-value": T(s),
             disabled: T(g),
             draggable: n.draggable,
             "onUpdate:modelValue": y,
             onRemove: _[1] || (_[1] = (k) => m(k))
-          }), null, 16, ["model-value", "disabled", "draggable"])) : n.layout == "gallery" ? (B(), De(fP, Zt({ key: 2 }, n.listProps, {
+          }), null, 16, ["model-value", "disabled", "draggable"])) : n.layout == "gallery" ? (B(), De(fP, Gt({ key: 2 }, n.listProps, {
             "model-value": T(s),
             disabled: T(g),
             draggable: n.draggable,
@@ -44758,7 +44757,7 @@ const NB = /* @__PURE__ */ pi(CB, [["render", IB]]), PB = /* @__PURE__ */ j("spa
           ]),
           _: 2
         }, 1032, ["color", "to", "action", "closable", "onClose"]))), 128)),
-        xe(fb, Zt(o.navbar, {
+        xe(fb, Gt(o.navbar, {
           dark: o.dark,
           size: o.size
         }), {

package/dist/types/src/components/BaseHeader.vue.d.ts

@@ -1,4 +1,8 @@
 import { Breadcrumb, ActionItem } from '@/types';
+import BaseBadge from './BaseBadge.vue';
+type BaseBadgeProps = InstanceType<typeof BaseBadge>["$props"] & {
+    label: string;
+};
 declare const _default: import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string>;
@@ -28,11 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     badge: {
-        type: import("vue").PropType<{
-            icon: string;
-            label: string;
-            color: string;
-        }>;
+        type: import("vue").PropType<BaseBadgeProps>;
         default: undefined;
     };
     maxActions: {
@@ -68,11 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     badge: {
-        type: import("vue").PropType<{
-            icon: string;
-            label: string;
-            color: string;
-        }>;
+        type: import("vue").PropType<BaseBadgeProps>;
         default: undefined;
     };
     maxActions: {
@@ -88,11 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
     }[];
     subtitle: string;
-    badge: {
-        icon: string;
-        label: string;
-        color: string;
-    };
+    badge: BaseBadgeProps;
     maxActions: number;
 }, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.41",
+  "version": "0.6.42",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseHeader.vue

@@ -18,11 +18,10 @@
             class="order-1 mb-1 xs:order-2 xs:mb-0"
           >
             <BaseBadge
-              :color="badge.color"
-              :icon="badge.icon"
+              v-bind="badge"
               class="relative xs:-bottom-[2px]"
             >
-              {{ badge.label }}
+              {{ badge?.label }}
             </BaseBadge>
           </div>
         </div>
@@ -106,13 +105,17 @@ import BaseBadge from './BaseBadge.vue';
 import BaseMenu from './BaseMenu.vue';
 import { cloneDeep } from 'lodash';
 
+type BaseBadgeProps = InstanceType<typeof BaseBadge>["$props"] & {
+  label: string;
+};
+
 const props = withDefaults(
   defineProps<{
     title: string;
     subtitle?: string;
     attributes?: { icon: string; label: string }[];
     actions?: ActionItem[];
-    badge?: { icon: string; label: string; color: string };
+    badge?: BaseBadgeProps;
     layout?: 'default' | 'compact';
     breadcrumbs?: Breadcrumb[];
     maxActions?: number;