@flux-ui/components 3.0.0-next.11 → 3.0.0-next.13

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref as P, onMounted as Ee, onUnmounted as Re, computed as L, reactive as Pa, inject as Nt, unref as t, useId as Bt, watch as z, getCurrentInstance as Gt, Fragment as H, watchEffect as Ut, onScopeDispose as os, isRef as Ne, customRef as ls, defineComponent as y, createElementBlock as p, openBlock as c, normalizeStyle as Y, normalizeClass as d, renderList as q, toDisplayString as x, resolveComponent as rs, createBlock as b, mergeProps as ye, withCtx as k, renderSlot as w, createElementVNode as D, toRef as me, createCommentVNode as B, shallowRef as us, createSlots as ct, createVNode as v, useTemplateRef as te, provide as Wt, normalizeProps as ce, guardReactiveProps as de, withKeys as cs, withModifiers as en, resolveDynamicComponent as kn, useSlots as De, onBeforeUnmount as Va, Transition as Xe, h as Ye, cloneVNode as xa, mergeModels as ee, useModel as ae, nextTick as dn, Teleport as Oa, Comment as ds, isVNode as ms, createTextVNode as qn, withDirectives as An, vModelCheckbox as ps, onBeforeMount as fs, vModelText as Ra, TransitionGroup as za, onUpdated as hs } from "vue";
+import { ref as P, onMounted as Ee, onUnmounted as Re, computed as L, reactive as Pa, inject as Et, unref as t, useId as Bt, watch as z, getCurrentInstance as Ut, Fragment as H, watchEffect as Wt, onScopeDispose as ls, isRef as Ne, customRef as rs, defineComponent as y, createElementBlock as p, openBlock as c, normalizeStyle as Y, normalizeClass as d, renderList as q, toDisplayString as x, resolveComponent as us, createBlock as b, mergeProps as ye, withCtx as k, renderSlot as w, createElementVNode as D, toRef as me, createCommentVNode as B, shallowRef as cs, createSlots as ct, createVNode as v, useTemplateRef as te, provide as It, normalizeProps as ce, guardReactiveProps as de, withKeys as ds, withModifiers as en, resolveDynamicComponent as kn, useSlots as De, onBeforeUnmount as Va, Transition as Xe, h as Ye, cloneVNode as xa, mergeModels as ee, useModel as ae, nextTick as dn, Teleport as Oa, Comment as ms, isVNode as ps, createTextVNode as qn, withDirectives as An, vModelCheckbox as fs, onBeforeMount as hs, vModelText as Ra, TransitionGroup as za, onUpdated as gs } from "vue";
 import { DateTime as Fe } from "luxon";
 function Ha(n) {
   var e, a, i = "";
@@ -20,7 +20,7 @@ const Vn = {
   lg: 1024,
   xl: 1280
 };
-function BA() {
+function SA() {
   const n = P(null), e = Object.fromEntries(
     Object.keys(Vn).map((i) => [i, P(!1)])
   ), a = () => {
@@ -44,7 +44,7 @@ function BA() {
     ...e
   };
 }
-const Na = Symbol(), Ga = Symbol(), Ua = Symbol(), Wa = Symbol(), ja = Symbol(), _a = Symbol();
+const Na = Symbol(), Ga = Symbol(), Ua = Symbol(), Wa = Symbol(), ja = Symbol(), _a = Symbol(), qa = Symbol();
 function sa(n) {
   return "title" in n;
 }
@@ -109,14 +109,14 @@ const ba = {
   "flux.timezoneIndian": "Indian",
   "flux.timezonePacific": "Pacific"
 };
-let qa = {};
-function SA(n) {
-  qa = Object.keys(n).reduce((e, a) => {
+let Ka = {};
+function EA(n) {
+  Ka = Object.keys(n).reduce((e, a) => {
     const { icon: i, iconName: s } = n[a];
     return e[s] = i, Array.isArray(i[2]) && i[2].forEach((o) => e[o] = i), e;
   }, {});
 }
-const gs = 6e3, le = Pa({
+const bs = 6e3, le = Pa({
   dialogCount: 0,
   alerts: [],
   confirms: [],
@@ -124,22 +124,22 @@ const gs = 6e3, le = Pa({
   snackbars: [],
   tooltips: []
 });
-let Fn = 0, bs = 0;
-function Ka(n) {
+let Fn = 0, vs = 0;
+function Ya(n) {
   const e = ++Fn;
   return le.alerts.push({
     id: e,
     ...n
   }), e;
 }
-function Ya(n) {
+function Za(n) {
   const e = ++Fn;
   return le.confirms.push({
     id: e,
     ...n
   }), e;
 }
-function Za(n) {
+function Qa(n) {
   const e = ++Fn;
   return le.prompts.push({
     id: e,
@@ -154,16 +154,16 @@ function oa(n) {
   }), e;
 }
 function $n(n) {
-  const e = ++bs;
+  const e = ++vs;
   return le.tooltips.push({
     id: e,
     ...n
   }), e;
 }
-function Qa() {
+function Xa() {
   return ++le.dialogCount, () => --le.dialogCount;
 }
-function Xa(n) {
+function Ja(n) {
   const e = le.alerts.findIndex((a) => a.id === n);
   le.alerts.splice(e, 1);
 }
@@ -183,7 +183,7 @@ function Cn(n) {
   const e = le.tooltips.findIndex((a) => a.id === n);
   le.tooltips.splice(e, 1);
 }
-function Ja(n, e) {
+function ei(n, e) {
   const a = le.snackbars.findIndex((i) => i.id === n);
   Object.assign(le.snackbars[a], e);
 }
@@ -191,19 +191,19 @@ function la(n, e) {
   const a = le.tooltips.findIndex((i) => i.id === n);
   Object.assign(le.tooltips[a], e);
 }
-async function vs(n) {
+async function ys(n) {
   return new Promise((e) => {
-    const a = Ka({
+    const a = Ya({
       ...n,
       onClose() {
-        e(), Xa(a);
+        e(), Ja(a);
       }
     });
   });
 }
-async function ys(n) {
+async function ks(n) {
   return new Promise((e) => {
-    const a = Ya({
+    const a = Za({
       ...n,
       onCancel() {
         e(!1), Yn(a);
@@ -214,9 +214,9 @@ async function ys(n) {
     });
   });
 }
-async function ei(n) {
+async function ti(n) {
   return new Promise((e) => {
-    const a = Za({
+    const a = Qa({
       ...n,
       onCancel() {
         e(!1), Zn(a);
@@ -229,7 +229,7 @@ async function ei(n) {
 }
 async function va({ duration: n, ...e }) {
   const a = oa(e);
-  await new Promise((i) => setTimeout(() => requestAnimationFrame(i), n ?? gs)), bn(a);
+  await new Promise((i) => setTimeout(() => requestAnimationFrame(i), n ?? bs)), bn(a);
 }
 function wn() {
   const n = L(() => le.dialogCount > 0), e = L(() => le.tooltips[le.tooltips.length - 1] || null);
@@ -237,38 +237,38 @@ function wn() {
     ...le,
     inertMain: n,
     tooltip: e,
-    addAlert: Ka,
-    addConfirm: Ya,
-    addPrompt: Za,
+    addAlert: Ya,
+    addConfirm: Za,
+    addPrompt: Qa,
     addSnackbar: oa,
     addTooltip: $n,
-    registerDialog: Qa,
-    removeAlert: Xa,
+    registerDialog: Xa,
+    removeAlert: Ja,
     removeConfirm: Yn,
     removePrompt: Zn,
     removeSnackbar: bn,
     removeTooltip: Cn,
-    showAlert: vs,
-    showConfirm: ys,
-    showPrompt: ei,
+    showAlert: ys,
+    showConfirm: ks,
+    showPrompt: ti,
     showSnackbar: va,
-    updateSnackbar: Ja,
+    updateSnackbar: ei,
     updateTooltip: la,
-    showSnackbarSync: ks(va)
+    showSnackbarSync: As(va)
   };
 }
-function ks(n) {
+function As(n) {
   return (...e) => n(...e);
 }
-function zt(n) {
+function Nt(n) {
   return typeof n == "string" || n instanceof String;
 }
 function ya(n) {
   var e;
   return typeof n == "object" && n != null && (n == null || (e = n.constructor) == null ? void 0 : e.name) === "Object";
 }
-function ti(n, e) {
-  return Array.isArray(e) ? ti(n, (a, i) => e.includes(i)) : Object.entries(n).reduce((a, i) => {
+function ni(n, e) {
+  return Array.isArray(e) ? ni(n, (a, i) => e.includes(i)) : Object.entries(n).reduce((a, i) => {
     let [s, o] = i;
     return e(o, s) && (a[s] = o), a;
   }, {});
@@ -280,7 +280,7 @@ const W = {
   RIGHT: "RIGHT",
   FORCE_RIGHT: "FORCE_RIGHT"
 };
-function As(n) {
+function Fs(n) {
   switch (n) {
     case W.LEFT:
       return W.FORCE_LEFT;
@@ -315,7 +315,7 @@ function Qn(n, e) {
     return e.toString() === n.toString();
   return !1;
 }
-class Fs {
+class $s {
   /** Current input value */
   /** Current cursor position */
   /** Old input value */
@@ -365,9 +365,9 @@ class Fs {
 function J(n, e) {
   return new J.InputMask(n, e);
 }
-function ni(n) {
+function ai(n) {
   if (n == null) throw new Error("mask property should be defined");
-  return n instanceof RegExp ? J.MaskedRegExp : zt(n) ? J.MaskedPattern : n === Date ? J.MaskedDate : n === Number ? J.MaskedNumber : Array.isArray(n) || n === Array ? J.MaskedDynamic : J.Masked && n.prototype instanceof J.Masked ? n : J.Masked && n instanceof J.Masked ? n.constructor : n instanceof Function ? J.MaskedFunction : (console.warn("Mask not found for mask", n), J.Masked);
+  return n instanceof RegExp ? J.MaskedRegExp : Nt(n) ? J.MaskedPattern : n === Date ? J.MaskedDate : n === Number ? J.MaskedNumber : Array.isArray(n) || n === Array ? J.MaskedDynamic : J.Masked && n.prototype instanceof J.Masked ? n : J.Masked && n instanceof J.Masked ? n.constructor : n instanceof Function ? J.MaskedFunction : (console.warn("Mask not found for mask", n), J.Masked);
 }
 function Xn(n) {
   if (!n) throw new Error("Options in not defined");
@@ -384,7 +384,7 @@ function Xn(n) {
     if (e) {
       const i = e.mask;
       return {
-        ...ti(e, (s, o) => !o.startsWith("_")),
+        ...ni(e, (s, o) => !o.startsWith("_")),
         mask: e.constructor,
         _mask: i,
         ...a
@@ -399,7 +399,7 @@ function Xn(n) {
 }
 function Qt(n) {
   if (J.Masked && n instanceof J.Masked) return n;
-  const e = Xn(n), a = ni(e.mask);
+  const e = Xn(n), a = ai(e.mask);
   if (!a) throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
   return e.mask === a && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new a(e);
 }
@@ -443,7 +443,7 @@ class ra {
   /** */
 }
 J.MaskElement = ra;
-const ka = 90, $s = 89;
+const ka = 90, Cs = 89;
 class Bn extends ra {
   /** HTMLElement to use mask on */
   constructor(e) {
@@ -462,7 +462,7 @@ class Bn extends ra {
     this.input.addEventListener("keydown", this._onKeydown), this.input.addEventListener("input", this._onInput), this.input.addEventListener("beforeinput", this._onBeforeinput), this.input.addEventListener("compositionend", this._onCompositionEnd), this.input.addEventListener("drop", e.drop), this.input.addEventListener("click", e.click), this.input.addEventListener("focus", e.focus), this.input.addEventListener("blur", e.commit), this._handlers = e;
   }
   _onKeydown(e) {
-    if (this._handlers.redo && (e.keyCode === ka && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === $s && e.ctrlKey))
+    if (this._handlers.redo && (e.keyCode === ka && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === Cs && e.ctrlKey))
       return e.preventDefault(), this._handlers.redo(e);
     if (this._handlers.undo && e.keyCode === ka && (e.metaKey || e.ctrlKey))
       return e.preventDefault(), this._handlers.undo(e);
@@ -486,7 +486,7 @@ class Bn extends ra {
   }
 }
 J.HTMLMaskElement = Bn;
-class Cs extends Bn {
+class ws extends Bn {
   /** InputElement to use mask on */
   constructor(e) {
     super(e), this.input = e;
@@ -511,7 +511,7 @@ class Cs extends Bn {
   }
 }
 J.HTMLMaskElement = Bn;
-class ai extends Bn {
+class ii extends Bn {
   /** Returns HTMLElement selection start */
   get _unsafeSelectionStart() {
     const e = this.rootElement, a = e.getSelection && e.getSelection(), i = a && a.anchorOffset, s = a && a.focusOffset;
@@ -538,7 +538,7 @@ class ai extends Bn {
     this.input.textContent = e;
   }
 }
-J.HTMLContenteditableMaskElement = ai;
+J.HTMLContenteditableMaskElement = ii;
 class Sn {
   constructor() {
     this.states = [], this.currentIndex = 0;
@@ -566,13 +566,13 @@ class Sn {
   }
 }
 Sn.MAX_LENGTH = 100;
-class ws {
+class Bs {
   /**
     View element
   */
   /** Internal {@link Masked} model */
   constructor(e, a) {
-    this.el = e instanceof ra ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new ai(e) : new Cs(e), this.masked = Qt(a), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new Sn(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
+    this.el = e instanceof ra ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new ii(e) : new ws(e), this.masked = Qt(a), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new Sn(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(e) {
     var a;
@@ -584,7 +584,7 @@ class ws {
   }
   set mask(e) {
     if (this.maskEquals(e)) return;
-    if (!(e instanceof J.Masked) && this.masked.constructor === ni(e)) {
+    if (!(e instanceof J.Masked) && this.masked.constructor === ai(e)) {
       this.masked.updateOptions({
         mask: e
       });
@@ -731,7 +731,7 @@ class ws {
   /** Handles view input event */
   _onInput(e) {
     this._inputEvent = e, this._abortUpdateCursor();
-    const a = new Fs({
+    const a = new $s({
       // new state
       value: this.el.value,
       cursorPos: this.cursorPos,
@@ -775,7 +775,7 @@ class ws {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-J.InputMask = ws;
+J.InputMask = Bs;
 class ie {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -952,7 +952,7 @@ class Ze {
   }
   /** Appends tail */
   appendTail(e) {
-    return zt(e) && (e = new et(String(e))), e.appendTo(this);
+    return Nt(e) && (e = new et(String(e))), e.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(e, a) {
@@ -1005,8 +1005,8 @@ class Ze {
   }
   /** Appends symbols considering flags */
   append(e, a, i) {
-    if (!zt(e)) throw new Error("value should be string");
-    const s = zt(i) ? new et(String(i)) : i;
+    if (!Nt(e)) throw new Error("value should be string");
+    const s = Nt(i) ? new et(String(i)) : i;
     a != null && a.tail && (a._beforeTailState = this.state);
     let o;
     [e, o] = this.doPrepare(e, a);
@@ -1058,7 +1058,7 @@ class Ze {
     });
     const l = e + a, r = this.extractTail(l), u = this.eager === !0 || this.eager === "remove";
     let m;
-    u && (s = As(s), m = this.extractInput(0, l, {
+    u && (s = Fs(s), m = this.extractInput(0, l, {
       raw: !0
     }));
     let f = e;
@@ -1102,7 +1102,7 @@ class At {
   }
   extend(e) {
     if (!String(e)) return;
-    e = zt(e) ? new et(String(e)) : e;
+    e = Nt(e) ? new et(String(e)) : e;
     const a = this.chunks[this.chunks.length - 1], i = a && // if stops are same or tail has no stop
     (a.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
     e.from === a.from + a.toString().length;
@@ -1188,7 +1188,7 @@ class At {
     return "";
   }
 }
-class Bs {
+class Ss {
   constructor(e, a) {
     this.masked = e, this._log = [];
     const {
@@ -1284,7 +1284,7 @@ class Bs {
     });
   }
 }
-class ii {
+class si {
   /** */
   /** */
   /** */
@@ -1359,7 +1359,7 @@ class ii {
     return new et("");
   }
   appendTail(e) {
-    return zt(e) && (e = new et(String(e))), e.appendTo(this);
+    return Nt(e) && (e = new et(String(e))), e.appendTo(this);
   }
   append(e, a, i) {
     const s = this._appendChar(e[0], a);
@@ -1507,7 +1507,7 @@ vn.DEFAULT_DEFINITIONS = {
   // http://stackoverflow.com/a/22075070
   "*": /./
 };
-class Ss extends Ze {
+class Es extends Ze {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -1521,7 +1521,7 @@ class Ss extends Ze {
     a && (e.validate = (i) => i.search(a) >= 0), super._update(e);
   }
 }
-J.MaskedRegExp = Ss;
+J.MaskedRegExp = Es;
 class Qe extends Ze {
   /** */
   /** */
@@ -1604,7 +1604,7 @@ class Qe extends Ze {
         displayChar: this.displayChar,
         ...Xn(e[l]),
         parent: this
-      }) : new ii({
+      }) : new si({
         char: l,
         eager: this.eager,
         isUnmasking: i
@@ -1784,7 +1784,7 @@ class Qe extends Ze {
   }
   nearestInputPos(e, a) {
     if (a === void 0 && (a = W.NONE), !this._blocks.length) return 0;
-    const i = new Bs(this, e);
+    const i = new Ss(this, e);
     if (a === W.NONE)
       return i.pushRightBeforeInput() || (i.popState(), i.pushLeftBeforeInput()) ? i.pos : this.displayValue.length;
     if (a === W.LEFT || a === W.FORCE_LEFT) {
@@ -1829,9 +1829,9 @@ Qe.DEFAULTS = {
 Qe.STOP_CHAR = "`";
 Qe.ESCAPE_CHAR = "\\";
 Qe.InputDefinition = vn;
-Qe.FixedDefinition = ii;
+Qe.FixedDefinition = si;
 J.MaskedPattern = Qe;
-function Es(n) {
+function Is(n) {
   return J(n, {
     definitions: {
       "#": /[A-Z0-9]/
@@ -1840,7 +1840,7 @@ function Es(n) {
     prepareChar: (e) => e.toUpperCase()
   });
 }
-function Is(n) {
+function Ts(n) {
   return J(n, {
     definitions: {
       "#": /[A-Z0-9]/
@@ -1849,7 +1849,7 @@ function Is(n) {
     prepareChar: (e) => e.toUpperCase()
   });
 }
-function Ts(n) {
+function Ls(n) {
   return J(n, {
     definitions: {
       "#": /[A-Z0-9]/
@@ -1858,21 +1858,21 @@ function Ts(n) {
     prepareChar: (e) => e.toUpperCase()
   });
 }
-const Ls = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  bic: Es,
-  iban: Is,
-  vat: Ts
+  bic: Is,
+  iban: Ts,
+  vat: Ls
 }, Symbol.toStringTag, { value: "Module" }));
-function Ds() {
-  return Nt(Na, P(!1));
+function Ms() {
+  return Et(Na, P(!1));
 }
 function be(n) {
-  const e = Ds();
+  const e = Ms();
   return L(() => t(n) || t(e));
 }
-function Ms() {
-  return Nt(Ga, {
+function Ps() {
+  return Et(Ga, {
     closeAll: () => {
     },
     register: () => {
@@ -1881,8 +1881,8 @@ function Ms() {
     }
   });
 }
-function Et() {
-  return Nt(Wa, {
+function Tt() {
+  return Et(Wa, {
     // note(Bas): The default value is never used, but required by
     //  Vue, so that explains the empty getter and function below.
     state: P({
@@ -1903,26 +1903,32 @@ function Et() {
     }
   });
 }
-function EA() {
-  return Nt(Ua, {
+function IA() {
+  return Et(Ua, {
     isClosing: P(!1),
     isOpen: P(!1),
     isOpening: P(!1)
   });
 }
 function jt() {
-  return Nt(ja, {
+  return Et(ja, {
     id: Bt()
   });
 }
-function si() {
-  return Nt(_a, {
+function oi() {
+  return Et(_a, {
     isBordered: !1,
     isHoverable: !1,
     isSeparated: !1,
     isStriped: !1
   });
 }
+function TA() {
+  return Et(qa, {
+    calculate: () => {
+    }
+  });
+}
 function lt(n, e) {
   return Math.round(n / e) * e;
 }
@@ -1935,7 +1941,7 @@ function Jn(n) {
 function Xt(n, e = 0) {
   return new Intl.NumberFormat(navigator.language, { maximumFractionDigits: e, minimumFractionDigits: e }).format(n);
 }
-function Ps(n) {
+function Vs(n) {
   return new Intl.NumberFormat(navigator.language, { maximumFractionDigits: 1, minimumFractionDigits: 0, style: "percent" }).format(n);
 }
 function Aa(n, e, a = 5, i) {
@@ -1952,14 +1958,14 @@ function Aa(n, e, a = 5, i) {
   for (let g = 0; g < l; g += m) f.push(g + n);
   return f;
 }
-function oi(n) {
+function li(n) {
   let e = parseInt(n.startsWith("#") ? n.substring(1) : n, 16);
   return [e >> 16 & 255, e >> 8 & 255, e & 255];
 }
 function xn(n, e, a) {
   return a < 0 && (a += 1), a > 1 && (a -= 1), a < 0.16666666666666666 ? n + (e - n) * 6 * a : a < 0.5 ? e : a < 0.6666666666666666 ? n + (e - n) * (0.6666666666666666 - a) * 6 : n;
 }
-function li(n, e, a) {
+function ri(n, e, a) {
   let i, s, o;
   if (n /= 360, e /= 100, a /= 100, e === 0) i = s = o = a;
   else {
@@ -1974,7 +1980,7 @@ function vt(n, e, a) {
   return s === i ? l = 0 : (s === n ? l = (e - a) / o + (e < a ? 6 : 0) : s === e ? l = (a - n) / o + 2 : l = (n - e) / o + 4, l /= 6), [l, r, u];
 }
 function On(n, e, a) {
-  return vt(...li(n, e, a));
+  return vt(...ri(n, e, a));
 }
 function Je(n, e, a) {
   let i = 0, s = 0, o = 0, l = Math.floor(n * 6), r = n * 6 - l, u = a * (1 - e), m = a * (1 - r * e), f = a * (1 - (1 - r) * e);
@@ -2000,18 +2006,18 @@ function Je(n, e, a) {
   }
   return i = Math.round(i * 255), s = Math.round(s * 255), o = Math.round(o * 255), [i, s, o];
 }
-function ri(n, e, a) {
+function ui(n, e, a) {
   n /= 255, e /= 255, a /= 255;
   let i = Math.min(n, e, a), s = Math.max(n, e, a), o = s - i, l, r, u;
   return o === 0 ? l = 0 : s === n ? l = (e - a) / o % 6 : s === e ? l = (a - n) / o + 2 : l = (n - e) / o + 4, l = Math.round(l * 60), l < 0 && (l += 360), u = (s + i) / 2, r = o === 0 ? 0 : o / (1 - Math.abs(2 * u - 1)), r = +(r * 100).toFixed(1), u = +(u * 100).toFixed(1), [l, r, u];
 }
 function Rn(n, e, a) {
-  return ri(...Je(n, e, a));
+  return ui(...Je(n, e, a));
 }
 function Ue(n) {
   return globalThis.document ? n instanceof HTMLElement : !1;
 }
-function ui(n) {
+function ci(n) {
   let e = new Uint32Array(1);
   e[0] = n;
   function a() {
@@ -2022,107 +2028,107 @@ function ui(n) {
     return a() * (l - o) + o;
   }
   function s() {
-    return ui(a() * 4294967296);
+    return ci(a() * 4294967296);
   }
   return { fork: s, next: a, nextBetween: i };
 }
-var ci = ui;
-function Vs(n, e, a) {
+var di = ci;
+function xs(n, e, a) {
   let i = n.toString(16).padStart(2, "0"), s = e.toString(16).padStart(2, "0"), o = a.toString(16).padStart(2, "0");
   return `#${i}${s}${o}`;
 }
-var xs = typeof global == "object" && global && global.Object === Object && global, Os = typeof self == "object" && self && self.Object === Object && self, Rs = xs || Os || Function("return this")(), Ht = Rs.Symbol, di = Object.prototype, zs = di.hasOwnProperty, Hs = di.toString, Kt = Ht ? Ht.toStringTag : void 0;
-function Ns(n) {
-  var e = zs.call(n, Kt), a = n[Kt];
+var Os = typeof global == "object" && global && global.Object === Object && global, Rs = typeof self == "object" && self && self.Object === Object && self, zs = Os || Rs || Function("return this")(), Gt = zs.Symbol, mi = Object.prototype, Hs = mi.hasOwnProperty, Ns = mi.toString, Kt = Gt ? Gt.toStringTag : void 0;
+function Gs(n) {
+  var e = Hs.call(n, Kt), a = n[Kt];
   try {
     n[Kt] = void 0;
     var i = !0;
   } catch {
   }
-  var s = Hs.call(n);
+  var s = Ns.call(n);
   return i && (e ? n[Kt] = a : delete n[Kt]), s;
 }
-var Gs = Object.prototype, Us = Gs.toString;
-function Ws(n) {
-  return Us.call(n);
-}
-var js = "[object Null]", _s = "[object Undefined]", Fa = Ht ? Ht.toStringTag : void 0;
-function qs(n) {
-  return n == null ? n === void 0 ? _s : js : Fa && Fa in Object(n) ? Ns(n) : Ws(n);
+var Us = Object.prototype, Ws = Us.toString;
+function js(n) {
+  return Ws.call(n);
 }
+var _s = "[object Null]", qs = "[object Undefined]", Fa = Gt ? Gt.toStringTag : void 0;
 function Ks(n) {
+  return n == null ? n === void 0 ? qs : _s : Fa && Fa in Object(n) ? Gs(n) : js(n);
+}
+function Ys(n) {
   return n != null && typeof n == "object";
 }
-var Ys = "[object Symbol]";
-function Zs(n) {
-  return typeof n == "symbol" || Ks(n) && qs(n) == Ys;
+var Zs = "[object Symbol]";
+function Qs(n) {
+  return typeof n == "symbol" || Ys(n) && Ks(n) == Zs;
 }
-function Qs(n, e) {
+function Xs(n, e) {
   for (var a = -1, i = n == null ? 0 : n.length, s = Array(i); ++a < i; )
     s[a] = e(n[a], a, n);
   return s;
 }
-var Xs = Array.isArray, $a = Ht ? Ht.prototype : void 0, Ca = $a ? $a.toString : void 0;
-function mi(n) {
+var Js = Array.isArray, $a = Gt ? Gt.prototype : void 0, Ca = $a ? $a.toString : void 0;
+function pi(n) {
   if (typeof n == "string")
     return n;
-  if (Xs(n))
-    return Qs(n, mi) + "";
-  if (Zs(n))
+  if (Js(n))
+    return Xs(n, pi) + "";
+  if (Qs(n))
     return Ca ? Ca.call(n) : "";
   var e = n + "";
   return e == "0" && 1 / n == -1 / 0 ? "-0" : e;
 }
 function En(n) {
-  return n == null ? "" : mi(n);
+  return n == null ? "" : pi(n);
 }
-function Js(n, e, a) {
+function eo(n, e, a) {
   var i = -1, s = n.length;
   e < 0 && (e = -e > s ? 0 : s + e), a = a > s ? s : a, a < 0 && (a += s), s = e > a ? 0 : a - e >>> 0, e >>>= 0;
   for (var o = Array(s); ++i < s; )
     o[i] = n[i + e];
   return o;
 }
-function eo(n, e, a) {
+function to(n, e, a) {
   var i = n.length;
-  return a = a === void 0 ? i : a, !e && a >= i ? n : Js(n, e, a);
+  return a = a === void 0 ? i : a, !e && a >= i ? n : eo(n, e, a);
 }
-var to = "\\ud800-\\udfff", no = "\\u0300-\\u036f", ao = "\\ufe20-\\ufe2f", io = "\\u20d0-\\u20ff", so = no + ao + io, oo = "\\ufe0e\\ufe0f", lo = "\\u200d", ro = RegExp("[" + lo + to + so + oo + "]");
-function pi(n) {
-  return ro.test(n);
+var no = "\\ud800-\\udfff", ao = "\\u0300-\\u036f", io = "\\ufe20-\\ufe2f", so = "\\u20d0-\\u20ff", oo = ao + io + so, lo = "\\ufe0e\\ufe0f", ro = "\\u200d", uo = RegExp("[" + ro + no + oo + lo + "]");
+function fi(n) {
+  return uo.test(n);
 }
-function uo(n) {
+function co(n) {
   return n.split("");
 }
-var fi = "\\ud800-\\udfff", co = "\\u0300-\\u036f", mo = "\\ufe20-\\ufe2f", po = "\\u20d0-\\u20ff", fo = co + mo + po, ho = "\\ufe0e\\ufe0f", go = "[" + fi + "]", ea = "[" + fo + "]", ta = "\\ud83c[\\udffb-\\udfff]", bo = "(?:" + ea + "|" + ta + ")", hi = "[^" + fi + "]", gi = "(?:\\ud83c[\\udde6-\\uddff]){2}", bi = "[\\ud800-\\udbff][\\udc00-\\udfff]", vo = "\\u200d", vi = bo + "?", yi = "[" + ho + "]?", yo = "(?:" + vo + "(?:" + [hi, gi, bi].join("|") + ")" + yi + vi + ")*", ko = yi + vi + yo, Ao = "(?:" + [hi + ea + "?", ea, gi, bi, go].join("|") + ")", Fo = RegExp(ta + "(?=" + ta + ")|" + Ao + ko, "g");
-function $o(n) {
-  return n.match(Fo) || [];
-}
+var hi = "\\ud800-\\udfff", mo = "\\u0300-\\u036f", po = "\\ufe20-\\ufe2f", fo = "\\u20d0-\\u20ff", ho = mo + po + fo, go = "\\ufe0e\\ufe0f", bo = "[" + hi + "]", ea = "[" + ho + "]", ta = "\\ud83c[\\udffb-\\udfff]", vo = "(?:" + ea + "|" + ta + ")", gi = "[^" + hi + "]", bi = "(?:\\ud83c[\\udde6-\\uddff]){2}", vi = "[\\ud800-\\udbff][\\udc00-\\udfff]", yo = "\\u200d", yi = vo + "?", ki = "[" + go + "]?", ko = "(?:" + yo + "(?:" + [gi, bi, vi].join("|") + ")" + ki + yi + ")*", Ao = ki + yi + ko, Fo = "(?:" + [gi + ea + "?", ea, bi, vi, bo].join("|") + ")", $o = RegExp(ta + "(?=" + ta + ")|" + Fo + Ao, "g");
 function Co(n) {
-  return pi(n) ? $o(n) : uo(n);
+  return n.match($o) || [];
 }
 function wo(n) {
+  return fi(n) ? Co(n) : co(n);
+}
+function Bo(n) {
   return function(e) {
     e = En(e);
-    var a = pi(e) ? Co(e) : void 0, i = a ? a[0] : e.charAt(0), s = a ? eo(a, 1).join("") : e.slice(1);
+    var a = fi(e) ? wo(e) : void 0, i = a ? a[0] : e.charAt(0), s = a ? to(a, 1).join("") : e.slice(1);
     return i[n]() + s;
   };
 }
-var ki = wo("toUpperCase");
-function Bo(n) {
-  return ki(En(n).toLowerCase());
+var Ai = Bo("toUpperCase");
+function So(n) {
+  return Ai(En(n).toLowerCase());
 }
-function So(n, e, a, i) {
+function Eo(n, e, a, i) {
   for (var s = -1, o = n == null ? 0 : n.length; ++s < o; )
     a = e(a, n[s], s, n);
   return a;
 }
-function Eo(n) {
+function Io(n) {
   return function(e) {
     return n?.[e];
   };
 }
-var Io = {
+var To = {
   // Latin-1 Supplement block.
   À: "A",
   Á: "A",
@@ -2315,44 +2321,44 @@ var Io = {
   œ: "oe",
   ʼn: "'n",
   ſ: "s"
-}, To = Eo(Io), Lo = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Do = "\\u0300-\\u036f", Mo = "\\ufe20-\\ufe2f", Po = "\\u20d0-\\u20ff", Vo = Do + Mo + Po, xo = "[" + Vo + "]", Oo = RegExp(xo, "g");
-function Ro(n) {
-  return n = En(n), n && n.replace(Lo, To).replace(Oo, "");
-}
-var zo = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-function Ho(n) {
-  return n.match(zo) || [];
-}
-var No = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-function Go(n) {
-  return No.test(n);
-}
-var Ai = "\\ud800-\\udfff", Uo = "\\u0300-\\u036f", Wo = "\\ufe20-\\ufe2f", jo = "\\u20d0-\\u20ff", _o = Uo + Wo + jo, Fi = "\\u2700-\\u27bf", $i = "a-z\\xdf-\\xf6\\xf8-\\xff", qo = "\\xac\\xb1\\xd7\\xf7", Ko = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Yo = "\\u2000-\\u206f", Zo = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", Ci = "A-Z\\xc0-\\xd6\\xd8-\\xde", Qo = "\\ufe0e\\ufe0f", wi = qo + Ko + Yo + Zo, Bi = "['’]", wa = "[" + wi + "]", Xo = "[" + _o + "]", Si = "\\d+", Jo = "[" + Fi + "]", Ei = "[" + $i + "]", Ii = "[^" + Ai + wi + Si + Fi + $i + Ci + "]", el = "\\ud83c[\\udffb-\\udfff]", tl = "(?:" + Xo + "|" + el + ")", nl = "[^" + Ai + "]", Ti = "(?:\\ud83c[\\udde6-\\uddff]){2}", Li = "[\\ud800-\\udbff][\\udc00-\\udfff]", xt = "[" + Ci + "]", al = "\\u200d", Ba = "(?:" + Ei + "|" + Ii + ")", il = "(?:" + xt + "|" + Ii + ")", Sa = "(?:" + Bi + "(?:d|ll|m|re|s|t|ve))?", Ea = "(?:" + Bi + "(?:D|LL|M|RE|S|T|VE))?", Di = tl + "?", Mi = "[" + Qo + "]?", sl = "(?:" + al + "(?:" + [nl, Ti, Li].join("|") + ")" + Mi + Di + ")*", ol = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", ll = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", rl = Mi + Di + sl, ul = "(?:" + [Jo, Ti, Li].join("|") + ")" + rl, cl = RegExp([
-  xt + "?" + Ei + "+" + Sa + "(?=" + [wa, xt, "$"].join("|") + ")",
-  il + "+" + Ea + "(?=" + [wa, xt + Ba, "$"].join("|") + ")",
-  xt + "?" + Ba + "+" + Sa,
-  xt + "+" + Ea,
+}, Lo = Io(To), Do = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Mo = "\\u0300-\\u036f", Po = "\\ufe20-\\ufe2f", Vo = "\\u20d0-\\u20ff", xo = Mo + Po + Vo, Oo = "[" + xo + "]", Ro = RegExp(Oo, "g");
+function zo(n) {
+  return n = En(n), n && n.replace(Do, Lo).replace(Ro, "");
+}
+var Ho = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+function No(n) {
+  return n.match(Ho) || [];
+}
+var Go = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+function Uo(n) {
+  return Go.test(n);
+}
+var Fi = "\\ud800-\\udfff", Wo = "\\u0300-\\u036f", jo = "\\ufe20-\\ufe2f", _o = "\\u20d0-\\u20ff", qo = Wo + jo + _o, $i = "\\u2700-\\u27bf", Ci = "a-z\\xdf-\\xf6\\xf8-\\xff", Ko = "\\xac\\xb1\\xd7\\xf7", Yo = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Zo = "\\u2000-\\u206f", Qo = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", wi = "A-Z\\xc0-\\xd6\\xd8-\\xde", Xo = "\\ufe0e\\ufe0f", Bi = Ko + Yo + Zo + Qo, Si = "['’]", wa = "[" + Bi + "]", Jo = "[" + qo + "]", Ei = "\\d+", el = "[" + $i + "]", Ii = "[" + Ci + "]", Ti = "[^" + Fi + Bi + Ei + $i + Ci + wi + "]", tl = "\\ud83c[\\udffb-\\udfff]", nl = "(?:" + Jo + "|" + tl + ")", al = "[^" + Fi + "]", Li = "(?:\\ud83c[\\udde6-\\uddff]){2}", Di = "[\\ud800-\\udbff][\\udc00-\\udfff]", Rt = "[" + wi + "]", il = "\\u200d", Ba = "(?:" + Ii + "|" + Ti + ")", sl = "(?:" + Rt + "|" + Ti + ")", Sa = "(?:" + Si + "(?:d|ll|m|re|s|t|ve))?", Ea = "(?:" + Si + "(?:D|LL|M|RE|S|T|VE))?", Mi = nl + "?", Pi = "[" + Xo + "]?", ol = "(?:" + il + "(?:" + [al, Li, Di].join("|") + ")" + Pi + Mi + ")*", ll = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", rl = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", ul = Pi + Mi + ol, cl = "(?:" + [el, Li, Di].join("|") + ")" + ul, dl = RegExp([
+  Rt + "?" + Ii + "+" + Sa + "(?=" + [wa, Rt, "$"].join("|") + ")",
+  sl + "+" + Ea + "(?=" + [wa, Rt + Ba, "$"].join("|") + ")",
+  Rt + "?" + Ba + "+" + Sa,
+  Rt + "+" + Ea,
+  rl,
   ll,
-  ol,
-  Si,
-  ul
+  Ei,
+  cl
 ].join("|"), "g");
-function dl(n) {
-  return n.match(cl) || [];
+function ml(n) {
+  return n.match(dl) || [];
 }
-function ml(n, e, a) {
-  return n = En(n), e = e, e === void 0 ? Go(n) ? dl(n) : Ho(n) : n.match(e) || [];
+function pl(n, e, a) {
+  return n = En(n), e = e, e === void 0 ? Uo(n) ? ml(n) : No(n) : n.match(e) || [];
 }
-var pl = "['’]", fl = RegExp(pl, "g");
-function hl(n) {
+var fl = "['’]", hl = RegExp(fl, "g");
+function gl(n) {
   return function(e) {
-    return So(ml(Ro(e).replace(fl, "")), n, "");
+    return Eo(pl(zo(e).replace(hl, "")), n, "");
   };
 }
-var Pi = hl(function(n, e, a) {
-  return e = e.toLowerCase(), n + (a ? Bo(e) : e);
+var Vi = gl(function(n, e, a) {
+  return e = e.toLowerCase(), n + (a ? So(e) : e);
 });
-function Vi(n, e) {
+function xi(n, e) {
   let a = P(!1), i = P(n), s = L(() => {
     let h = [], $ = t(i).month, E = t(i).startOf("month");
     do
@@ -2378,14 +2384,14 @@ function Vi(n, e) {
   }
   return { isTransitioningToPast: a, viewDate: i, viewDateNext: l, viewDatePrevious: r, viewMonth: u, viewYear: m, dates: s, days: o, setViewDate: f, nextMonth: g, previousMonth: F };
 }
-function xi(n, e) {
+function Oi(n, e) {
   return { months: L(() => {
     let a = [], i = t(n), s = i.startOf("year");
     for (; s.month <= 12 && s.year === i.year; ) a.push({ date: s, label: s.toLocaleString({ month: e }) }), s = s.plus({ months: 1 });
     return a;
   }) };
 }
-function Oi(n, e = 10) {
+function Ri(n, e = 10) {
   let a = P(0), i = L(() => {
     let l = t(n).year, r = [], u = l - l % e + t(a) * e;
     for (let m = 0; m < e; ++m) r.push(u + m);
@@ -2410,19 +2416,19 @@ function dt(n) {
   }
   return e;
 }
-var gl = ["a:not([disabled])", "button:not([disabled])", "input[type=checkbox]:not([disabled])", "input[type=radio]:not([disabled])", "input[type=text]:not([disabled])", '[tabindex]:not([disabled]):not([tabindex="-1"])'].join(",");
+var bl = ["a:not([disabled])", "button:not([disabled])", "input[type=checkbox]:not([disabled])", "input[type=radio]:not([disabled])", "input[type=text]:not([disabled])", '[tabindex]:not([disabled]):not([tabindex="-1"])'].join(",");
 function wt(n) {
-  return Array.from(n.querySelectorAll(gl)).filter(Ue).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e === document.activeElement);
+  return Array.from(n.querySelectorAll(bl)).filter(Ue).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e === document.activeElement);
 }
-function bl(n, e, a) {
+function vl(n, e, a) {
   let i = wt(n), s = i.indexOf(e);
   if (s === -1) return null;
-  let o = kl(i);
-  vl(o, s, a);
-  let l = yl(s, a, o, i);
+  let o = Al(i);
+  yl(o, s, a);
+  let l = kl(s, a, o, i);
   return l || ((a === "up" || a === "left") && (l = i[s - 1]), (a === "down" || a === "right") && (l = i[s + 1])), l;
 }
-function vl(n, e, a) {
+function yl(n, e, a) {
   let i = n[e];
   n.forEach((s) => {
     let o = s.center;
@@ -2443,7 +2449,7 @@ function vl(n, e, a) {
     s.distance = Math.sqrt(Math.pow(i.center.x - o.x, 2) + Math.pow(i.center.y - o.y, 2));
   });
 }
-function yl(n, e, a, i) {
+function kl(n, e, a, i) {
   let s = a[n], o = [];
   switch (e) {
     case "up":
@@ -2462,7 +2468,7 @@ function yl(n, e, a, i) {
   let l = o.indexOf(Math.min(...o));
   return o[l] !== Number.MAX_SAFE_INTEGER ? i[l] : null;
 }
-function kl(n) {
+function Al(n) {
   return n.map((e) => e.getBoundingClientRect()).map((e) => ({ height: e.height, width: e.width, top: e.top, left: e.left, right: e.right, bottom: e.bottom, center: { x: e.left + e.width / 2, y: e.top + e.height / 2 }, distance: 0 }));
 }
 function ua(n) {
@@ -2470,13 +2476,13 @@ function ua(n) {
   return n.type && n.type.__name && (e = n.type.__name), e;
 }
 function Ft(n) {
-  return Object.fromEntries(Object.entries(n.props ?? {}).map(([e, a]) => [Pi(e), a]));
+  return Object.fromEntries(Object.entries(n.props ?? {}).map(([e, a]) => [Vi(e), a]));
 }
 function Ia(n, e) {
   if (!n.exposed || !(e in n.exposed)) throw new Error(`'${e}' was not exposed by the component.`);
   return n.exposed[e];
 }
-function Al(n, e, a = void 0) {
+function Fl(n, e, a = void 0) {
   let i = wt(n), s = a || document.activeElement;
   if (!s || !Ue(s)) return i[0] || void 0;
   let o = i.indexOf(s);
@@ -2486,17 +2492,17 @@ function re(n) {
   let e = t(n);
   return Ue(e) ? e : e?.$el;
 }
-function Fl(...n) {
+function $l(...n) {
   console.warn("[Flux]", ...n);
 }
 function zn(n, e, a = !1) {
-  let i = $l(n), s = e.compareDocumentPosition(n), o;
+  let i = Cl(n), s = e.compareDocumentPosition(n), o;
   s && Node.DOCUMENT_POSITION_PRECEDING || a ? o = i.firstChild() : o = i.lastChild(), (o !== null ? o : n).focus();
 }
-function $l(n) {
+function Cl(n) {
   return document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => e.tabIndex >= 0 && !e.disabled ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP });
 }
-class Cl {
+class wl {
   get active() {
     return this.current?.isEnabled ?? !1;
   }
@@ -2525,7 +2531,7 @@ class Cl {
     e.setEnabled(a), e.isEnabled = a;
   }
 }
-var Ta = new Cl(), wl = !globalThis.document;
+var Ta = new wl(), Bl = !globalThis.document;
 function La(n, e, a) {
   let i = P([]);
   Ee(() => {
@@ -2536,7 +2542,7 @@ function La(n, e, a) {
   function s(o) {
     t(e) && !t(i).some((l) => l.contains(o.target)) && a(o);
   }
-  Ut(() => {
+  Wt(() => {
     let o = [];
     (Array.isArray(n) ? n : [n]).forEach((l) => {
       let r = re(l);
@@ -2544,30 +2550,30 @@ function La(n, e, a) {
     }), i.value = o;
   });
 }
-function Ri() {
-  let n = Gt();
+function zi() {
+  let n = Ut();
   return L(() => n?.uid ?? (n?.proxy)._uid ?? 0);
 }
 function ca(n, e, a = !1) {
-  let i = P(Ne(n) ? n.value : n), s = ls((o, l) => ({ get() {
+  let i = P(Ne(n) ? n.value : n), s = rs((o, l) => ({ get() {
     return o(), i.value;
-  }, set: Bl((r) => {
+  }, set: Sl((r) => {
     i.value = r, l();
   }, e, a) }));
   return Ne(n) && z(n, (o) => s.value = o), s;
 }
-function Bl(n, e, a = !1) {
+function Sl(n, e, a = !1) {
   let i;
   return (...s) => {
     a && !i && n(...s), clearTimeout(i), i = setTimeout(() => requestAnimationFrame(() => n(...s)), e);
   };
 }
-function Sl(n, e, a, i = { passive: !0 }) {
+function El(n, e, a, i = { passive: !0 }) {
   z(n, (s, o, l) => {
     s && (s.addEventListener(e, a, i), l(() => s.removeEventListener(e, a)));
   }, { immediate: !0 });
 }
-function El(n, e) {
+function Il(n, e) {
   let a = P();
   Ee(() => {
     s();
@@ -2581,7 +2587,7 @@ function El(n, e) {
     i(), e();
   }
 }
-function Il(n, e = {}) {
+function Tl(n, e = {}) {
   let a = P(e.initial ?? !1);
   return z(n, (i, s, o) => {
     let l = re(n);
@@ -2601,23 +2607,23 @@ function da(n, e, a) {
   function l() {
     o(), s();
   }
-  os(l);
+  ls(l);
 }
-var Tl = 0;
-function Ll(n = !1) {
-  let e = P(`focus-trap-${++Tl}`), a = P(!1);
+var Ll = 0;
+function Dl(n = !1) {
+  let e = P(`focus-trap-${++Ll}`), a = P(!1);
   return Ee(() => Ta.add(t(e), (i) => a.value = i, n)), Re(() => Ta.remove(t(e))), a;
 }
-function Dl(n) {
+function Ml(n) {
   let e = P(document.activeElement);
   Re(() => {
     t(n) || requestAnimationFrame(() => t(e)?.focus());
   });
 }
-function Ml(n, e = {}) {
-  if (wl) return;
-  let { disable: a = P(!1), disableReturn: i = P(!1), attachTo: s = null } = e, o = Ll(!a);
-  Dl(i), z(n, (l, r, u) => {
+function Pl(n, e = {}) {
+  if (Bl) return;
+  let { disable: a = P(!1), disableReturn: i = P(!1), attachTo: s = null } = e, o = Dl(!a);
+  Ml(i), z(n, (l, r, u) => {
     let m = re(n), f = s || document;
     o.value && m && document.activeElement && !m.contains(document.activeElement) && !m.querySelector("[autofocus]") && zn(m, document.activeElement, !0);
     function g(h) {
@@ -2645,7 +2651,7 @@ function Ml(n, e = {}) {
     r.includes(document.activeElement) || r[0]?.focus();
   }, { immediate: !0 });
 }
-function zi(n, { cycle: e = !0, direction: a = "bidirectional" } = {}) {
+function Hi(n, { cycle: e = !0, direction: a = "bidirectional" } = {}) {
   da(n, () => s(i(), !1));
   function i() {
     let l = re(n), r = wt(l), u = r.findIndex((f) => f.classList.contains("is-active")), m = r.findIndex((f) => !f.hasAttribute("aria-disabled"));
@@ -2660,11 +2666,11 @@ function zi(n, { cycle: e = !0, direction: a = "bidirectional" } = {}) {
     if (!["Enter", " "].includes(l.key))
       switch (a) {
         case "bidirectional":
-          Pl(l, r, u, s);
+          Vl(l, r, u, s);
           break;
         case "horizontal":
         case "vertical":
-          Vl(l, r, e, a, u, s);
+          xl(l, r, e, a, u, s);
           break;
       }
   }
@@ -2673,7 +2679,7 @@ function zi(n, { cycle: e = !0, direction: a = "bidirectional" } = {}) {
     m && (m.addEventListener("keydown", o), s(i(), !1), u(() => m.removeEventListener("keydown", o)));
   }, { immediate: !0 });
 }
-function Pl(n, e, a, i) {
+function Vl(n, e, a, i) {
   let s;
   switch (n.key) {
     case "ArrowUp":
@@ -2691,19 +2697,19 @@ function Pl(n, e, a, i) {
     default:
       return;
   }
-  let o = bl(e, document.activeElement, s);
+  let o = vl(e, document.activeElement, s);
   o && i(a.indexOf(o)), n.preventDefault();
 }
-function Vl(n, e, a, i, s, o) {
+function xl(n, e, a, i, s, o) {
   let l;
   if (n.key === (i === "horizontal" ? "ArrowLeft" : "ArrowUp")) l = -1;
   else if (n.key === (i === "horizontal" ? "ArrowRight" : "ArrowDown")) l = 1;
   else return;
-  let r = Al(e, l);
+  let r = Fl(e, l);
   r ? o(s.indexOf(r)) : a && o(l === 1 ? 0 : s.length - 1), n.preventDefault();
 }
-var xl = "#ef4444", Ol = "#dc2626", Rl = "#f97316", Hi = "#ea580c", zl = "#f59e0b", Hl = "#d97706", Nl = "#eab308", Gl = "#ca8a04", Ul = "#84cc16", Wl = "#65a30d", jl = "#22c55e", _l = "#16a34a", ql = "#10b981", Kl = "#059669", Yl = "#14b8a6", Zl = "#0d9488", Ql = "#06b6d4", Xl = "#0891b2", Jl = "#0ea5e9", er = "#0284c7", Ni = "#3b82f6", tr = "#2563eb", nr = "#6366f1", ar = "#4f46e5", ir = "#8b5cf6", sr = "#7c3aed", or = "#a855f7", na = "#9333ea", lr = "#d946ef", rr = "#c026d3", ur = "#ec4899", Gi = "#db2777", cr = "#f43f5e", dr = "#e11d48";
-class mr {
+var Ol = "#ef4444", Rl = "#dc2626", zl = "#f97316", Ni = "#ea580c", Hl = "#f59e0b", Nl = "#d97706", Gl = "#eab308", Ul = "#ca8a04", Wl = "#84cc16", jl = "#65a30d", _l = "#22c55e", ql = "#16a34a", Kl = "#10b981", Yl = "#059669", Zl = "#14b8a6", Ql = "#0d9488", Xl = "#06b6d4", Jl = "#0891b2", er = "#0ea5e9", tr = "#0284c7", Gi = "#3b82f6", nr = "#2563eb", ar = "#6366f1", ir = "#4f46e5", sr = "#8b5cf6", or = "#7c3aed", lr = "#a855f7", na = "#9333ea", rr = "#d946ef", ur = "#c026d3", cr = "#ec4899", Ui = "#db2777", dr = "#f43f5e", mr = "#e11d48";
+class pr {
   #e;
   #t;
   constructor(e) {
@@ -2722,13 +2728,13 @@ class mr {
     this.#e.style.height = e, a !== e && (getComputedStyle(this.#e), requestAnimationFrame(() => requestAnimationFrame(() => this.#e.style.height = a)));
   }
 }
-var pr = { beforeUnmount(n) {
+var fr = { beforeUnmount(n) {
   Hn.get(n)?.unregister(), Hn.delete(n);
 }, mounted(n) {
-  let e = new mr(n);
+  let e = new pr(n);
   e.register(), Hn.set(n, e);
 } }, Hn = /* @__PURE__ */ new WeakMap();
-const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-pane", br = "base-pane-element", vr = "form", yr = "pane-header", mt = { basePane: fr, basePaneLoader: hr, basePaneStructure: gr, basePaneElement: br, form: vr, paneHeader: yr }, { basePane: it } = mt, kr = "icon", Ar = "font-awesome-icon icon", Fr = "material-symbol-icon icon", $r = `icon-boxed ${it}`, Cr = `icon-boxed-default icon-boxed ${it}`, wr = `icon-boxed-colored icon-boxed ${it}`, Br = `icon-boxed-gray icon-boxed-colored icon-boxed ${it}`, Sr = `icon-boxed-primary icon-boxed-colored icon-boxed ${it}`, Er = `icon-boxed-danger icon-boxed-colored icon-boxed ${it}`, Ir = `icon-boxed-info icon-boxed-colored icon-boxed ${it}`, Tr = `icon-boxed-success icon-boxed-colored icon-boxed ${it}`, Lr = `icon-boxed-warning icon-boxed-colored icon-boxed ${it}`, qe = { icon: kr, fontAwesomeIcon: Ar, materialSymbolIcon: Fr, iconBoxed: $r, iconBoxedDefault: Cr, iconBoxedColored: wr, iconBoxedGray: Br, iconBoxedPrimary: Sr, iconBoxedDanger: Er, iconBoxedInfo: Ir, iconBoxedSuccess: Tr, iconBoxedWarning: Lr }, Dr = ["viewBox"], Mr = ["d"], U = /* @__PURE__ */ y({
+const hr = "base-pane", gr = "base-pane-loader", br = "base-pane-structure base-pane", vr = "base-pane-element", yr = "form", kr = "pane-header", mt = { basePane: hr, basePaneLoader: gr, basePaneStructure: br, basePaneElement: vr, form: yr, paneHeader: kr }, { basePane: it } = mt, Ar = "icon", Fr = "font-awesome-icon icon", $r = "material-symbol-icon icon", Cr = `icon-boxed ${it}`, wr = `icon-boxed-default icon-boxed ${it}`, Br = `icon-boxed-colored icon-boxed ${it}`, Sr = `icon-boxed-gray icon-boxed-colored icon-boxed ${it}`, Er = `icon-boxed-primary icon-boxed-colored icon-boxed ${it}`, Ir = `icon-boxed-danger icon-boxed-colored icon-boxed ${it}`, Tr = `icon-boxed-info icon-boxed-colored icon-boxed ${it}`, Lr = `icon-boxed-success icon-boxed-colored icon-boxed ${it}`, Dr = `icon-boxed-warning icon-boxed-colored icon-boxed ${it}`, qe = { icon: Ar, fontAwesomeIcon: Fr, materialSymbolIcon: $r, iconBoxed: Cr, iconBoxedDefault: wr, iconBoxedColored: Br, iconBoxedGray: Sr, iconBoxedPrimary: Er, iconBoxedDanger: Ir, iconBoxedInfo: Tr, iconBoxedSuccess: Lr, iconBoxedWarning: Dr }, Mr = ["viewBox"], Pr = ["d"], U = /* @__PURE__ */ y({
   __name: "FluxIcon",
   props: {
     size: {},
@@ -2739,13 +2745,13 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
     const a = e, i = L(() => {
       if (!n.name)
         return null;
-      const o = qa[n.name];
+      const o = Ka[n.name];
       return o ? {
         width: o[0],
         height: o[1],
         paths: Array.isArray(o[4]) ? o[4] : [o[4]],
         scale: Math.max(1, o[0] / 512)
-      } : (Fl(`Unknown icon: ${n.name}`), null);
+      } : ($l(`Unknown icon: ${n.name}`), null);
     }), s = (o) => a("click", o);
     return (o, l) => i.value ? (c(), p("svg", {
       key: 0,
@@ -2763,8 +2769,8 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
       (c(!0), p(H, null, q(i.value.paths, (r) => (c(), p("path", {
         d: r,
         fill: "currentColor"
-      }, null, 8, Mr))), 256))
-    ], 14, Dr)) : o.name ? (c(), p("i", {
+      }, null, 8, Pr))), 256))
+    ], 14, Mr)) : o.name ? (c(), p("i", {
       key: 1,
       class: d(t(qe).materialSymbolIcon),
       style: Y({
@@ -2778,7 +2784,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
       class: d(t(qe).icon)
     }, null, 2));
   }
-}), Pr = ["href", "rel", "target"], _t = /* @__PURE__ */ y({
+}), Vr = ["href", "rel", "target"], _t = /* @__PURE__ */ y({
   __name: "FluxPressable",
   props: {
     componentType: {},
@@ -2794,7 +2800,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
       a("click", s), !s.defaultPrevented && o?.(s);
     }
     return (s, o) => {
-      const l = rs("router-link");
+      const l = us("router-link");
       return s.componentType === "route" ? (c(), b(l, ye({ key: 0 }, s.$attrs, {
         rel: s.rel,
         target: s.target,
@@ -2816,7 +2822,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
         onMouseleave: o[5] || (o[5] = (r) => s.$emit("mouseleave", r))
       }), [
         w(s.$slots, "default")
-      ], 16, Pr)) : s.componentType === "button" ? (c(), p("button", ye({ key: 2 }, s.$attrs, {
+      ], 16, Vr)) : s.componentType === "button" ? (c(), p("button", ye({ key: 2 }, s.$attrs, {
         onClick: o[6] || (o[6] = (r) => i(r)),
         onMouseenter: o[7] || (o[7] = (r) => s.$emit("mouseenter", r)),
         onMouseleave: o[8] || (o[8] = (r) => s.$emit("mouseleave", r))
@@ -2831,7 +2837,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
       ], 16));
     };
   }
-}), Vr = "spinner", xr = "spinner-track", Or = "spinner-effect", Rr = "spinner-value", mn = { spinner: Vr, spinnerTrack: xr, spinnerEffect: Or, spinnerValue: Rr }, Se = /* @__PURE__ */ y({
+}), xr = "spinner", Or = "spinner-track", Rr = "spinner-effect", zr = "spinner-value", mn = { spinner: xr, spinnerTrack: Or, spinnerEffect: Rr, spinnerValue: zr }, Se = /* @__PURE__ */ y({
   __name: "FluxSpinner",
   props: {
     size: {}
@@ -2876,7 +2882,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
       }, null, 2)
     ], 6));
   }
-}), zr = "button", Hr = "is-small", Nr = "is-medium", Gr = "is-large", Ur = "is-xl", Wr = "is-filled", jr = "button-icon", _r = "button-label", rt = { button: zr, isSmall: Hr, isMedium: Nr, isLarge: Gr, isXl: Ur, isFilled: Wr, buttonIcon: jr, buttonLabel: _r }, tn = ["default", "after", "before", "iconLeading", "iconTrailing", "label"], pt = /* @__PURE__ */ y({
+}), Hr = "button", Nr = "is-small", Gr = "is-medium", Ur = "is-large", Wr = "is-xl", jr = "is-filled", _r = "button-icon", qr = "button-label", rt = { button: Hr, isSmall: Nr, isMedium: Gr, isLarge: Ur, isXl: Wr, isFilled: jr, buttonIcon: _r, buttonLabel: qr }, tn = ["default", "after", "before", "iconLeading", "iconTrailing", "label"], pt = /* @__PURE__ */ y({
   __name: "FluxButton",
   props: {
     type: { default: "button" },
@@ -2968,7 +2974,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
       _: 3
     }, 8, ["component-type", "class", "type", "aria-disabled", "disabled", "tabindex", "href", "rel", "target", "to"]));
   }
-}), { button: qr, buttonIcon: Kr, buttonLabel: Yr } = rt, Zr = `action ${qr}`, Qr = "spinner", Xr = `action-icon ${Kr}`, Jr = "is-destructive", eu = `action-label ${Yr}`, tu = "action-bar", nu = "separator", au = "form-input", iu = "base-pane-structure", su = "pane-header", ou = "action-pane", lu = "action-pane-grid", ru = "action-pane-body", uu = "pane-body", tt = { action: Zr, spinner: Qr, actionIcon: Xr, isDestructive: Jr, actionLabel: eu, actionBar: tu, separator: nu, formInput: au, basePaneStructure: iu, paneHeader: su, actionPane: ou, actionPaneGrid: lu, actionPaneBody: ru, paneBody: uu }, cu = /* @__PURE__ */ y({
+}), { buttonIcon: Kr, buttonLabel: Yr, button: Zr } = rt, Qr = `action ${Zr}`, Xr = "spinner", Jr = `action-icon ${Kr}`, eu = "is-destructive", tu = `action-label ${Yr}`, nu = "action-bar", au = "separator", iu = "form-input", su = "base-pane-structure", ou = "pane-header", lu = "action-pane", ru = "action-pane-grid", uu = "action-pane-body", cu = "pane-body", tt = { action: Qr, spinner: Xr, actionIcon: Jr, isDestructive: eu, actionLabel: tu, actionBar: nu, separator: au, formInput: iu, basePaneStructure: su, paneHeader: ou, actionPane: lu, actionPaneGrid: ru, actionPaneBody: uu, paneBody: cu }, du = /* @__PURE__ */ y({
   __name: "FluxAction",
   props: {
     type: {},
@@ -2998,7 +3004,7 @@ const fr = "base-pane", hr = "base-pane-loader", gr = "base-pane-structure base-
     }), null, 16, ["css-class", "css-class-icon", "css-class-label", "class", "icon-leading"]));
   }
 });
-function Ui(n, e, a, i) {
+function Wi(n, e, a, i) {
   const s = L(() => {
     const r = t(n);
     return Array.isArray(r) ? r : [r];
@@ -3033,7 +3039,7 @@ function Ui(n, e, a, i) {
   };
 }
 function In() {
-  const n = us(0), e = L(() => t(n) > 0);
+  const n = cs(0), e = L(() => t(n) > 0);
   function a(i) {
     return async (...s) => (n.value++, await i(...s).finally(() => n.value--));
   }
@@ -3042,7 +3048,7 @@ function In() {
     loaded: a
   };
 }
-const du = (n, e) => {
+const mu = (n, e) => {
   if (!(n in ba))
     return n;
   let a = ba[n];
@@ -3050,13 +3056,13 @@ const du = (n, e) => {
     a = a.replaceAll(`{${i}}`, e[i].toString());
   return a;
 }, ve = () => {
-  const n = Gt()?.proxy;
-  return !n || !mu(n) ? du : n.$t;
+  const n = Ut()?.proxy;
+  return !n || !pu(n) ? mu : n.$t;
 };
-function mu(n) {
+function pu(n) {
   return !!n && "$t" in n;
 }
-const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button ${nn}`, fu = "spinner", hu = `primary-button-icon ${an}`, gu = `primary-button-label ${sn}`, bu = `secondary-button ${nn}`, vu = `secondary-button-icon ${an}`, yu = `secondary-button-label ${sn}`, ku = `destructive-button ${nn}`, Au = `destructive-button-icon ${an}`, Fu = `destructive-button-label ${sn}`, $u = `link-button ${nn}`, Cu = `link-button-icon ${an}`, wu = "icon", Bu = `link-button-label ${sn}`, Su = `publish-button primary-button ${nn}`, Eu = `publish-button-icon primary-button-icon ${an}`, Iu = `publish-button-label primary-button-label ${sn}`, Tu = "publish-button-animation", Lu = "is-done", Du = "publish-button-animation-arrow", Mu = "publish-arrow-out", Pu = "publish-button-animation-check", Vu = "publish-button-animation-circle", xu = "is-idle", Ou = "is-loading", Ru = "publish-arrow-in", zu = "publish-button-cloud", Hu = "publish", Nu = "button-group", Gu = "button", se = { primaryButton: pu, spinner: fu, primaryButtonIcon: hu, primaryButtonLabel: gu, secondaryButton: bu, secondaryButtonIcon: vu, secondaryButtonLabel: yu, destructiveButton: ku, destructiveButtonIcon: Au, destructiveButtonLabel: Fu, linkButton: $u, linkButtonIcon: Cu, icon: wu, linkButtonLabel: Bu, publishButton: Su, publishButtonIcon: Eu, publishButtonLabel: Iu, publishButtonAnimation: Tu, isDone: Lu, publishButtonAnimationArrow: Du, publishArrowOut: Mu, publishButtonAnimationCheck: Pu, publishButtonAnimationCircle: Vu, isIdle: xu, isLoading: Ou, publishArrowIn: Ru, publishButtonCloud: zu, publish: Hu, buttonGroup: Nu, button: Gu }, ma = /* @__PURE__ */ y({
+const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, fu = `primary-button ${nn}`, hu = "spinner", gu = `primary-button-icon ${an}`, bu = `primary-button-label ${sn}`, vu = `secondary-button ${nn}`, yu = `secondary-button-icon ${an}`, ku = `secondary-button-label ${sn}`, Au = `destructive-button ${nn}`, Fu = `destructive-button-icon ${an}`, $u = `destructive-button-label ${sn}`, Cu = `link-button ${nn}`, wu = `link-button-icon ${an}`, Bu = "icon", Su = `link-button-label ${sn}`, Eu = `publish-button primary-button ${nn}`, Iu = `publish-button-icon primary-button-icon ${an}`, Tu = `publish-button-label primary-button-label ${sn}`, Lu = "publish-button-animation", Du = "is-done", Mu = "publish-button-animation-arrow", Pu = "publish-arrow-out", Vu = "publish-button-animation-check", xu = "publish-button-animation-circle", Ou = "is-idle", Ru = "is-loading", zu = "publish-arrow-in", Hu = "publish-button-cloud", Nu = "publish", Gu = "button-group", Uu = "button", se = { primaryButton: fu, spinner: hu, primaryButtonIcon: gu, primaryButtonLabel: bu, secondaryButton: vu, secondaryButtonIcon: yu, secondaryButtonLabel: ku, destructiveButton: Au, destructiveButtonIcon: Fu, destructiveButtonLabel: $u, linkButton: Cu, linkButtonIcon: wu, icon: Bu, linkButtonLabel: Su, publishButton: Eu, publishButtonIcon: Iu, publishButtonLabel: Tu, publishButtonAnimation: Lu, isDone: Du, publishButtonAnimationArrow: Mu, publishArrowOut: Pu, publishButtonAnimationCheck: Vu, publishButtonAnimationCircle: xu, isIdle: Ou, isLoading: Ru, publishArrowIn: zu, publishButtonCloud: Hu, publish: Nu, buttonGroup: Gu, button: Uu }, ma = /* @__PURE__ */ y({
   __name: "FluxButtonGroup",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -3065,7 +3071,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(e.$slots, "default")
     ], 2));
   }
-}), Uu = /* @__PURE__ */ y({
+}), Wu = /* @__PURE__ */ y({
   __name: "FluxDestructiveButton",
   props: {
     type: {},
@@ -3101,7 +3107,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), { basePaneStructure: on, basePaneElement: pa, basePaneLoader: Wu } = mt, ju = `pane ${on}`, _u = `pane-default pane ${on}`, qu = `pane-flat pane ${on}`, Ku = `pane-well pane ${on}`, Yu = `pane-header ${pa}`, Zu = "base-pane-element", Qu = `pane-body ${pa}`, Xu = "pane-header-caption", Ju = "pane-header-icon", ec = `pane-footer ${pa}`, tc = `pane-loader ${Wu}`, nc = "pane-tag", ac = "pane-media", ic = "pane-media-inset pane-media", sc = "pane-media-image", oc = `pane-deck pane-default pane ${on}`, lc = "base-auto-grid", rc = "pane-group", uc = "pane-illustration", cc = "pane-illustration-content", dc = "pane-illustration-content-controlled pane-illustration-content", mc = "pane-illustration-magic", pc = "pane-illustration-masked pane-illustration", fc = "icon-boxed", oe = { pane: ju, paneDefault: _u, paneFlat: qu, paneWell: Ku, paneHeader: Yu, basePaneElement: Zu, paneBody: Qu, paneHeaderCaption: Xu, paneHeaderIcon: Ju, paneFooter: ec, paneLoader: tc, paneTag: nc, paneMedia: ac, paneMediaInset: ic, paneMediaImage: sc, paneDeck: oc, baseAutoGrid: lc, paneGroup: rc, paneIllustration: uc, paneIllustrationContent: cc, paneIllustrationContentControlled: dc, paneIllustrationMagic: mc, paneIllustrationMasked: pc, iconBoxed: fc }, It = /* @__PURE__ */ y({
+}), { basePaneStructure: on, basePaneElement: pa, basePaneLoader: ju } = mt, _u = `pane ${on}`, qu = `pane-default pane ${on}`, Ku = `pane-flat pane ${on}`, Yu = `pane-well pane ${on}`, Zu = `pane-header ${pa}`, Qu = "base-pane-element", Xu = `pane-body ${pa}`, Ju = "pane-header-caption", ec = "pane-header-icon", tc = `pane-footer ${pa}`, nc = `pane-loader ${ju}`, ac = "pane-tag", ic = "pane-media", sc = "pane-media-inset pane-media", oc = "pane-media-image", lc = `pane-deck pane-default pane ${on}`, rc = "base-auto-grid", uc = "pane-group", cc = "pane-illustration", dc = "pane-illustration-content", mc = "pane-illustration-content-controlled pane-illustration-content", pc = "pane-illustration-magic", fc = "pane-illustration-masked pane-illustration", hc = "icon-boxed", oe = { pane: _u, paneDefault: qu, paneFlat: Ku, paneWell: Yu, paneHeader: Zu, basePaneElement: Qu, paneBody: Xu, paneHeaderCaption: Ju, paneHeaderIcon: ec, paneFooter: tc, paneLoader: nc, paneTag: ac, paneMedia: ic, paneMediaInset: sc, paneMediaImage: oc, paneDeck: lc, baseAutoGrid: rc, paneGroup: uc, paneIllustration: cc, paneIllustrationContent: dc, paneIllustrationContentControlled: mc, paneIllustrationMagic: pc, paneIllustrationMasked: fc, iconBoxed: hc }, Lt = /* @__PURE__ */ y({
   __name: "FluxPane",
   props: {
     isLoading: { type: Boolean },
@@ -3131,7 +3137,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       }, x(a.tag), 3)) : B("", !0)
     ], 2));
   }
-}), hc = "flyout", gc = "flyout-dialog", bc = "flyout-pane", vc = "is-auto-width", yc = "is-closing", kc = "close", Ac = "is-opening", Fc = "open", $c = "mobile-close", Cc = "mobile-open", Mt = { flyout: hc, flyoutDialog: gc, flyoutPane: bc, isAutoWidth: vc, isClosing: yc, close: kc, isOpening: Ac, open: Fc, mobileClose: $c, mobileOpen: Cc }, wc = ["onKeydown"], at = /* @__PURE__ */ y({
+}), gc = "flyout", bc = "flyout-dialog", vc = "flyout-pane", yc = "is-auto-width", kc = "is-closing", Ac = "close", Fc = "is-opening", $c = "open", Cc = "mobile-close", wc = "mobile-open", Vt = { flyout: gc, flyoutDialog: bc, flyoutPane: vc, isAutoWidth: yc, isClosing: kc, close: Ac, isOpening: Fc, open: $c, mobileClose: Cc, mobileOpen: wc }, Bc = ["onKeydown"], at = /* @__PURE__ */ y({
   __name: "FluxFlyout",
   props: {
     direction: { default: "vertical" },
@@ -3141,7 +3147,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
   },
   setup(n, { expose: e }) {
     const a = te("dialog"), i = te("mount"), s = te("pane"), o = P(!1), l = P(!1), r = P(!1), u = P(0), m = P(0), f = P(0), g = P(0), F = P(0), h = P(0);
-    Ml(s);
+    Pl(s);
     function $() {
       const C = re(s);
       C && (C.addEventListener("animationend", () => {
@@ -3158,8 +3164,8 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     }
     function S() {
       const C = t(i), R = re(s), { top: G, left: T, width: V, height: M } = C.children[0].getBoundingClientRect(), { width: j, height: Q } = R.getBoundingClientRect();
-      let _, pe, Me = 0, Dt = 0;
-      n.direction === "horizontal" ? (_ = T + V, pe = G + M / 2 - Q / 2, Me = n.margin, _ + j > innerWidth - 30 && (_ = T - j, Me = -Me)) : (_ = T + V / 2 - j / 2, pe = G + M, Dt = n.margin, pe + Q > innerHeight - 30 && (pe = G - Q, Dt = -Dt)), f.value = Math.max(30, Math.min(innerWidth - j - 30, _)), g.value = Math.max(30, Math.min(innerHeight - Q - 30, pe)), F.value = Me, h.value = Dt;
+      let _, pe, Me = 0, Pt = 0;
+      n.direction === "horizontal" ? (_ = T + V, pe = G + M / 2 - Q / 2, Me = n.margin, _ + j > innerWidth - 30 && (_ = T - j, Me = -Me)) : (_ = T + V / 2 - j / 2, pe = G + M, Pt = n.margin, pe + Q > innerHeight - 30 && (pe = G - Q, Pt = -Pt)), f.value = Math.max(30, Math.min(innerWidth - j - 30, _)), g.value = Math.max(30, Math.min(innerHeight - Q - 30, pe)), F.value = Me, h.value = Pt;
     }
     function A() {
       r.value ? $() : E();
@@ -3170,7 +3176,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     return z(r, (C, R, G) => {
       const T = t(a);
       C && !T.open ? (T.showModal(), window.addEventListener("scroll", S, { passive: !0 }), G(() => window.removeEventListener("scroll", S))) : !C && T.open && T.close();
-    }), Wt(Ua, {
+    }), It(Ua, {
       isClosing: o,
       isOpen: r,
       isOpening: l
@@ -3180,7 +3186,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       toggle: A
     }), (C, R) => (c(), p("div", {
       ref: "mount",
-      class: d(t(Mt).flyout),
+      class: d(t(Vt).flyout),
       style: Y({
         "--opener-width": `${u.value}px`,
         "--pane-mx": `${F.value}px`,
@@ -3192,18 +3198,18 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(C.$slots, "opener", ce(de({ close: $, open: E, toggle: A }))),
       D("dialog", {
         ref: "dialog",
-        class: d(t(Mt).flyoutDialog),
+        class: d(t(Vt).flyoutDialog),
         onClick: I,
-        onKeydown: cs(en($, ["prevent"]), ["esc"])
+        onKeydown: ds(en($, ["prevent"]), ["esc"])
       }, [
-        r.value ? (c(), b(It, {
+        r.value ? (c(), b(Lt, {
           key: 0,
           ref: "pane",
           class: d(t(Z)(
-            t(Mt).flyoutPane,
-            C.isAutoWidth && t(Mt).isAutoWidth,
-            o.value && t(Mt).isClosing,
-            l.value && t(Mt).isOpening
+            t(Vt).flyoutPane,
+            C.isAutoWidth && t(Vt).isAutoWidth,
+            o.value && t(Vt).isClosing,
+            l.value && t(Vt).isOpening
           )),
           style: Y({
             width: `${C.width}px`
@@ -3214,7 +3220,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
           ]),
           _: 3
         }, 8, ["class", "style"])) : B("", !0)
-      ], 42, wc)
+      ], 42, Bc)
     ], 6));
   }
 }), ue = /* @__PURE__ */ y({
@@ -3253,7 +3259,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), Bc = "base-auto-grid", Sc = { baseAutoGrid: Bc }, { baseAutoGrid: Ec } = Sc, Ic = "aspect-ratio", Tc = `auto-grid ${Ec}`, Lc = "container", Dc = "spacer", Mc = "stack", Pc = "is-centered", Vc = "is-fill", xc = "is-wrapping", Oc = "stack-horizontal stack", Rc = "stack-vertical stack", Ke = { aspectRatio: Ic, autoGrid: Tc, container: Lc, spacer: Dc, stack: Mc, isCentered: Pc, isFill: Vc, isWrapping: xc, stackHorizontal: Oc, stackVertical: Rc }, qt = /* @__PURE__ */ y({
+}), Sc = "base-auto-grid", Ec = { baseAutoGrid: Sc }, { baseAutoGrid: Ic } = Ec, Tc = "aspect-ratio", Lc = `auto-grid ${Ic}`, Dc = "container", Mc = "spacer", Pc = "stack", Vc = "is-centered", xc = "is-fill", Oc = "is-wrapping", Rc = "stack-horizontal stack", zc = "stack-vertical stack", Ke = { aspectRatio: Tc, autoGrid: Lc, container: Dc, spacer: Mc, stack: Pc, isCentered: Vc, isFill: xc, isWrapping: Oc, stackHorizontal: Rc, stackVertical: zc }, qt = /* @__PURE__ */ y({
   __name: "FluxSpacer",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -3296,7 +3302,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
   },
   slots: Object,
   setup(n, { slots: e }) {
-    const a = Gt(), i = P(null);
+    const a = Ut(), i = P(null);
     Ee(() => {
       const l = a.proxy.$el;
       l.addEventListener("mouseenter", s, { passive: !0 }), l.addEventListener("mouseleave", o, { passive: !0 });
@@ -3317,7 +3323,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     }
     return () => (e.default?.() ?? [])[0] ?? null;
   }
-}), zc = /* @__PURE__ */ y({
+}), Hc = /* @__PURE__ */ y({
   __name: "FluxActionBar",
   props: {
     isResettable: { type: Boolean }
@@ -3352,7 +3358,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
                     content: t(a)("flux.filterReset")
                   }, {
                     default: k(() => [
-                      v(Uu, {
+                      v(Wu, {
                         "icon-leading": "xmark",
                         onClick: s[0] || (s[0] = (u) => i.$emit("reset"))
                       })
@@ -3374,7 +3380,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["class"]));
   }
-}), Hc = /* @__PURE__ */ y({
+}), Nc = /* @__PURE__ */ y({
   __name: "FluxButtonStack",
   props: {
     direction: { default: "horizontal" },
@@ -3402,14 +3408,14 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(e.$slots, "default")
     ], 2));
   }
-}), IA = /* @__PURE__ */ y({
+}), LA = /* @__PURE__ */ y({
   __name: "FluxActionPane",
   props: {
     paneVariant: {}
   },
   setup(n) {
     const e = De();
-    return (a, i) => (c(), b(It, {
+    return (a, i) => (c(), b(Lt, {
       class: d(t(tt).actionPane),
       variant: a.paneVariant
     }, {
@@ -3431,7 +3437,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
             class: d(t(tt).actionPaneBody)
           }, {
             default: k(() => [
-              v(Hc, { direction: "vertical" }, {
+              v(Nc, { direction: "vertical" }, {
                 default: k(() => [
                   w(a.$slots, "buttons")
                 ]),
@@ -3445,11 +3451,11 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["class", "variant"]));
   }
-}), Nc = /* @__PURE__ */ y({
+}), Gc = /* @__PURE__ */ y({
   __name: "FluxActions",
   setup(n) {
     const e = te("element");
-    return zi(e, {
+    return Hi(e, {
       direction: "horizontal"
     }), (a, i) => (c(), b(_e, {
       ref: "element",
@@ -3463,7 +3469,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 512));
   }
-}), Gc = "fill-visual", Uc = "animated-colors fill-visual", Wc = "dot-pattern fill-visual", jc = "flickering-grid fill-visual", _c = "grid-pattern fill-visual", qc = "border-shine", Kc = "border-shine-position", ln = { fillVisual: Gc, animatedColors: Uc, dotPattern: Wc, flickeringGrid: jc, gridPattern: _c, borderShine: qc, borderShinePosition: Kc }, Yc = /* @__PURE__ */ y({
+}), Uc = "fill-visual", Wc = "animated-colors fill-visual", jc = "dot-pattern fill-visual", _c = "flickering-grid fill-visual", qc = "grid-pattern fill-visual", Kc = "border-shine", Yc = "border-shine-position", ln = { fillVisual: Uc, animatedColors: Wc, dotPattern: jc, flickeringGrid: _c, gridPattern: qc, borderShine: Kc, borderShinePosition: Yc }, Zc = /* @__PURE__ */ y({
   __name: "FluxAnimatedColors",
   props: {
     colors: {},
@@ -3472,10 +3478,10 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     seed: {}
   },
   setup(n) {
-    const e = te("canvas"), a = Ri(), i = P(), s = P(0), o = P(0), l = L(() => {
+    const e = te("canvas"), a = zi(), i = P(), s = P(0), o = P(0), l = L(() => {
       if (!n.colors || n.colors.length === 0)
         return [];
-      const f = ci(n.seed ?? t(a)), g = [];
+      const f = di(n.seed ?? t(a)), g = [];
       for (const F of n.colors) {
         const h = f.fork(), $ = n.colors.length === 1 ? 0.5 : h.next(), E = n.colors.length === 1 ? 0.5 : h.next(), S = Math.round(h.nextBetween(6, 9)), A = [];
         for (let I = 0; I < S; ++I)
@@ -3529,7 +3535,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       class: d(t(ln).animatedColors)
     }, null, 2));
   }
-}), TA = /* @__PURE__ */ y({
+}), DA = /* @__PURE__ */ y({
   __name: "FluxAspectRatio",
   props: {
     aspectRatio: {}
@@ -3542,7 +3548,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(e.$slots, "default")
     ], 6));
   }
-}), Zc = /* @__PURE__ */ y({
+}), Qc = /* @__PURE__ */ y({
   __name: "FluxAutoGrid",
   props: {
     gap: { default: 30 },
@@ -3559,7 +3565,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(e.$slots, "default")
     ], 6));
   }
-}), Qc = /* @__PURE__ */ y({
+}), Xc = /* @__PURE__ */ y({
   __name: "FluxAutoHeightTransition",
   setup(n) {
     function e(s) {
@@ -3590,7 +3596,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }));
   }
-}), LA = /* @__PURE__ */ y({
+}), MA = /* @__PURE__ */ y({
   __name: "FluxAutoWidthTransition",
   setup(n) {
     function e(s) {
@@ -3621,7 +3627,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }));
   }
-}), Xc = "breakthrough-transition-enter-active", Jc = "breakthrough-transition-back-enter-active", ed = "breakthrough-transition-leave-active", td = "breakthrough-transition-back-leave-active", nd = "breakthrough-transition-enter-from", ad = "breakthrough-transition-back-leave-to", id = "breakthrough-transition-leave-to", sd = "breakthrough-transition-back-enter-from", od = "fade-transition-enter-active", ld = "fade-transition-leave-active", rd = "fade-transition-enter-from", ud = "fade-transition-leave-to", cd = "fade-transition-enter-to", dd = "fade-transition-leave-from", md = "route-transition-enter-active", pd = "route-transition-back-enter-active", fd = "route-transition-leave-active", hd = "route-transition-back-leave-active", gd = "route-transition-enter-from", bd = "route-transition-back-leave-to", vd = "route-transition-leave-to", yd = "route-transition-back-enter-from", kd = "tooltip-transition-enter-active", Ad = "tooltip-transition-leave-active", Fd = "tooltip-transition-enter-from", $d = "tooltip-transition-leave-to", Cd = "vertical-window-transition-enter-active", wd = "vertical-window-transition-back-enter-active", Bd = "vertical-window-transition-leave-active", Sd = "vertical-window-transition-back-leave-active", Ed = "vertical-window-transition-back-leave-to", Id = "vertical-window-transition-enter-from", Td = "vertical-window-transition-back-enter-from", Ld = "vertical-window-transition-leave-to", Dd = "window-transition-enter-active", Md = "window-transition-back-enter-active", Pd = "window-transition-leave-active", Vd = "window-transition-back-leave-active", xd = "window-transition-back-leave-to", Od = "window-transition-enter-from", Rd = "window-transition-back-enter-from", zd = "window-transition-leave-to", K = { breakthroughTransitionEnterActive: Xc, breakthroughTransitionBackEnterActive: Jc, breakthroughTransitionLeaveActive: ed, breakthroughTransitionBackLeaveActive: td, breakthroughTransitionEnterFrom: nd, breakthroughTransitionBackLeaveTo: ad, breakthroughTransitionLeaveTo: id, breakthroughTransitionBackEnterFrom: sd, fadeTransitionEnterActive: od, fadeTransitionLeaveActive: ld, fadeTransitionEnterFrom: rd, fadeTransitionLeaveTo: ud, fadeTransitionEnterTo: cd, fadeTransitionLeaveFrom: dd, routeTransitionEnterActive: md, routeTransitionBackEnterActive: pd, routeTransitionLeaveActive: fd, routeTransitionBackLeaveActive: hd, routeTransitionEnterFrom: gd, routeTransitionBackLeaveTo: bd, routeTransitionLeaveTo: vd, routeTransitionBackEnterFrom: yd, tooltipTransitionEnterActive: kd, tooltipTransitionLeaveActive: Ad, tooltipTransitionEnterFrom: Fd, tooltipTransitionLeaveTo: $d, verticalWindowTransitionEnterActive: Cd, verticalWindowTransitionBackEnterActive: wd, verticalWindowTransitionLeaveActive: Bd, verticalWindowTransitionBackLeaveActive: Sd, verticalWindowTransitionBackLeaveTo: Ed, verticalWindowTransitionEnterFrom: Id, verticalWindowTransitionBackEnterFrom: Td, verticalWindowTransitionLeaveTo: Ld, windowTransitionEnterActive: Dd, windowTransitionBackEnterActive: Md, windowTransitionLeaveActive: Pd, windowTransitionBackLeaveActive: Vd, windowTransitionBackLeaveTo: xd, windowTransitionEnterFrom: Od, windowTransitionBackEnterFrom: Rd, windowTransitionLeaveTo: zd }, DA = /* @__PURE__ */ y({
+}), Jc = "breakthrough-transition-enter-active", ed = "breakthrough-transition-back-enter-active", td = "breakthrough-transition-leave-active", nd = "breakthrough-transition-back-leave-active", ad = "breakthrough-transition-enter-from", id = "breakthrough-transition-back-leave-to", sd = "breakthrough-transition-leave-to", od = "breakthrough-transition-back-enter-from", ld = "fade-transition-enter-active", rd = "fade-transition-leave-active", ud = "fade-transition-enter-from", cd = "fade-transition-leave-to", dd = "fade-transition-enter-to", md = "fade-transition-leave-from", pd = "route-transition-enter-active", fd = "route-transition-back-enter-active", hd = "route-transition-leave-active", gd = "route-transition-back-leave-active", bd = "route-transition-enter-from", vd = "route-transition-back-leave-to", yd = "route-transition-leave-to", kd = "route-transition-back-enter-from", Ad = "tooltip-transition-enter-active", Fd = "tooltip-transition-leave-active", $d = "tooltip-transition-enter-from", Cd = "tooltip-transition-leave-to", wd = "vertical-window-transition-enter-active", Bd = "vertical-window-transition-back-enter-active", Sd = "vertical-window-transition-leave-active", Ed = "vertical-window-transition-back-leave-active", Id = "vertical-window-transition-back-leave-to", Td = "vertical-window-transition-enter-from", Ld = "vertical-window-transition-back-enter-from", Dd = "vertical-window-transition-leave-to", Md = "window-transition-enter-active", Pd = "window-transition-back-enter-active", Vd = "window-transition-leave-active", xd = "window-transition-back-leave-active", Od = "window-transition-back-leave-to", Rd = "window-transition-enter-from", zd = "window-transition-back-enter-from", Hd = "window-transition-leave-to", K = { breakthroughTransitionEnterActive: Jc, breakthroughTransitionBackEnterActive: ed, breakthroughTransitionLeaveActive: td, breakthroughTransitionBackLeaveActive: nd, breakthroughTransitionEnterFrom: ad, breakthroughTransitionBackLeaveTo: id, breakthroughTransitionLeaveTo: sd, breakthroughTransitionBackEnterFrom: od, fadeTransitionEnterActive: ld, fadeTransitionLeaveActive: rd, fadeTransitionEnterFrom: ud, fadeTransitionLeaveTo: cd, fadeTransitionEnterTo: dd, fadeTransitionLeaveFrom: md, routeTransitionEnterActive: pd, routeTransitionBackEnterActive: fd, routeTransitionLeaveActive: hd, routeTransitionBackLeaveActive: gd, routeTransitionEnterFrom: bd, routeTransitionBackLeaveTo: vd, routeTransitionLeaveTo: yd, routeTransitionBackEnterFrom: kd, tooltipTransitionEnterActive: Ad, tooltipTransitionLeaveActive: Fd, tooltipTransitionEnterFrom: $d, tooltipTransitionLeaveTo: Cd, verticalWindowTransitionEnterActive: wd, verticalWindowTransitionBackEnterActive: Bd, verticalWindowTransitionLeaveActive: Sd, verticalWindowTransitionBackLeaveActive: Ed, verticalWindowTransitionBackLeaveTo: Id, verticalWindowTransitionEnterFrom: Td, verticalWindowTransitionBackEnterFrom: Ld, verticalWindowTransitionLeaveTo: Dd, windowTransitionEnterActive: Md, windowTransitionBackEnterActive: Pd, windowTransitionLeaveActive: Vd, windowTransitionBackLeaveActive: xd, windowTransitionBackLeaveTo: Od, windowTransitionEnterFrom: Rd, windowTransitionBackEnterFrom: zd, windowTransitionLeaveTo: Hd }, PA = /* @__PURE__ */ y({
   __name: "FluxBreakthroughTransition",
   props: {
     isBack: { type: Boolean },
@@ -3662,7 +3668,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]));
   }
-}), Hd = "overlay", Nd = "base-pane-structure", Gd = "pane-footer", Ud = "overlay-small overlay", Wd = "overlay-medium overlay", jd = "overlay-large overlay", _d = "slide-over overlay", qd = "pane-header", Kd = "tabs", Yd = "tab-bar", Zd = "pane-header-caption", Qd = "overlay-transition-enter-active", Xd = "overlay-transition-leave-active", Jd = "overlay-transition-enter-from", em = "overlay-transition-leave-to", tm = "slide-over-transition-enter-active", nm = "slide-over-transition-leave-active", am = "slide-over-transition-enter-from", im = "slide-over-transition-leave-to", ze = { overlay: Hd, basePaneStructure: Nd, paneFooter: Gd, overlaySmall: Ud, overlayMedium: Wd, overlayLarge: jd, slideOver: _d, paneHeader: qd, tabs: Kd, tabBar: Yd, paneHeaderCaption: Zd, overlayTransitionEnterActive: Qd, overlayTransitionLeaveActive: Xd, overlayTransitionEnterFrom: Jd, overlayTransitionLeaveTo: em, slideOverTransitionEnterActive: tm, slideOverTransitionLeaveActive: nm, slideOverTransitionEnterFrom: am, slideOverTransitionLeaveTo: im }, sm = /* @__PURE__ */ y({
+}), Nd = "overlay", Gd = "base-pane-structure", Ud = "pane-footer", Wd = "overlay-small overlay", jd = "overlay-medium overlay", _d = "overlay-large overlay", qd = "slide-over overlay", Kd = "pane-header", Yd = "tabs", Zd = "tab-bar", Qd = "pane-header-caption", Xd = "overlay-transition-enter-active", Jd = "overlay-transition-leave-active", em = "overlay-transition-enter-from", tm = "overlay-transition-leave-to", nm = "slide-over-transition-enter-active", am = "slide-over-transition-leave-active", im = "slide-over-transition-enter-from", sm = "slide-over-transition-leave-to", ze = { overlay: Nd, basePaneStructure: Gd, paneFooter: Ud, overlaySmall: Wd, overlayMedium: jd, overlayLarge: _d, slideOver: qd, paneHeader: Kd, tabs: Yd, tabBar: Zd, paneHeaderCaption: Qd, overlayTransitionEnterActive: Xd, overlayTransitionLeaveActive: Jd, overlayTransitionEnterFrom: em, overlayTransitionLeaveTo: tm, slideOverTransitionEnterActive: nm, slideOverTransitionLeaveActive: am, slideOverTransitionEnterFrom: im, slideOverTransitionLeaveTo: sm }, om = /* @__PURE__ */ y({
   __name: "FluxOverlayTransition",
   props: {
     mode: { default: "out-in" }
@@ -3681,7 +3687,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), MA = /* @__PURE__ */ y({
+}), VA = /* @__PURE__ */ y({
   __name: "FluxRouteTransition",
   props: {
     isBack: { type: Boolean },
@@ -3701,7 +3707,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), om = /* @__PURE__ */ y({
+}), lm = /* @__PURE__ */ y({
   __name: "FluxSlideOverTransition",
   props: {
     mode: { default: "out-in" }
@@ -3720,7 +3726,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), lm = /* @__PURE__ */ y({
+}), rm = /* @__PURE__ */ y({
   __name: "FluxTooltipTransition",
   props: {
     mode: { default: "out-in" }
@@ -3739,7 +3745,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), rm = /* @__PURE__ */ y({
+}), um = /* @__PURE__ */ y({
   __name: "FluxVerticalWindowTransition",
   props: {
     isBack: { type: Boolean },
@@ -3779,12 +3785,12 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), um = "avatar", cm = "avatar-image", dm = "avatar-fallback", mm = "icon", pm = "avatar-fallback-colorized avatar-fallback", fm = "avatar-fallback-neutral avatar-fallback", hm = "avatar-loading", gm = "spinner", bm = "avatar-status", vm = "avatar-status-gray avatar-status", ym = "avatar-status-primary avatar-status", km = "avatar-status-danger avatar-status", Am = "avatar-status-info avatar-status", Fm = "avatar-status-success avatar-status", $m = "avatar-status-warning avatar-status", Cm = "avatar-clickable", wm = "status-avatar avatar", Bm = "persona", Sm = "persona-details", Be = { avatar: um, avatarImage: cm, avatarFallback: dm, icon: mm, avatarFallbackColorized: pm, avatarFallbackNeutral: fm, avatarLoading: hm, spinner: gm, avatarStatus: bm, avatarStatusGray: vm, avatarStatusPrimary: ym, avatarStatusDanger: km, avatarStatusInfo: Am, avatarStatusSuccess: Fm, avatarStatusWarning: $m, avatarClickable: Cm, statusAvatar: wm, persona: Bm, personaDetails: Sm }, Em = ["alt", "src"], Im = { key: 0 }, Wi = /* @__PURE__ */ y({
+}), cm = "avatar", dm = "avatar-image", mm = "avatar-fallback", pm = "icon", fm = "avatar-fallback-colorized avatar-fallback", hm = "avatar-fallback-neutral avatar-fallback", gm = "avatar-loading", bm = "spinner", vm = "avatar-status", ym = "avatar-status-gray avatar-status", km = "avatar-status-primary avatar-status", Am = "avatar-status-danger avatar-status", Fm = "avatar-status-info avatar-status", $m = "avatar-status-success avatar-status", Cm = "avatar-status-warning avatar-status", wm = "avatar-clickable", Bm = "status-avatar avatar", Sm = "persona", Em = "persona-details", Be = { avatar: cm, avatarImage: dm, avatarFallback: mm, icon: pm, avatarFallbackColorized: fm, avatarFallbackNeutral: hm, avatarLoading: gm, spinner: bm, avatarStatus: vm, avatarStatusGray: ym, avatarStatusPrimary: km, avatarStatusDanger: Am, avatarStatusInfo: Fm, avatarStatusSuccess: $m, avatarStatusWarning: Cm, avatarClickable: wm, statusAvatar: Bm, persona: Sm, personaDetails: Em }, Im = ["alt", "src"], Tm = { key: 0 }, ji = /* @__PURE__ */ y({
   __name: "FluxAvatar",
   props: {
     alt: {},
     fallback: { default: "colorized" },
-    fallbackColors: { default: () => [Wl, _l, Kl, Zl, Xl, er, tr, ar, sr, na, rr, Gi, dr, Ol, Hi, Hl, Gl] },
+    fallbackColors: { default: () => [jl, ql, Yl, Ql, Jl, tr, nr, ir, or, na, ur, Ui, mr, Rl, Ni, Nl, Ul] },
     fallbackIcon: { default: "user" },
     fallbackInitials: {},
     isLoading: { type: Boolean },
@@ -3845,11 +3851,11 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
           class: d(t(Be).avatarImage),
           alt: s.alt,
           src: s.src
-        }, null, 10, Em)) : (c(), p("div", {
+        }, null, 10, Im)) : (c(), p("div", {
           key: 1,
           class: d(s.fallback === "colorized" ? t(Be).avatarFallbackColorized : t(Be).avatarFallbackNeutral)
         }, [
-          s.fallbackInitials ? (c(), p("span", Im, x(s.fallbackInitials), 1)) : s.fallbackIcon ? (c(), b(U, {
+          s.fallbackInitials ? (c(), p("span", Tm, x(s.fallbackInitials), 1)) : s.fallbackIcon ? (c(), b(U, {
             key: 1,
             name: s.fallbackIcon
           }, null, 8, ["name"])) : B("", !0)
@@ -3873,7 +3879,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 1
     }, 8, ["class", "style", "component-type", "aria-label", "tabindex", "href", "rel", "target", "to"]));
   }
-}), Tm = "badge", Lm = "spinner", Dm = "badge-close", Mm = "icon", Pm = "badge-dot", Vm = "badge-icon", xm = "badge-label", Om = "badge-gray badge", Rm = "badge-primary badge", zm = "badge-danger badge", Hm = "badge-info badge", Nm = "badge-success badge", Gm = "badge-warning badge", Um = "tag badge", Wm = "tag-close badge-close", jm = "tag-dot badge-dot", _m = "tag-icon badge-icon", qm = "tag-label badge-label", Km = "tag-gray badge-gray badge tag badge", Ym = "tag-primary badge-primary badge tag badge", Zm = "tag-danger badge-danger badge tag badge", Qm = "tag-info badge-info badge tag badge", Xm = "tag-success badge-success badge tag badge", Jm = "tag-warning badge-warning badge tag badge", he = { badge: Tm, spinner: Lm, badgeClose: Dm, icon: Mm, badgeDot: Pm, badgeIcon: Vm, badgeLabel: xm, badgeGray: Om, badgePrimary: Rm, badgeDanger: zm, badgeInfo: Hm, badgeSuccess: Nm, badgeWarning: Gm, tag: Um, tagClose: Wm, tagDot: jm, tagIcon: _m, tagLabel: qm, tagGray: Km, tagPrimary: Ym, tagDanger: Zm, tagInfo: Qm, tagSuccess: Xm, tagWarning: Jm }, PA = /* @__PURE__ */ y({
+}), Lm = "badge", Dm = "spinner", Mm = "badge-close", Pm = "icon", Vm = "badge-dot", xm = "badge-icon", Om = "badge-label", Rm = "badge-gray badge", zm = "badge-primary badge", Hm = "badge-danger badge", Nm = "badge-info badge", Gm = "badge-success badge", Um = "badge-warning badge", Wm = "tag badge", jm = "tag-close badge-close", _m = "tag-dot badge-dot", qm = "tag-icon badge-icon", Km = "tag-label badge-label", Ym = "tag-gray badge-gray badge tag badge", Zm = "tag-primary badge-primary badge tag badge", Qm = "tag-danger badge-danger badge tag badge", Xm = "tag-info badge-info badge tag badge", Jm = "tag-success badge-success badge tag badge", ep = "tag-warning badge-warning badge tag badge", he = { badge: Lm, spinner: Dm, badgeClose: Mm, icon: Pm, badgeDot: Vm, badgeIcon: xm, badgeLabel: Om, badgeGray: Rm, badgePrimary: zm, badgeDanger: Hm, badgeInfo: Nm, badgeSuccess: Gm, badgeWarning: Um, tag: Wm, tagClose: jm, tagDot: _m, tagIcon: qm, tagLabel: Km, tagGray: Ym, tagPrimary: Zm, tagDanger: Qm, tagInfo: Xm, tagSuccess: Jm, tagWarning: ep }, xA = /* @__PURE__ */ y({
   __name: "FluxBadge",
   props: {
     color: { default: "gray" },
@@ -3943,7 +3949,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 1
     }, 8, ["class", "component-type", "tabindex", "href", "rel", "target", "to"]));
   }
-}), VA = /* @__PURE__ */ y({
+}), OA = /* @__PURE__ */ y({
   __name: "FluxBadgeStack",
   setup(n) {
     return (e, a) => (c(), b(_e, {
@@ -3957,10 +3963,10 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }));
   }
-}), xA = y({
+}), RA = y({
   inheritAttrs: !1,
   props: {
-    colors: { default: [na, "transparent", Hi, "transparent", Gi, "transparent", na], type: Array },
+    colors: { default: [na, "transparent", Ni, "transparent", Ui, "transparent", na], type: Array },
     duration: { default: 9, type: Number },
     offset: { default: 1, type: Number },
     radius: { default: void 0, type: [String, Number] },
@@ -3985,7 +3991,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       }))
     );
   }
-}), OA = /* @__PURE__ */ y({
+}), zA = /* @__PURE__ */ y({
   __name: "FluxBoxedIcon",
   props: {
     color: {},
@@ -4011,7 +4017,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       v(U, { name: e.name }, null, 8, ["name"])
     ], 6));
   }
-}), ep = /* @__PURE__ */ y({
+}), tp = /* @__PURE__ */ y({
   __name: "Anchor",
   props: {
     tagName: {}
@@ -4024,7 +4030,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 3
     }));
   }
-}), tp = /* @__PURE__ */ y({
+}), np = /* @__PURE__ */ y({
   __name: "AnchorPopup",
   props: {
     anchor: {},
@@ -4108,7 +4114,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     function r() {
       s();
     }
-    return Ut(() => {
+    return Wt(() => {
       !n.anchor || !Ue(n.anchor) && !n.anchor.$el || (e.value = Ue(n.anchor) ? n.anchor : n.anchor.$el, requestAnimationFrame(o), requestAnimationFrame(s));
     }), (u, m) => (c(), p("div", {
       ref: "popup",
@@ -4121,7 +4127,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(u.$slots, "default")
     ], 4));
   }
-}), { buttonIcon: ji, button: np, buttonLabel: ap } = rt, ip = "menu", sp = "menu-normal menu", op = "menu-large menu", lp = "menu-group", rp = "menu-group-horizontal menu-group", up = "menu-group-vertical menu-group", cp = `menu-item ${np}`, dp = `menu-item-icon ${ji}`, mp = `menu-item-label ${ap}`, pp = "menu-item-active", fp = "menu-item-destructive", hp = "menu-item-highlighted", gp = "menu-item-indented", bp = `menu-item-selectable-icon ${ji}`, vp = "menu-item-selected", yp = "menu-item-command", kp = "menu-item-command-icon", Ap = "icon", Fp = "menu-item-image", $p = "menu-title", Cp = "menu-sub-header", wp = "menu-sub-header-icon", Bp = "menu-sub-header-label", Sp = "base-pane", Ep = "divider", Ip = "separator", Tp = "expandable-body", fe = { menu: ip, menuNormal: sp, menuLarge: op, menuGroup: lp, menuGroupHorizontal: rp, menuGroupVertical: up, menuItem: cp, menuItemIcon: dp, menuItemLabel: mp, menuItemActive: pp, menuItemDestructive: fp, menuItemHighlighted: hp, menuItemIndented: gp, menuItemSelectableIcon: bp, menuItemSelected: vp, menuItemCommand: yp, menuItemCommandIcon: kp, icon: Ap, menuItemImage: Fp, menuTitle: $p, menuSubHeader: Cp, menuSubHeaderIcon: wp, menuSubHeaderLabel: Bp, basePane: Sp, divider: Ep, separator: Ip, expandableBody: Tp }, Lp = ["src"], We = /* @__PURE__ */ y({
+}), { buttonLabel: ap, button: ip, buttonIcon: _i } = rt, sp = "menu", op = "menu-normal menu", lp = "menu-large menu", rp = "menu-group", up = "menu-group-horizontal menu-group", cp = "menu-group-vertical menu-group", dp = `menu-item ${ip}`, mp = `menu-item-icon ${_i}`, pp = `menu-item-label ${ap}`, fp = "menu-item-active", hp = "menu-item-destructive", gp = "menu-item-highlighted", bp = "menu-item-indented", vp = `menu-item-selectable-icon ${_i}`, yp = "menu-item-selected", kp = "menu-item-command", Ap = "menu-item-command-icon", Fp = "icon", $p = "menu-item-image", Cp = "menu-title", wp = "menu-sub-header", Bp = "menu-sub-header-icon", Sp = "menu-sub-header-label", Ep = "base-pane", Ip = "divider", Tp = "separator", Lp = "expandable-body", fe = { menu: sp, menuNormal: op, menuLarge: lp, menuGroup: rp, menuGroupHorizontal: up, menuGroupVertical: cp, menuItem: dp, menuItemIcon: mp, menuItemLabel: pp, menuItemActive: fp, menuItemDestructive: hp, menuItemHighlighted: gp, menuItemIndented: bp, menuItemSelectableIcon: vp, menuItemSelected: yp, menuItemCommand: kp, menuItemCommandIcon: Ap, icon: Fp, menuItemImage: $p, menuTitle: Cp, menuSubHeader: wp, menuSubHeaderIcon: Bp, menuSubHeaderLabel: Sp, basePane: Ep, divider: Ip, separator: Tp, expandableBody: Lp }, Dp = ["src"], We = /* @__PURE__ */ y({
   __name: "FluxMenuItem",
   props: {
     type: { default: "button" },
@@ -4180,7 +4186,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
             class: d(t(fe).menuItemImage),
             src: e.imageSrc,
             alt: ""
-          }, null, 10, Lp)
+          }, null, 10, Dp)
         ]),
         key: "1"
       } : void 0,
@@ -4207,7 +4213,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       } : void 0
     ]), 1040, ["css-class", "css-class-icon", "css-class-label", "role", "class", "aria-checked"]));
   }
-}), { basePaneStructure: Dp } = mt, Mp = "form-input-group form-input-enabled form-input", Pp = "button-group", Vp = "button", xp = "form-input", Op = "form-select form-input", Rp = "form-structure-element", zp = "form form-structure-element", Hp = "pane", Np = "form-column form-structure-element", Gp = "form-section form-structure-element", Up = "form-row", Wp = "form-section-title", jp = "form-field", _p = "form-field-header", qp = "form-field-label", Kp = "form-field-optional", Yp = "form-field-value", Zp = "form-field-counter", Qp = "form-field-addition", Xp = "form-field-addition-icon", Jp = "form-field-addition-error form-field-addition", ef = "form-field-addition-hint form-field-addition", tf = "is-secondary", nf = "form-input-disabled form-input", af = "form-input-enabled form-input", sf = "form-input-icon", of = "form-input-icon-trailing form-input-icon", lf = "form-input-icon-leading form-input-icon", rf = "form-input-icon-password-toggle form-input-icon-trailing form-input-icon", uf = "form-input-native", cf = "form-input-native-has-icon-leading", df = "form-input-native-has-icon-trailing", mf = "form-input-addition form-input", pf = "secondary-button", ff = "form-date-input", hf = "form-date-range-input form-input", gf = "form-date-time-input", bf = "input-group", vf = "form-time-input form-date-input", yf = "is-disabled", kf = "is-focused", Af = "badge", Ff = "form-select-icon", $f = "form-select-input", Cf = "form-select-placeholder", wf = `form-select-popup ${Dp}`, Bf = "menu-item", Sf = "is-keyboard-action", Ef = "is-searchable", If = "menu-sub-header", Tf = "form-select-selected", Lf = "button-label", Df = "form-text-area", Mf = "form-text-area-disabled form-input-disabled form-input form-text-area", Pf = "form-text-area-enabled form-input-enabled form-input form-text-area", Vf = "checkbox", xf = "checkbox-element", Of = "checkbox-native", Rf = "icon", zf = "checkbox-label", Hf = "quantity-selector", Nf = "quantity-selector-button", Gf = "quantity-selector-input form-input", Uf = "pin-input", Wf = "pin-input-field", jf = "pin-input-enabled pin-input", _f = "pin-input-disabled pin-input", qf = "toggle", Kf = "is-checked", Yf = "toggle-input", Zf = "is-switch", Qf = "toggle-icon", Xf = "toggle-icon-on toggle-icon", Jf = "toggle-icon-off toggle-icon", O = { formInputGroup: Mp, buttonGroup: Pp, button: Vp, formInput: xp, formSelect: Op, formStructureElement: Rp, form: zp, pane: Hp, formColumn: Np, formSection: Gp, formRow: Up, formSectionTitle: Wp, formField: jp, formFieldHeader: _p, formFieldLabel: qp, formFieldOptional: Kp, formFieldValue: Yp, formFieldCounter: Zp, formFieldAddition: Qp, formFieldAdditionIcon: Xp, formFieldAdditionError: Jp, formFieldAdditionHint: ef, isSecondary: tf, formInputDisabled: nf, formInputEnabled: af, formInputIcon: sf, formInputIconTrailing: of, formInputIconLeading: lf, formInputIconPasswordToggle: rf, formInputNative: uf, formInputNativeHasIconLeading: cf, formInputNativeHasIconTrailing: df, formInputAddition: mf, secondaryButton: pf, formDateInput: ff, formDateRangeInput: hf, formDateTimeInput: gf, inputGroup: bf, formTimeInput: vf, isDisabled: yf, isFocused: kf, badge: Af, formSelectIcon: Ff, formSelectInput: $f, formSelectPlaceholder: Cf, formSelectPopup: wf, menuItem: Bf, isKeyboardAction: Sf, isSearchable: Ef, menuSubHeader: If, formSelectSelected: Tf, buttonLabel: Lf, formTextArea: Df, formTextAreaDisabled: Mf, formTextAreaEnabled: Pf, checkbox: Vf, checkboxElement: xf, checkboxNative: Of, icon: Rf, checkboxLabel: zf, quantitySelector: Hf, quantitySelectorButton: Nf, quantitySelectorInput: Gf, pinInput: Uf, pinInputField: Wf, pinInputEnabled: jf, pinInputDisabled: _f, toggle: qf, isChecked: Kf, toggleInput: Yf, isSwitch: Zf, toggleIcon: Qf, toggleIconOn: Xf, toggleIconOff: Jf }, eh = ["aria-disabled"], th = ["id", "autocomplete", "autofocus", "aria-disabled", "disabled", "max", "maxlength", "min", "placeholder", "readonly", "step", "type", "value"], we = /* @__PURE__ */ y({
+}), { basePaneStructure: Mp } = mt, Pp = "form-input-group form-input-enabled form-input", Vp = "button-group", xp = "button", Op = "form-input", Rp = "form-select form-input", zp = "form-structure-element", Hp = "form form-structure-element", Np = "pane", Gp = "form-column form-structure-element", Up = "form-section form-structure-element", Wp = "form-row", jp = "form-section-title", _p = "form-field", qp = "form-field-header", Kp = "form-field-label", Yp = "form-field-optional", Zp = "form-field-value", Qp = "form-field-counter", Xp = "form-field-addition", Jp = "form-field-addition-icon", ef = "form-field-addition-error form-field-addition", tf = "form-field-addition-hint form-field-addition", nf = "is-secondary", af = "form-input-disabled form-input", sf = "form-input-enabled form-input", of = "form-input-icon", lf = "form-input-icon-trailing form-input-icon", rf = "form-input-icon-leading form-input-icon", uf = "form-input-icon-password-toggle form-input-icon-trailing form-input-icon", cf = "form-input-native", df = "form-input-native-has-icon-leading", mf = "form-input-native-has-icon-trailing", pf = "form-input-addition form-input", ff = "secondary-button", hf = "form-date-input", gf = "form-date-range-input form-input", bf = "form-date-time-input", vf = "input-group", yf = "form-time-input form-date-input", kf = "is-disabled", Af = "is-focused", Ff = "badge", $f = "form-select-icon", Cf = "form-select-input", wf = "form-select-placeholder", Bf = `form-select-popup ${Mp}`, Sf = "menu-item", Ef = "is-keyboard-action", If = "is-searchable", Tf = "menu-sub-header", Lf = "form-select-selected", Df = "button-label", Mf = "form-text-area", Pf = "form-text-area-disabled form-input-disabled form-input form-text-area", Vf = "form-text-area-enabled form-input-enabled form-input form-text-area", xf = "checkbox", Of = "checkbox-element", Rf = "checkbox-native", zf = "icon", Hf = "checkbox-label", Nf = "quantity-selector", Gf = "quantity-selector-button", Uf = "quantity-selector-input form-input", Wf = "pin-input", jf = "pin-input-field", _f = "pin-input-enabled pin-input", qf = "pin-input-disabled pin-input", Kf = "toggle", Yf = "is-checked", Zf = "toggle-input", Qf = "is-switch", Xf = "toggle-icon", Jf = "toggle-icon-on toggle-icon", eh = "toggle-icon-off toggle-icon", O = { formInputGroup: Pp, buttonGroup: Vp, button: xp, formInput: Op, formSelect: Rp, formStructureElement: zp, form: Hp, pane: Np, formColumn: Gp, formSection: Up, formRow: Wp, formSectionTitle: jp, formField: _p, formFieldHeader: qp, formFieldLabel: Kp, formFieldOptional: Yp, formFieldValue: Zp, formFieldCounter: Qp, formFieldAddition: Xp, formFieldAdditionIcon: Jp, formFieldAdditionError: ef, formFieldAdditionHint: tf, isSecondary: nf, formInputDisabled: af, formInputEnabled: sf, formInputIcon: of, formInputIconTrailing: lf, formInputIconLeading: rf, formInputIconPasswordToggle: uf, formInputNative: cf, formInputNativeHasIconLeading: df, formInputNativeHasIconTrailing: mf, formInputAddition: pf, secondaryButton: ff, formDateInput: hf, formDateRangeInput: gf, formDateTimeInput: bf, inputGroup: vf, formTimeInput: yf, isDisabled: kf, isFocused: Af, badge: Ff, formSelectIcon: $f, formSelectInput: Cf, formSelectPlaceholder: wf, formSelectPopup: Bf, menuItem: Sf, isKeyboardAction: Ef, isSearchable: If, menuSubHeader: Tf, formSelectSelected: Lf, buttonLabel: Df, formTextArea: Mf, formTextAreaDisabled: Pf, formTextAreaEnabled: Vf, checkbox: xf, checkboxElement: Of, checkboxNative: Rf, icon: zf, checkboxLabel: Hf, quantitySelector: Nf, quantitySelectorButton: Gf, quantitySelectorInput: Uf, pinInput: Wf, pinInputField: jf, pinInputEnabled: _f, pinInputDisabled: qf, toggle: Kf, isChecked: Yf, toggleInput: Zf, isSwitch: Qf, toggleIcon: Xf, toggleIconOn: Jf, toggleIconOff: eh }, th = ["aria-disabled"], nh = ["id", "autocomplete", "autofocus", "aria-disabled", "disabled", "max", "maxlength", "min", "placeholder", "readonly", "step", "type", "value"], we = /* @__PURE__ */ y({
   __name: "FluxFormInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -4299,7 +4305,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     }, { immediate: !0 }), z([l, () => n.pattern, u], ([A, I, C], R, G) => {
       if (!A || !I)
         return;
-      const T = Ls[I](A);
+      const T = Ds[I](A);
       C && (T.value = C, s.value = T.value), G(() => T.destroy());
     }, { immediate: !0 }), z(() => n.type, (A) => m.value = A), e({
       blur: f,
@@ -4335,7 +4341,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
         onFocus: I[1] || (I[1] = (C) => $()),
         onInput: E,
         onKeydown: S
-      }, null, 42, th),
+      }, null, 42, nh),
       A.iconLeading ? (c(), b(U, {
         key: 0,
         class: d(t(O).formInputIconLeading),
@@ -4354,7 +4360,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
         name: A.iconTrailing,
         size: 18
       }, null, 8, ["class", "name"])) : B("", !0)
-    ], 10, eh));
+    ], 10, th));
   }
 }), St = /* @__PURE__ */ y({
   __name: "FluxMenuGroup",
@@ -4396,7 +4402,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       }, null, 8, ["class", "name"])) : B("", !0)
     ], 2));
   }
-}), nh = "filter", ah = "menu", ih = "divider", sh = "separator", oh = "menu-group", lh = "menu-sub-header", rh = "filter-search", uh = "menu-item-label", ch = "pane-body", dh = "filter-header", mh = "filter-back", ph = "filter-reset", fh = "filter-date-picker", $t = { filter: nh, menu: ah, divider: ih, separator: sh, menuGroup: oh, menuSubHeader: lh, filterSearch: rh, menuItemLabel: uh, paneBody: ch, filterHeader: dh, filterBack: mh, filterReset: ph, filterDatePicker: fh }, Tn = /* @__PURE__ */ y({
+}), ah = "filter", ih = "menu", sh = "divider", oh = "separator", lh = "menu-group", rh = "menu-sub-header", uh = "filter-search", ch = "menu-item-label", dh = "pane-body", mh = "filter-header", ph = "filter-back", fh = "filter-reset", hh = "filter-date-picker", $t = { filter: ah, menu: ih, divider: sh, separator: oh, menuGroup: lh, menuSubHeader: rh, filterSearch: uh, menuItemLabel: ch, paneBody: dh, filterHeader: mh, filterBack: ph, filterReset: fh, filterDatePicker: hh }, Tn = /* @__PURE__ */ y({
   __name: "FilterOptionBase",
   props: /* @__PURE__ */ ee({
     isLoading: { type: Boolean },
@@ -4459,7 +4465,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
   },
   setup(n) {
     const e = te("element");
-    return zi(e, {
+    return Hi(e, {
       direction: "vertical"
     }), (a, i) => (c(), p("nav", {
       ref: "element",
@@ -4470,7 +4476,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       w(a.$slots, "default")
     ], 2));
   }
-}), hh = /* @__PURE__ */ y({
+}), gh = /* @__PURE__ */ y({
   __name: "FluxTag",
   props: {
     color: { default: "gray" },
@@ -4541,7 +4547,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       _: 1
     }, 8, ["class", "component-type", "tabindex", "href", "rel", "target", "to"]));
   }
-}), Yt = -1, _i = /* @__PURE__ */ y({
+}), Yt = -1, qi = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: /* @__PURE__ */ ee({
@@ -4632,7 +4638,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
         });
       }), a("open");
     }), z(i, (T) => a("search", T)), z([() => n.options, h], () => g.value = Yt), (T, V) => (c(), p(H, null, [
-      v(ep, ye({ ref: "anchor" }, T.$attrs, {
+      v(tp, ye({ ref: "anchor" }, T.$attrs, {
         class: t(Z)(
           t(O).formSelect,
           t(s) && t(O).isDisabled,
@@ -4656,7 +4662,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
             "icon-leading": T.selected[0].icon,
             label: T.selected[0].label,
             tabindex: "-1"
-          }, null, 8, ["class", "command", "command-icon", "icon-leading", "label"])) : T.isMultiple && T.selected[0] ? (c(!0), p(H, { key: 1 }, q(T.selected, (M) => (c(), b(hh, {
+          }, null, 8, ["class", "command", "command-icon", "icon-leading", "label"])) : T.isMultiple && T.selected[0] ? (c(!0), p(H, { key: 1 }, q(T.selected, (M) => (c(), b(gh, {
             key: M.value ?? "null option",
             label: M.label,
             "is-deletable": "",
@@ -4680,7 +4686,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       (c(), b(Oa, { to: "body" }, [
         v(t(Le), null, {
           default: k(() => [
-            h.value && !t(s) ? (c(), b(tp, {
+            h.value && !t(s) ? (c(), b(np, {
               key: 0,
               ref: "anchorPopup",
               class: d(t(Z)(
@@ -4768,7 +4774,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       ]))
     ], 64));
   }
-}), gh = "slider", bh = "is-disabled", vh = "is-dragging", yh = "slider-thumb", kh = "slider-track", Ah = "slider-track-value", Fh = "tick", $h = "tick-large tick", Ch = "tick-small tick", wh = "ticks", He = { slider: gh, isDisabled: bh, isDragging: vh, sliderThumb: yh, sliderTrack: kh, sliderTrackValue: Ah, tick: Fh, tickLarge: $h, tickSmall: Ch, ticks: wh }, Bh = /* @__PURE__ */ y({
+}), bh = "slider", vh = "is-disabled", yh = "is-dragging", kh = "slider-thumb", Ah = "slider-track", Fh = "slider-track-value", $h = "tick", Ch = "tick-large tick", wh = "tick-small tick", Bh = "ticks", He = { slider: bh, isDisabled: vh, isDragging: yh, sliderThumb: kh, sliderTrack: Ah, sliderTrackValue: Fh, tick: $h, tickLarge: Ch, tickSmall: wh, ticks: Bh }, Sh = /* @__PURE__ */ y({
   __name: "FluxTicks",
   props: {
     lower: {},
@@ -4797,7 +4803,7 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       }, null, 6))), 128))
     ], 2));
   }
-}), Sh = ["aria-disabled"], qi = /* @__PURE__ */ y({
+}), Eh = ["aria-disabled"], Ki = /* @__PURE__ */ y({
   __name: "SliderBase",
   props: {
     disabled: { type: Boolean },
@@ -4839,15 +4845,15 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       "aria-disabled": t(i) ? !0 : void 0,
       onPointerdown: o
     }, [
-      u.isTicksVisible ? (c(), b(Bh, {
+      u.isTicksVisible ? (c(), b(Sh, {
         key: 0,
         lower: u.min,
         upper: u.max
       }, null, 8, ["lower", "upper"])) : B("", !0),
       w(u.$slots, "default")
-    ], 42, Sh));
+    ], 42, Eh));
   }
-}), Eh = ["aria-disabled", "tabindex"], ia = /* @__PURE__ */ y({
+}), Ih = ["aria-disabled", "tabindex"], ia = /* @__PURE__ */ y({
   __name: "SliderThumb",
   props: {
     disabled: { type: Boolean },
@@ -4888,9 +4894,9 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
       type: "button",
       onKeydown: s,
       onPointerdown: l[0] || (l[0] = (r) => o.$emit("grab", r))
-    }, null, 46, Eh));
+    }, null, 46, Ih));
   }
-}), Ki = /* @__PURE__ */ y({
+}), Yi = /* @__PURE__ */ y({
   __name: "SliderTrack",
   props: {
     percentageLower: {},
@@ -4911,8 +4917,8 @@ const { button: nn, buttonIcon: an, buttonLabel: sn } = rt, pu = `primary-button
     ], 2));
   }
 });
-function Yi(n, e, a, i, s, o) {
-  const l = Gt();
+function Zi(n, e, a, i, s, o) {
+  const l = Ut();
   let r = null, u = 0;
   Ee(() => {
     window.addEventListener("keydown", m);
@@ -4923,8 +4929,8 @@ function Yi(n, e, a, i, s, o) {
     f.key !== "Escape" || !r || !e.isCloseable || (f.preventDefault(), f.stopPropagation(), a("close"));
   }
   return () => {
-    const { dialogCount: f } = wn(), g = dt(i.default?.() ?? []), F = g.length > 0 && g.some(($) => $.type !== ds), h = [];
-    return F ? (r || (r = Qa(), u = f + 1e3), h.push(Ye("div", {
+    const { dialogCount: f } = wn(), g = dt(i.default?.() ?? []), F = g.length > 0 && g.some(($) => $.type !== ms), h = [];
+    return F ? (r || (r = Xa(), u = f + 1e3), h.push(Ye("div", {
       key: e.viewKey,
       class: s,
       style: { zIndex: u }
@@ -4935,7 +4941,7 @@ function Yi(n, e, a, i, s, o) {
     ]);
   };
 }
-function Zi(n, e, a = !1) {
+function Qi(n, e, a = !1) {
   const i = ve();
   if (n.day === e.day && n.month === e.month && n.year === e.year)
     return n.toLocaleString({
@@ -4978,7 +4984,7 @@ function Zi(n, e, a = !1) {
   }
   return i("flux.customPeriod");
 }
-const Ih = "divider", Th = "divider-content-start divider", Lh = "divider-content-center divider", Dh = "divider-content-end divider", Mh = "divider-content", Ph = "divider-line", Vh = "separator", xh = "separator-horizontal separator", Oh = "separator-vertical separator", kt = { divider: Ih, dividerContentStart: Th, dividerContentCenter: Lh, dividerContentEnd: Dh, dividerContent: Mh, dividerLine: Ph, separator: Vh, separatorHorizontal: xh, separatorVertical: Oh }, Rh = ["aria-orientation"], Qi = /* @__PURE__ */ y({
+const Th = "divider", Lh = "divider-content-start divider", Dh = "divider-content-center divider", Mh = "divider-content-end divider", Ph = "divider-content", Vh = "divider-line", xh = "separator", Oh = "separator-horizontal separator", Rh = "separator-vertical separator", kt = { divider: Th, dividerContentStart: Lh, dividerContentCenter: Dh, dividerContentEnd: Mh, dividerContent: Ph, dividerLine: Vh, separator: xh, separatorHorizontal: Oh, separatorVertical: Rh }, zh = ["aria-orientation"], Xi = /* @__PURE__ */ y({
   __name: "FluxSeparator",
   props: {
     direction: { default: "horizontal" }
@@ -4988,9 +4994,9 @@ const Ih = "divider", Th = "divider-content-start divider", Lh = "divider-conten
       class: d(e.direction === "horizontal" ? t(kt).separatorHorizontal : t(kt).separatorVertical),
       role: "separator",
       "aria-orientation": e.direction
-    }, null, 10, Rh));
+    }, null, 10, zh));
   }
-}), zh = /* @__PURE__ */ y({
+}), Hh = /* @__PURE__ */ y({
   __name: "FilterItem",
   props: {
     item: {},
@@ -5014,7 +5020,7 @@ const Ih = "divider", Th = "divider-content-start divider", Lh = "divider-conten
       onClick: r
     }, null, 8, ["command", "command-loading", "icon-leading", "label"]));
   }
-}), Hh = y({
+}), Nh = y({
   props: {
     navigate: Function,
     state: Object
@@ -5029,8 +5035,8 @@ const Ih = "divider", Th = "divider-content-start divider", Lh = "divider-conten
           continue;
         }
         if (l.startsWith("FluxFilter")) {
-          const r = Ft(o), u = Pi(l.substring(10));
-          s[s.length - 1].push(Zh[u](r));
+          const r = Ft(o), u = Vi(l.substring(10));
+          s[s.length - 1].push(Qh[u](r));
           continue;
         }
         s[s.length - 1].push(o);
@@ -5038,11 +5044,11 @@ const Ih = "divider", Th = "divider-content-start divider", Lh = "divider-conten
       return s;
     });
     return () => Ye(Jt, {}, {
-      default: () => t(a).map((i, s) => Kh(i, s, n.navigate, n.state))
+      default: () => t(a).map((i, s) => Yh(i, s, n.navigate, n.state))
     });
   }
 });
-function Nh(n) {
+function Gh(n) {
   return {
     ...n,
     type: "date",
@@ -5055,7 +5061,7 @@ function Nh(n) {
     }
   };
 }
-function Gh(n) {
+function Uh(n) {
   return {
     ...n,
     type: "dateRange",
@@ -5063,11 +5069,11 @@ function Gh(n) {
       if (!Array.isArray(e) || e.length !== 2)
         return null;
       const [a, i] = e;
-      return !Fe.isDateTime(a) || !Fe.isDateTime(i) ? null : Zi(a, i);
+      return !Fe.isDateTime(a) || !Fe.isDateTime(i) ? null : Qi(a, i);
     }
   };
 }
-function Uh(n) {
+function Wh(n) {
   const e = n.options;
   return {
     ...n,
@@ -5077,7 +5083,7 @@ function Uh(n) {
     }
   };
 }
-function Wh(n) {
+function jh(n) {
   const e = n.fetchOptions;
   return {
     ...n,
@@ -5087,17 +5093,17 @@ function Wh(n) {
     }
   };
 }
-function jh(n) {
+function _h(n) {
   const e = n.options, a = ve();
   return {
     ...n,
     type: "options",
     async getValueLabel(i) {
-      return Array.isArray(i) ? Xi(a, e, i) : null;
+      return Array.isArray(i) ? Ji(a, e, i) : null;
     }
   };
 }
-function _h(n) {
+function qh(n) {
   const e = n.fetchOptions, a = ve();
   return {
     ...n,
@@ -5106,11 +5112,11 @@ function _h(n) {
       if (!Array.isArray(i))
         return null;
       const s = (await e(i)).filter(nt);
-      return Xi(a, s, i);
+      return Ji(a, s, i);
     }
   };
 }
-function qh(n) {
+function Kh(n) {
   return {
     ...n,
     type: "range",
@@ -5126,33 +5132,33 @@ function qh(n) {
     }
   };
 }
-function Kh(n, e, a, i) {
+function Yh(n, e, a, i) {
   const s = [];
-  return e > 0 && s.push(Ye(Qi)), s.push(Ye(St, {}, {
-    default: () => n.map((o) => Yh(o, a, i))
+  return e > 0 && s.push(Ye(Xi)), s.push(Ye(St, {}, {
+    default: () => n.map((o) => Zh(o, a, i))
   })), s;
 }
-function Yh(n, e, a) {
-  return ms(n) ? n : Ye(zh, {
+function Zh(n, e, a) {
+  return ps(n) ? n : Ye(Hh, {
     item: n,
     value: a[n.name] ?? null,
     onClick: () => e(n.name)
   });
 }
-function Xi(n, e, a) {
+function Ji(n, e, a) {
   const i = e.filter((s) => a.includes(s.value)).length;
   return i <= 0 ? null : i === 1 ? e.find((s) => a.includes(s.value)).label : n("flux.nSelected", {
     n: i
   });
 }
-const Zh = {
-  date: Nh,
-  dateRange: Gh,
-  option: Uh,
-  optionAsync: Wh,
-  options: jh,
-  optionsAsync: _h,
-  range: qh
+const Qh = {
+  date: Gh,
+  dateRange: Uh,
+  option: Wh,
+  optionAsync: jh,
+  options: _h,
+  optionsAsync: qh,
+  range: Kh
 }, Ln = y({
   props: {
     vnode: Object
@@ -5160,7 +5166,7 @@ const Zh = {
   setup(n) {
     return () => n.vnode;
   }
-}), { basePaneStructure: Qh, basePaneLoader: Xh } = mt, Jh = `calendar ${Qh}`, eg = "calendar-actions", tg = `calendar-loader ${Xh}`, ng = "calendar-current", ag = "calendar-current-value", ig = "calendar-current-month calendar-current-value", sg = "calendar-current-year calendar-current-value", og = "calendar-cells", lg = "calendar-cell", rg = "calendar-day calendar-cell", ug = "calendar-entry calendar-cell", cg = "is-disabled", dg = "calendar-entry-date", mg = "calendar-events", pg = "calendar-event", fg = "is-single", hg = "is-middle", gg = "is-start", bg = "is-end", Ce = { calendar: Jh, calendarActions: eg, calendarLoader: tg, calendarCurrent: ng, calendarCurrentValue: ag, calendarCurrentMonth: ig, calendarCurrentYear: sg, calendarCells: og, calendarCell: lg, calendarDay: rg, calendarEntry: ug, isDisabled: cg, calendarEntryDate: dg, calendarEvents: mg, calendarEvent: pg, isSingle: fg, isMiddle: hg, isStart: gg, isEnd: bg }, vg = "date-picker", yg = "date-picker-dates", kg = "date-picker-months", Ag = "date-picker-years", Fg = "date-picker-header", $g = "date-picker-header-view", Cg = "date-picker-header-view-button", wg = "date-picker-date", Bg = "is-disabled", Sg = "is-range-entry", Eg = "is-range-end", Ig = "is-range-start", Tg = "is-selection-entry", Lg = "is-selection-end", Dg = "is-selection-start", Mg = "is-selected", Pg = "date-picker-dates-grid", Vg = "date-picker-day", xg = "button", ge = { datePicker: vg, datePickerDates: yg, datePickerMonths: kg, datePickerYears: Ag, datePickerHeader: Fg, datePickerHeaderView: $g, datePickerHeaderViewButton: Cg, datePickerDate: wg, isDisabled: Bg, isRangeEntry: Sg, isRangeEnd: Eg, isRangeStart: Ig, isSelectionEntry: Tg, isSelectionEnd: Lg, isSelectionStart: Dg, isSelected: Mg, datePickerDatesGrid: Pg, datePickerDay: Vg, button: xg }, Og = ["onClick"], Rg = ["onClick"], RA = /* @__PURE__ */ y({
+}), { basePaneLoader: Xh, basePaneStructure: Jh } = mt, eg = `calendar ${Jh}`, tg = "calendar-actions", ng = `calendar-loader ${Xh}`, ag = "calendar-current", ig = "calendar-current-value", sg = "calendar-current-month calendar-current-value", og = "calendar-current-year calendar-current-value", lg = "calendar-cells", rg = "calendar-cell", ug = "calendar-day calendar-cell", cg = "calendar-entry calendar-cell", dg = "is-disabled", mg = "calendar-entry-date", pg = "calendar-events", fg = "calendar-event", hg = "is-single", gg = "is-middle", bg = "is-start", vg = "is-end", Ce = { calendar: eg, calendarActions: tg, calendarLoader: ng, calendarCurrent: ag, calendarCurrentValue: ig, calendarCurrentMonth: sg, calendarCurrentYear: og, calendarCells: lg, calendarCell: rg, calendarDay: ug, calendarEntry: cg, isDisabled: dg, calendarEntryDate: mg, calendarEvents: pg, calendarEvent: fg, isSingle: hg, isMiddle: gg, isStart: bg, isEnd: vg }, yg = "date-picker", kg = "date-picker-dates", Ag = "date-picker-months", Fg = "date-picker-years", $g = "date-picker-header", Cg = "date-picker-header-view", wg = "date-picker-header-view-button", Bg = "date-picker-date", Sg = "is-disabled", Eg = "is-range-entry", Ig = "is-range-end", Tg = "is-range-start", Lg = "is-selection-entry", Dg = "is-selection-end", Mg = "is-selection-start", Pg = "is-selected", Vg = "date-picker-dates-grid", xg = "date-picker-day", Og = "button", ge = { datePicker: yg, datePickerDates: kg, datePickerMonths: Ag, datePickerYears: Fg, datePickerHeader: $g, datePickerHeaderView: Cg, datePickerHeaderViewButton: wg, datePickerDate: Bg, isDisabled: Sg, isRangeEntry: Eg, isRangeEnd: Ig, isRangeStart: Tg, isSelectionEntry: Lg, isSelectionEnd: Dg, isSelectionStart: Mg, isSelected: Pg, datePickerDatesGrid: Vg, datePickerDay: xg, button: Og }, Rg = ["onClick"], zg = ["onClick"], HA = /* @__PURE__ */ y({
   __name: "FluxCalendar",
   props: {
     initialDate: { default: () => Fe.now() },
@@ -5178,15 +5184,15 @@ const Zh = {
       nextMonth: f,
       previousMonth: g,
       setViewDate: F
-    } = Vi(n.initialDate, {
+    } = xi(n.initialDate, {
       weekDayLength: "long"
     }), {
       months: h
-    } = xi(o, "short"), {
+    } = Oi(o, "short"), {
       years: $,
       next: E,
       previous: S
-    } = Oi(o), A = ve(), I = L(() => dt(i.default?.() ?? [])), C = L(() => t(I).filter((M) => ua(M) === "FluxCalendarEvent"));
+    } = Ri(o), A = ve(), I = L(() => dt(i.default?.() ?? [])), C = L(() => t(I).filter((M) => ua(M) === "FluxCalendarEvent"));
     function R(M) {
       const j = M.toSQLDate();
       return t(C).map((Q, _) => {
@@ -5216,7 +5222,7 @@ const Zh = {
     }, { immediate: !0 }), z(() => n.initialDate, F), (M, j) => (c(), p("div", {
       class: d(t(Ce).calendar)
     }, [
-      v(zc, {
+      v(Hc, {
         class: d(t(Ce).calendarActions)
       }, {
         primary: k(() => [
@@ -5230,7 +5236,7 @@ const Zh = {
                   class: d(t(Ce).calendarCurrentMonth),
                   type: "button",
                   onClick: Q
-                }, x(t(l)), 11, Og)
+                }, x(t(l)), 11, Rg)
               ]),
               default: k(({ close: Q }) => [
                 D("div", {
@@ -5252,7 +5258,7 @@ const Zh = {
                   class: d(t(Ce).calendarCurrentYear),
                   type: "button",
                   onClick: Q
-                }, x(t(r)), 11, Rg)
+                }, x(t(r)), 11, zg)
               ]),
               default: k(({ close: Q }) => [
                 D("div", {
@@ -5350,7 +5356,7 @@ const Zh = {
       ], 2)) : B("", !0)
     ], 2));
   }
-}), zA = /* @__PURE__ */ y({
+}), NA = /* @__PURE__ */ y({
   __name: "FluxCalendarEvent",
   props: {
     date: {},
@@ -5380,7 +5386,7 @@ const Zh = {
       _: 3
     }));
   }
-}), zg = ["for"], Hg = ["id"], Ng = ["aria-checked"], HA = /* @__PURE__ */ y({
+}), Hg = ["for"], Ng = ["id"], Gg = ["aria-checked"], GA = /* @__PURE__ */ y({
   __name: "FluxCheckbox",
   props: /* @__PURE__ */ ee({
     label: {}
@@ -5391,7 +5397,7 @@ const Zh = {
   emits: ["update:modelValue"],
   setup(n) {
     const e = ae(n, "modelValue"), a = te("input"), { id: i } = jt(), s = L(() => t(e) === null);
-    return Ut(() => {
+    return Wt(() => {
       const o = t(a);
       o && (o.indeterminate = t(s));
     }), (o, l) => (c(), p("label", {
@@ -5404,8 +5410,8 @@ const Zh = {
         type: "checkbox",
         class: d(t(O).checkboxNative),
         id: t(i)
-      }, null, 10, Hg), [
-        [ps, e.value]
+      }, null, 10, Ng), [
+        [fs, e.value]
       ]),
       D("button", {
         class: d(t(O).checkboxElement),
@@ -5421,14 +5427,14 @@ const Zh = {
           name: "check",
           size: 16
         }))
-      ], 10, Ng),
+      ], 10, Gg),
       o.label ? (c(), p("span", {
         key: 0,
         class: d(t(O).checkboxLabel)
       }, x(o.label), 3)) : B("", !0)
-    ], 10, zg));
+    ], 10, Hg));
   }
-}), Gg = "chip", Ug = "is-selectable", Wg = "is-selected", Nn = { chip: Gg, isSelectable: Ug, isSelected: Wg }, NA = /* @__PURE__ */ y({
+}), Ug = "chip", Wg = "is-selectable", jg = "is-selected", Nn = { chip: Ug, isSelectable: Wg, isSelected: jg }, UA = /* @__PURE__ */ y({
   __name: "FluxChip",
   props: {
     iconLeading: {},
@@ -5473,7 +5479,7 @@ const Zh = {
       _: 1
     }, 8, ["class"]));
   }
-}), GA = /* @__PURE__ */ y({
+}), WA = /* @__PURE__ */ y({
   __name: "FluxClickablePane",
   props: {
     isLoading: { type: Boolean },
@@ -5519,7 +5525,7 @@ const Zh = {
       _: 3
     }, 8, ["component-type", "class", "tabindex", "href", "rel", "target", "to"]));
   }
-}), jg = "comment", _g = "avatar", qg = "comment-content", Kg = "comment-footer", Yg = "is-received", Zg = "is-typing", Qg = "comment-typing", Pt = { comment: jg, avatar: _g, commentContent: qg, commentFooter: Kg, isReceived: Yg, isTyping: Zg, commentTyping: Qg }, Xg = { key: 0 }, Jg = ["datetime"], UA = /* @__PURE__ */ y({
+}), _g = "comment", qg = "avatar", Kg = "comment-content", Yg = "comment-footer", Zg = "is-received", Qg = "is-typing", Xg = "comment-typing", xt = { comment: _g, avatar: qg, commentContent: Kg, commentFooter: Yg, isReceived: Zg, isTyping: Qg, commentTyping: Xg }, Jg = { key: 0 }, eb = ["datetime"], jA = /* @__PURE__ */ y({
   __name: "FluxComment",
   props: {
     avatarAlt: {},
@@ -5536,13 +5542,13 @@ const Zh = {
     const e = ve(), a = L(() => n.postedOn && Math.abs(n.postedOn.diffNow().as("seconds")) < 15), i = L(() => n.postedOn?.toISO() ?? null), s = L(() => n.postedOn?.toRelative() ?? null);
     return (o, l) => (c(), p("div", {
       class: d(t(Z)(
-        t(Pt).comment,
-        o.isTyping && t(Pt).isTyping,
-        o.isReceived && t(Pt).isReceived
+        t(xt).comment,
+        o.isTyping && t(xt).isTyping,
+        o.isReceived && t(xt).isReceived
       )),
       role: "article"
     }, [
-      v(Wi, {
+      v(ji, {
         alt: o.avatarAlt,
         fallback: o.avatarFallback,
         "fallback-icon": o.avatarFallbackIcon,
@@ -5551,25 +5557,25 @@ const Zh = {
         src: o.avatarSrc
       }, null, 8, ["alt", "fallback", "fallback-icon", "fallback-initials", "src"]),
       D("div", {
-        class: d(t(Pt).commentContent)
+        class: d(t(xt).commentContent)
       }, [
         o.isTyping ? (c(), p("div", {
           key: 0,
-          class: d(t(Pt).commentTyping)
+          class: d(t(xt).commentTyping)
         }, null, 2)) : w(o.$slots, "default", { key: 1 })
       ], 2),
       D("div", {
-        class: d(t(Pt).commentFooter)
+        class: d(t(xt).commentFooter)
       }, [
-        o.isReceived && o.postedBy ? (c(), p("span", Xg, x(o.postedBy), 1)) : B("", !0),
+        o.isReceived && o.postedBy ? (c(), p("span", Jg, x(o.postedBy), 1)) : B("", !0),
         i.value && s.value && !o.isTyping ? (c(), p("time", {
           key: 1,
           datetime: i.value
-        }, x(a.value ? t(e)("flux.justNow") : s.value), 9, Jg)) : B("", !0)
+        }, x(a.value ? t(e)("flux.justNow") : s.value), 9, eb)) : B("", !0)
       ], 2)
     ], 2));
   }
-}), { sliderThumb: eb } = He, tb = "coordinate-picker", nb = `coordinate-picker-thumb ${eb}`, ab = "is-disabled", ib = "is-dragging", fn = { coordinatePicker: tb, coordinatePickerThumb: nb, isDisabled: ab, isDragging: ib }, sb = ["aria-disabled", "tabindex"], ob = /* @__PURE__ */ y({
+}), { sliderThumb: tb } = He, nb = "coordinate-picker", ab = `coordinate-picker-thumb ${tb}`, ib = "is-disabled", sb = "is-dragging", fn = { coordinatePicker: nb, coordinatePickerThumb: ab, isDisabled: ib, isDragging: sb }, ob = ["aria-disabled", "tabindex"], lb = /* @__PURE__ */ y({
   __name: "CoordinatePickerThumb",
   props: {
     disabled: { type: Boolean },
@@ -5615,9 +5621,9 @@ const Zh = {
       type: "button",
       onKeydown: s,
       onPointerdown: l[0] || (l[0] = (r) => o.$emit("grab", r))
-    }, null, 46, sb));
+    }, null, 46, ob));
   }
-}), lb = ["aria-disabled"], rb = /* @__PURE__ */ y({
+}), rb = ["aria-disabled"], ub = /* @__PURE__ */ y({
   __name: "CoordinatePicker",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -5681,16 +5687,16 @@ const Zh = {
       "aria-disabled": t(s) ? !0 : void 0,
       onPointerdown: h
     }, [
-      v(ob, {
+      v(lb, {
         disabled: t(s),
         "is-dragging": l.value,
         position: f.value,
         onDecrement: g,
         onIncrement: F
       }, null, 8, ["disabled", "is-dragging", "position"])
-    ], 42, lb));
+    ], 42, rb));
   }
-}), ub = { key: 1 }, Da = /* @__PURE__ */ y({
+}), cb = { key: 1 }, Da = /* @__PURE__ */ y({
   __name: "FluxFormFieldAddition",
   props: {
     icon: {},
@@ -5711,11 +5717,11 @@ const Zh = {
         name: e.icon,
         size: 16
       }, null, 8, ["class", "name"])) : B("", !0),
-      e.message ? (c(), p("span", ub, x(e.message), 1)) : B("", !0),
+      e.message ? (c(), p("span", cb, x(e.message), 1)) : B("", !0),
       w(e.$slots, "default")
     ], 2));
   }
-}), cb = ["for"], Ve = /* @__PURE__ */ y({
+}), db = ["for"], Ve = /* @__PURE__ */ y({
   __name: "FluxFormField",
   props: {
     currentLength: {},
@@ -5727,7 +5733,7 @@ const Zh = {
   },
   setup(n) {
     const e = De(), a = Bt(), i = ve();
-    return Wt(ja, {
+    return It(ja, {
       id: a
     }), (s, o) => (c(), p("div", {
       class: d(t(O).formField)
@@ -5749,7 +5755,7 @@ const Zh = {
         }, [
           w(s.$slots, "value", ce(de({ currentLength: s.currentLength, error: s.error, hint: s.hint, id: t(a), isOptional: s.isOptional, label: s.label, maxLength: s.maxLength })))
         ], 2)) : B("", !0)
-      ], 10, cb),
+      ], 10, db),
       w(s.$slots, "default", ce(de({ id: t(a) }))),
       s.currentLength && s.maxLength && s.maxLength > 0 ? (c(), p("span", {
         key: 0,
@@ -5815,12 +5821,12 @@ const Zh = {
       const h = Pe(o.value, n.min, n.max, n.step);
       e.value = Math.min(n.max, h + n.step);
     }
-    return Ut(() => {
+    return Wt(() => {
       o.value = (t(e) - n.min) / (n.max - n.min);
     }), z([() => n.max, () => n.min, o, () => n.step], () => {
       const h = Pe(t(o), n.min, n.max, n.step);
       e.value = h, l.value = (h - n.min) / (n.max - n.min);
-    }, { immediate: !0 }), (h, $) => (c(), b(t(qi), {
+    }, { immediate: !0 }), (h, $) => (c(), b(t(Ki), {
       disabled: t(a),
       "is-dragging": s.value,
       "is-ticks-visible": h.isTicksVisible,
@@ -5831,7 +5837,7 @@ const Zh = {
       onUpdate: f
     }, {
       default: k(() => [
-        v(t(Ki), {
+        v(t(Yi), {
           "percentage-lower": 0,
           "percentage-upper": l.value
         }, {
@@ -5851,14 +5857,14 @@ const Zh = {
       _: 1
     }, 8, ["disabled", "is-dragging", "is-ticks-visible", "max", "min", "step"]));
   }
-}), db = "color-picker", mb = "color-picker-preview", pb = "color-picker-saturation", fb = "color-picker-slider", hb = "slider-track-value", gb = "color-picker-alpha-slider color-picker-slider", bb = "slider-track", vb = "color-picker-hue-slider color-picker-slider", yb = "color-picker-value", kb = "form-field-label", Ab = "form-input", Fb = "color-select", $b = "color-select-item", Cb = "icon", wb = "color-select-color color-select-item", Bb = "color-select-color-deselected color-select-color color-select-item", Sb = "color-select-color-selected color-select-color color-select-item", Eb = "color-select-custom color-select-item", Ib = "color-select-custom-picker", Tb = "color-select-buttons", Lb = "button", Db = "color-select-check", xe = { colorPicker: db, colorPickerPreview: mb, colorPickerSaturation: pb, colorPickerSlider: fb, sliderTrackValue: hb, colorPickerAlphaSlider: gb, sliderTrack: bb, colorPickerHueSlider: vb, colorPickerValue: yb, formFieldLabel: kb, formInput: Ab, colorSelect: Fb, colorSelectItem: $b, icon: Cb, colorSelectColor: wb, colorSelectColorDeselected: Bb, colorSelectColorSelected: Sb, colorSelectCustom: Eb, colorSelectCustomPicker: Ib, colorSelectButtons: Tb, button: Lb, colorSelectCheck: Db }, Mb = /* @__PURE__ */ y({
+}), mb = "color-picker", pb = "color-picker-preview", fb = "color-picker-saturation", hb = "color-picker-slider", gb = "slider-track-value", bb = "color-picker-alpha-slider color-picker-slider", vb = "slider-track", yb = "color-picker-hue-slider color-picker-slider", kb = "color-picker-value", Ab = "form-field-label", Fb = "form-input", $b = "color-select", Cb = "color-select-item", wb = "icon", Bb = "color-select-color color-select-item", Sb = "color-select-color-deselected color-select-color color-select-item", Eb = "color-select-color-selected color-select-color color-select-item", Ib = "color-select-custom color-select-item", Tb = "color-select-custom-picker", Lb = "color-select-buttons", Db = "button", Mb = "color-select-check", xe = { colorPicker: mb, colorPickerPreview: pb, colorPickerSaturation: fb, colorPickerSlider: hb, sliderTrackValue: gb, colorPickerAlphaSlider: bb, sliderTrack: vb, colorPickerHueSlider: yb, colorPickerValue: kb, formFieldLabel: Ab, formInput: Fb, colorSelect: $b, colorSelectItem: Cb, icon: wb, colorSelectColor: Bb, colorSelectColorDeselected: Sb, colorSelectColorSelected: Eb, colorSelectCustom: Ib, colorSelectCustomPicker: Tb, colorSelectButtons: Lb, button: Db, colorSelectCheck: Mb }, Pb = /* @__PURE__ */ y({
   __name: "FluxColorPicker",
   props: /* @__PURE__ */ ee({
     isAlphaEnabled: { type: Boolean },
     type: { default: "hex" }
   }, {
     modelValue: {
-      default: Ni
+      default: Gi
     },
     modelModifiers: {}
   }),
@@ -5903,13 +5909,13 @@ const Zh = {
       const M = n.type === "hex" ? T.toString() : "", j = n.type !== "hex" ? T : [0, 0, 0];
       switch (n.type) {
         case "hex":
-          i.value = vt(...oi(M));
+          i.value = vt(...li(M));
           break;
         case "rgb":
           i.value = vt(...j);
           break;
         case "hsl":
-          i.value = vt(...li(...j));
+          i.value = vt(...ri(...j));
           break;
         case "hsv":
           i.value = [...j];
@@ -5918,13 +5924,13 @@ const Zh = {
     }, { immediate: !0 }), z(i, (T) => {
       switch (n.type) {
         case "hex":
-          e.value = Vs(...Je(...T));
+          e.value = xs(...Je(...T));
           break;
         case "rgb":
           e.value = Je(...T);
           break;
         case "hsl":
-          e.value = ri(...Je(...T));
+          e.value = ui(...Je(...T));
           break;
         case "hsv":
           e.value = [...T];
@@ -5936,7 +5942,7 @@ const Zh = {
         "--pickerBackground": f.value
       })
     }, [
-      v(rb, {
+      v(ub, {
         modelValue: m.value,
         "onUpdate:modelValue": V[0] || (V[0] = (M) => m.value = M),
         class: d(t(xe).colorPickerSaturation),
@@ -6145,10 +6151,10 @@ const Zh = {
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), Pb = ["onClick"], Vb = ["onClick"], WA = /* @__PURE__ */ y({
+}), Vb = ["onClick"], xb = ["onClick"], _A = /* @__PURE__ */ y({
   __name: "FluxColorSelect",
   props: /* @__PURE__ */ ee({
-    colors: { default: () => [xl, Rl, zl, Nl, Ul, jl, ql, Yl, Ql, Jl, Ni, nr, ir, or, lr, ur, cr] },
+    colors: { default: () => [Ol, zl, Hl, Gl, Wl, _l, Kl, Zl, Xl, er, Gi, ar, sr, lr, rr, cr, dr] },
     isCustomAllowed: { type: Boolean }
   }, {
     modelValue: {
@@ -6177,7 +6183,7 @@ const Zh = {
           name: "check",
           size: 16
         }, null, 8, ["class"])
-      ], 14, Pb))), 256)),
+      ], 14, Vb))), 256)),
       o.isCustomAllowed ? (c(), b(at, { key: 0 }, {
         opener: k(({ open: r }) => [
           D("button", {
@@ -6188,10 +6194,10 @@ const Zh = {
               name: "ellipsis-h",
               size: 16
             })
-          ], 10, Vb)
+          ], 10, xb)
         ]),
         default: k(({ close: r }) => [
-          v(Mb, {
+          v(Pb, {
             modelValue: i.value,
             "onUpdate:modelValue": l[0] || (l[0] = (u) => i.value = u),
             class: d(t(xe).colorSelectCustomPicker)
@@ -6216,7 +6222,7 @@ const Zh = {
       })) : B("", !0)
     ], 2));
   }
-}), jA = /* @__PURE__ */ y({
+}), qA = /* @__PURE__ */ y({
   __name: "FluxContainer",
   props: {
     gutter: { default: 30 }
@@ -6229,7 +6235,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 6));
   }
-}), Ji = /* @__PURE__ */ y({
+}), es = /* @__PURE__ */ y({
   __name: "FluxFormSelect",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -6249,14 +6255,14 @@ const Zh = {
   }),
   emits: ["update:searchQuery", "update:modelValue"],
   setup(n) {
-    const e = ae(n, "searchQuery"), a = ae(n, "modelValue"), i = be(me(() => n.disabled)), { groups: s, selected: o, values: l } = Ui(a, n.isMultiple, me(() => n.options), e);
+    const e = ae(n, "searchQuery"), a = ae(n, "modelValue"), i = be(me(() => n.disabled)), { groups: s, selected: o, values: l } = Wi(a, n.isMultiple, me(() => n.options), e);
     function r(m) {
       t(n.isMultiple) && (a.value = t(l).filter((f) => f !== m));
     }
     function u(m) {
       t(n.isMultiple) ? a.value = [...t(l), m] : a.value = m;
     }
-    return (m, f) => (c(), b(t(_i), {
+    return (m, f) => (c(), b(t(qi), {
       searchQuery: e.value,
       "onUpdate:searchQuery": f[0] || (f[0] = (g) => e.value = g),
       disabled: t(i),
@@ -6269,7 +6275,7 @@ const Zh = {
       onSelect: u
     }, null, 8, ["searchQuery", "disabled", "is-multiple", "is-searchable", "options", "placeholder", "selected"]));
   }
-}), { secondaryButtonLabel: xb, secondaryButton: Ob, secondaryButtonIcon: Rb } = se, zb = "pagination", Hb = `pagination-button ${Ob}`, Nb = "secondary-button", Gb = "pagination-button-arrow", Ub = "pagination-button-current", Wb = "pagination-button-spacer", jb = `pagination-button-icon ${Rb}`, _b = `pagination-button-label ${xb}`, qb = "pagination-bar", Kb = "pagination-bar-limit", Yb = "pagination-bar-limit-displaying-of", Zb = "pagination-bar-limit-select", Qb = "menu-item", Xb = "menu-item-label", Oe = { pagination: zb, paginationButton: Hb, secondaryButton: Nb, paginationButtonArrow: Gb, paginationButtonCurrent: Ub, paginationButtonSpacer: Wb, paginationButtonIcon: jb, paginationButtonLabel: _b, paginationBar: qb, paginationBarLimit: Kb, paginationBarLimitDisplayingOf: Yb, paginationBarLimitSelect: Zb, menuItem: Qb, menuItemLabel: Xb }, Vt = /* @__PURE__ */ y({
+}), { secondaryButton: Ob, secondaryButtonLabel: Rb, secondaryButtonIcon: zb } = se, Hb = "pagination", Nb = `pagination-button ${Ob}`, Gb = "secondary-button", Ub = "pagination-button-arrow", Wb = "pagination-button-current", jb = "pagination-button-spacer", _b = `pagination-button-icon ${zb}`, qb = `pagination-button-label ${Rb}`, Kb = "pagination-bar", Yb = "pagination-bar-limit", Zb = "pagination-bar-limit-displaying-of", Qb = "pagination-bar-limit-select", Xb = "menu-item", Jb = "menu-item-label", Oe = { pagination: Hb, paginationButton: Nb, secondaryButton: Gb, paginationButtonArrow: Ub, paginationButtonCurrent: Wb, paginationButtonSpacer: jb, paginationButtonIcon: _b, paginationButtonLabel: qb, paginationBar: Kb, paginationBarLimit: Yb, paginationBarLimitDisplayingOf: Zb, paginationBarLimitSelect: Qb, menuItem: Xb, menuItemLabel: Jb }, Ot = /* @__PURE__ */ y({
   __name: "FluxPaginationButton",
   props: {
     type: {},
@@ -6313,7 +6319,7 @@ const Zh = {
       }))
     ]), 1040, ["class", "css-class", "css-class-icon", "css-class-label"]));
   }
-}), Jb = ["aria-label"], ev = /* @__PURE__ */ y({
+}), ev = ["aria-label"], tv = /* @__PURE__ */ y({
   __name: "FluxPagination",
   props: {
     arrows: { type: Boolean },
@@ -6350,7 +6356,7 @@ const Zh = {
       u(n.page - 1);
     }
     async function g() {
-      const F = await ei({
+      const F = await ti({
         icon: "ellipsis",
         title: i("flux.paginationNavigateTitle"),
         message: i("flux.paginationNavigateMessage"),
@@ -6363,7 +6369,7 @@ const Zh = {
       role: "navigation",
       "aria-label": t(i)("flux.pagination")
     }, [
-      F.arrows || F.isCompact ? (c(), b(Vt, {
+      F.arrows || F.isCompact ? (c(), b(Ot, {
         key: 0,
         disabled: l.value,
         "icon-leading": "angle-left",
@@ -6371,7 +6377,7 @@ const Zh = {
         "aria-label": t(i)("flux.previous"),
         onClick: f
       }, null, 8, ["disabled", "aria-label"])) : B("", !0),
-      F.isCompact ? (c(), b(Vt, {
+      F.isCompact ? (c(), b(Ot, {
         key: 2,
         class: d(t(Oe).paginationCurrentZZ),
         onClick: g
@@ -6384,23 +6390,23 @@ const Zh = {
         _: 1,
         __: [0]
       }, 8, ["class"])) : (c(!0), p(H, { key: 1 }, q(r.value, ($) => (c(), p(H, null, [
-        $ === "dots" ? (c(), b(Vt, {
+        $ === "dots" ? (c(), b(Ot, {
           key: 0,
           disabled: "",
           "icon-leading": "ellipsis-h",
           "is-spacer": ""
-        })) : $ === F.page ? (c(), b(Vt, {
+        })) : $ === F.page ? (c(), b(Ot, {
           key: 1,
           "is-current": "",
           label: `${$}`,
           "aria-current": "page"
-        }, null, 8, ["label"])) : (c(), b(Vt, {
+        }, null, 8, ["label"])) : (c(), b(Ot, {
           key: 2,
           label: `${$}`,
           onClick: (E) => u($)
         }, null, 8, ["label", "onClick"]))
       ], 64))), 256)),
-      F.arrows || F.isCompact ? (c(), b(Vt, {
+      F.arrows || F.isCompact ? (c(), b(Ot, {
         key: 3,
         disabled: o.value,
         "icon-leading": "angle-right",
@@ -6408,9 +6414,9 @@ const Zh = {
         "aria-label": t(i)("flux.next"),
         onClick: m
       }, null, 8, ["disabled", "aria-label"])) : B("", !0)
-    ], 10, Jb));
+    ], 10, ev));
   }
-}), tv = /* @__PURE__ */ y({
+}), nv = /* @__PURE__ */ y({
   __name: "FluxPaginationBar",
   props: {
     limits: { default: () => [5, 10, 25, 50, 100] },
@@ -6427,7 +6433,7 @@ const Zh = {
     return z(s, (l) => a("limit", l)), z(() => n.perPage, (l) => s.value = l, { immediate: !0 }), (l, r) => (c(), p("div", {
       class: d(t(Oe).paginationBar)
     }, [
-      l.total > l.perPage ? (c(), b(ev, {
+      l.total > l.perPage ? (c(), b(tv, {
         key: 0,
         arrows: "",
         page: l.page,
@@ -6448,7 +6454,7 @@ const Zh = {
           to: Math.min(l.total, l.page * l.perPage),
           total: l.total
         })), 3),
-        v(Ji, {
+        v(es, {
           modelValue: s.value,
           "onUpdate:modelValue": r[1] || (r[1] = (u) => s.value = u),
           class: d(t(Oe).paginationBarLimitSelect),
@@ -6457,7 +6463,7 @@ const Zh = {
       ], 2)
     ], 2));
   }
-}), { basePaneLoader: nv, basePaneElement: av } = mt, iv = `table ${av}`, sv = "table-base", ov = "table-fill", lv = "table-pagination", rv = `table-loader ${nv}`, uv = "table-row", cv = "table-cell", dv = "table-cell-content", mv = "table-header table-cell", pv = "is-shrinking", fv = "is-sticky", hv = "table-header-content table-cell-content", gv = "is-striped", bv = "is-hoverable", vv = "is-bordered", yv = "is-separated", kv = "table-actions", Av = "table-sort", Fv = "base-pane-structure", Ae = { table: iv, tableBase: sv, tableFill: ov, tablePagination: lv, tableLoader: rv, tableRow: uv, tableCell: cv, tableCellContent: dv, tableHeader: mv, isShrinking: pv, isSticky: fv, tableHeaderContent: hv, isStriped: gv, isHoverable: bv, isBordered: vv, isSeparated: yv, tableActions: kv, tableSort: Av, basePaneStructure: Fv }, $v = /* @__PURE__ */ y({
+}), { basePaneElement: av, basePaneLoader: iv } = mt, sv = `table ${av}`, ov = "table-base", lv = "table-fill", rv = "table-pagination", uv = `table-loader ${iv}`, cv = "table-row", dv = "table-cell", mv = "table-cell-content", pv = "table-header table-cell", fv = "is-shrinking", hv = "is-sticky", gv = "table-header-content table-cell-content", bv = "is-striped", vv = "is-hoverable", yv = "is-bordered", kv = "is-separated", Av = "table-actions", Fv = "table-sort", $v = "base-pane-structure", Ae = { table: sv, tableBase: ov, tableFill: lv, tablePagination: rv, tableLoader: uv, tableRow: cv, tableCell: dv, tableCellContent: mv, tableHeader: pv, isShrinking: fv, isSticky: hv, tableHeaderContent: gv, isStriped: bv, isHoverable: vv, isBordered: yv, isSeparated: kv, tableActions: Av, tableSort: Fv, basePaneStructure: $v }, Cv = /* @__PURE__ */ y({
   __name: "FluxTableCell",
   props: {
     contentDirection: { default: "row" }
@@ -6468,7 +6474,7 @@ const Zh = {
       isHoverable: a,
       isSeparated: i,
       isStriped: s
-    } = si();
+    } = oi();
     return (o, l) => (c(), p("td", {
       class: d(t(Z)(
         t(Ae).tableCell,
@@ -6500,7 +6506,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), Cv = { key: 0 }, wv = { key: 1 }, Bv = { key: 2 }, Sv = /* @__PURE__ */ y({
+}), wv = { key: 0 }, Bv = { key: 1 }, Sv = { key: 2 }, Ev = /* @__PURE__ */ y({
   __name: "FluxTable",
   props: {
     captionSide: { default: "bottom" },
@@ -6513,7 +6519,7 @@ const Zh = {
   },
   setup(n) {
     const e = De();
-    return Wt(_a, {
+    return It(_a, {
       isBordered: n.isBordered,
       isHoverable: n.isHoverable,
       isSeparated: n.isSeparated,
@@ -6525,22 +6531,22 @@ const Zh = {
         class: d(t(Ae).tableBase)
       }, [
         w(a.$slots, "colgroups"),
-        e.header ? (c(), p("thead", Cv, [
+        e.header ? (c(), p("thead", wv, [
           w(a.$slots, "header")
         ])) : B("", !0),
-        e.default ? (c(), p("tbody", wv, [
+        e.default ? (c(), p("tbody", Bv, [
           w(a.$slots, "default"),
           a.fillColumns ? (c(), b(hn, {
             key: 0,
             class: d(t(Ae).tableFill)
           }, {
             default: k(() => [
-              (c(!0), p(H, null, q(a.fillColumns, (s) => (c(), b($v))), 256))
+              (c(!0), p(H, null, q(a.fillColumns, (s) => (c(), b(Cv))), 256))
             ]),
             _: 1
           }, 8, ["class"])) : B("", !0)
         ])) : B("", !0),
-        e.footer ? (c(), p("tfoot", Bv, [
+        e.footer ? (c(), p("tfoot", Sv, [
           w(a.$slots, "footer")
         ])) : B("", !0),
         e.caption ? (c(), p("caption", {
@@ -6567,7 +6573,7 @@ const Zh = {
       }, 8, ["class"])) : B("", !0)
     ], 2));
   }
-}), _A = /* @__PURE__ */ y({
+}), KA = /* @__PURE__ */ y({
   __name: "FluxDataTable",
   props: {
     dataSet: {},
@@ -6586,7 +6592,7 @@ const Zh = {
   emits: ["limit", "navigate"],
   setup(n, { emit: e }) {
     const a = ["header", "footer", "colgroups", "pagination"], i = e, s = De(), o = L(() => n.dataSet.slice(0, n.perPage));
-    return (l, r) => (c(), b(Sv, {
+    return (l, r) => (c(), b(Ev, {
       "fill-columns": l.fillColumns,
       "is-bordered": l.isBordered,
       "is-hoverable": l.isHoverable,
@@ -6646,7 +6652,7 @@ const Zh = {
         name: "pagination",
         fn: k(() => [
           w(l.$slots, "pagination", ce(de({ page: l.page, perPage: l.perPage, rows: o.value, total: l.total })), () => [
-            v(tv, {
+            v(nv, {
               limits: l.limits,
               page: l.page,
               "per-page": l.perPage,
@@ -6660,7 +6666,7 @@ const Zh = {
       } : void 0
     ]), 1032, ["fill-columns", "is-bordered", "is-hoverable", "is-loading", "is-separated", "is-striped"]));
   }
-}), Ev = ["id"], Iv = ["aria-labelledby"], Tv = ["onClick", "onMouseover"], un = /* @__PURE__ */ y({
+}), Iv = ["id"], Tv = ["aria-labelledby"], Lv = ["onClick", "onMouseover"], un = /* @__PURE__ */ y({
   __name: "FluxDatePicker",
   props: /* @__PURE__ */ ee({
     max: {},
@@ -6687,16 +6693,19 @@ const Zh = {
       setViewDate: F,
       nextMonth: h,
       previousMonth: $
-    } = Vi(M()), {
+    } = xi(M()), {
       months: E
-    } = xi(o, "short"), {
+    } = Oi(o, "short"), {
       years: S,
       next: A,
       previous: I
-    } = Oi(o), C = P([null, null]), R = P("date"), G = L(() => (n.max ?? Fe.now().endOf("year").plus({ year: 100 })).startOf("day")), T = L(() => (n.min ?? Fe.now().startOf("year").minus({ year: 100 })).startOf("day")), V = L(() => {
+    } = Ri(o), C = P([null, null]), R = P("date"), G = L(() => (n.max ?? Fe.now().endOf("year").plus({ year: 100 })).startOf("day")), T = L(() => (n.min ?? Fe.now().startOf("year").minus({ year: 100 })).startOf("day")), V = L(() => {
       const [N, ne] = t(C);
       return !N || !ne ? [N, ne] : N > ne ? [ne, N] : [N, ne];
     });
+    z(e, () => {
+      F(M());
+    });
     function M() {
       const N = t(e);
       let ne;
@@ -6724,7 +6733,7 @@ const Zh = {
       const [X, st] = t(V);
       return !X || !st ? !1 : ne ? (ne === "start" ? X : st)?.hasSame(N, "day") : N >= X && N <= st;
     }
-    function Dt(N) {
+    function Pt(N) {
       switch (n.rangeMode) {
         case "range":
           const [ne] = t(C);
@@ -6744,13 +6753,13 @@ const Zh = {
     function cn(N) {
       R.value = t(R) === N ? "date" : N;
     }
-    function ns(N) {
+    function as(N) {
       cn("date"), F(N);
     }
-    function as(N) {
+    function is(N) {
       cn("date"), F(t(o).set({ year: N }));
     }
-    function is(N) {
+    function ss(N) {
       if (n.rangeMode)
         switch (n.rangeMode) {
           case "range":
@@ -6764,7 +6773,7 @@ const Zh = {
             break;
         }
     }
-    function ss() {
+    function os() {
       !n.rangeMode || n.rangeMode === "range" || (C.value = [null, null]);
     }
     return (N, ne) => (c(), p("div", {
@@ -6801,7 +6810,7 @@ const Zh = {
             type: "button",
             onClick: ne[1] || (ne[1] = (X) => cn("year"))
           }, x(t(m)), 3)
-        ], 10, Ev),
+        ], 10, Iv),
         v(t(Le), null, {
           default: k(() => [
             R.value === "date" ? (c(), b(ue, {
@@ -6815,7 +6824,7 @@ const Zh = {
           _: 1
         })
       ], 2),
-      v(t(rm), {
+      v(t(um), {
         "is-back": R.value === "date"
       }, {
         default: k(() => [
@@ -6849,15 +6858,15 @@ const Zh = {
                     )),
                     tabindex: "-1",
                     type: "button",
-                    onClick: (st) => Dt(X),
-                    onMouseover: (st) => is(X),
-                    onMouseout: ss
-                  }, x(X.toLocaleString({ day: "numeric" })), 43, Tv))), 128))
+                    onClick: (st) => Pt(X),
+                    onMouseover: (st) => ss(X),
+                    onMouseout: os
+                  }, x(X.toLocaleString({ day: "numeric" })), 43, Lv))), 128))
                 ], 2))
               ]),
               _: 1
             }, 8, ["is-back"])
-          ], 10, Iv)) : R.value === "month" ? (c(), p("div", {
+          ], 10, Tv)) : R.value === "month" ? (c(), p("div", {
             key: "month",
             class: d(t(ge).datePickerMonths)
           }, [
@@ -6866,7 +6875,7 @@ const Zh = {
               disabled: !_(X.date, "month"),
               label: X.label,
               tabindex: "-1",
-              onClick: (st) => ns(X.date)
+              onClick: (st) => as(X.date)
             }, null, 8, ["disabled", "label", "onClick"]))), 128))
           ], 2)) : R.value === "year" ? (c(), p("div", {
             key: "year",
@@ -6881,7 +6890,7 @@ const Zh = {
               key: X,
               label: X.toString(),
               tabindex: "-1",
-              onClick: (st) => as(X)
+              onClick: (st) => is(X)
             }, null, 8, ["label", "onClick"]))), 128)),
             v(ue, {
               "icon-leading": "angle-right",
@@ -6894,16 +6903,16 @@ const Zh = {
       }, 8, ["is-back"])
     ], 2));
   }
-}), Lv = /* @__PURE__ */ y({
+}), Dv = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "FluxDisabled",
   props: {
     disabled: { type: Boolean, default: !0 }
   },
   setup(n) {
-    return Wt(Na, me(() => n.disabled)), (e, a) => w(e.$slots, "default");
+    return It(Na, me(() => n.disabled)), (e, a) => w(e.$slots, "default");
   }
-}), qA = /* @__PURE__ */ y({
+}), YA = /* @__PURE__ */ y({
   __name: "FluxDivider",
   props: {
     contentPlacement: { default: "center" }
@@ -6930,7 +6939,7 @@ const Zh = {
       }, null, 2))
     ], 2));
   }
-}), Dv = ["id", "width", "height"], Mv = ["r", "cx", "cy"], Pv = ["fill"], KA = /* @__PURE__ */ y({
+}), Mv = ["id", "width", "height"], Pv = ["r", "cx", "cy"], Vv = ["fill"], ZA = /* @__PURE__ */ y({
   __name: "FluxDotPattern",
   props: {
     width: { default: 16 },
@@ -6968,18 +6977,18 @@ const Zh = {
             r: o.cr,
             cx: o.width / 2 - o.cx,
             cy: o.height / 2 - o.cy
-          }, null, 8, Mv)
-        ], 8, Dv)
+          }, null, 8, Pv)
+        ], 8, Mv)
       ]),
       D("rect", {
         width: "100%",
         height: "100%",
         "stroke-width": "0",
         fill: `url(#${t(a)})`
-      }, null, 8, Pv)
+      }, null, 8, Vv)
     ], 2));
   }
-}), Vv = "drop-zone", xv = "drop-zone-content", Ov = "avatar", Rv = "placeholder", zv = "drop-zone-actions", Hv = "drop-zone-border", Nv = "is-dragging", Gv = "is-dragging-over", Uv = "drop-zone-border-animation", Wv = "drop-zone-loader", ft = { dropZone: Vv, dropZoneContent: xv, avatar: Ov, placeholder: Rv, dropZoneActions: zv, dropZoneBorder: Hv, isDragging: Nv, isDraggingOver: Gv, dropZoneBorderAnimation: Uv, dropZoneLoader: Wv }, jv = ["aria-disabled"], _v = ["pathLength"], qv = /* @__PURE__ */ y({
+}), xv = "drop-zone", Ov = "drop-zone-content", Rv = "avatar", zv = "placeholder", Hv = "drop-zone-actions", Nv = "drop-zone-border", Gv = "is-dragging", Uv = "is-dragging-over", Wv = "drop-zone-border-animation", jv = "drop-zone-loader", ft = { dropZone: xv, dropZoneContent: Ov, avatar: Rv, placeholder: zv, dropZoneActions: Hv, dropZoneBorder: Nv, isDragging: Gv, isDraggingOver: Uv, dropZoneBorderAnimation: Wv, dropZoneLoader: jv }, _v = ["aria-disabled"], qv = ["pathLength"], Kv = /* @__PURE__ */ y({
   __name: "FluxDropZone",
   props: {
     accept: {},
@@ -7056,7 +7065,7 @@ const Zh = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             pathLength: u.value
-          }, null, 8, _v)
+          }, null, 8, qv)
         ], 2)),
         w(A.$slots, "default", ce(de({ isDragging: l.value, isDraggingOver: r.value, showPicker: S }))),
         v(t(Le), null, {
@@ -7078,9 +7087,9 @@ const Zh = {
         w(A.$slots, "actions", ce(de({ isDragging: l.value, isDraggingOver: r.value, showPicker: S })))
       ], 2)) : B("", !0),
       w(A.$slots, "extra", ce(de({ isDragging: l.value, isDraggingOver: r.value, showPicker: S })))
-    ], 10, jv));
+    ], 10, _v));
   }
-}), Kv = /* @__PURE__ */ y({
+}), Yv = /* @__PURE__ */ y({
   __name: "FluxDynamicView",
   props: {
     vnode: {}
@@ -7091,7 +7100,7 @@ const Zh = {
       vnode: e.vnode
     }, null, 8, ["vnode"])) : B("", !0);
   }
-}), Yv = "expandable", Zv = "expandable-opened expandable", Qv = "expandable-header", Xv = "icon", Jv = "expandable-body", e0 = "expandable-content", t0 = "base-pane", n0 = "expandable-group", Ot = { expandable: Yv, expandableOpened: Zv, expandableHeader: Qv, icon: Xv, expandableBody: Jv, expandableContent: e0, basePane: t0, expandableGroup: n0 }, a0 = ["id", "aria-controls", "aria-expanded"], i0 = ["id", "aria-labelledby"], YA = /* @__PURE__ */ y({
+}), Zv = "expandable", Qv = "expandable-opened expandable", Xv = "expandable-header", Jv = "icon", e0 = "expandable-body", t0 = "expandable-content", n0 = "base-pane", a0 = "expandable-group", zt = { expandable: Zv, expandableOpened: Qv, expandableHeader: Xv, icon: Jv, expandableBody: e0, expandableContent: t0, basePane: n0, expandableGroup: a0 }, i0 = ["id", "aria-controls", "aria-expanded"], s0 = ["id", "aria-labelledby"], QA = /* @__PURE__ */ y({
   __name: "FluxExpandable",
   props: {
     icon: {},
@@ -7100,8 +7109,8 @@ const Zh = {
   },
   emits: ["toggle"],
   setup(n, { expose: e, emit: a }) {
-    const i = a, s = Ri(), o = Bt(), l = Bt(), r = Gt(), u = P(!1), { closeAll: m, register: f, unregister: g } = Ms(), F = L(() => t(u) ? "minus" : "plus");
-    fs(() => f?.(t(s), r)), Re(() => g?.(t(s)));
+    const i = a, s = zi(), o = Bt(), l = Bt(), r = Ut(), u = P(!1), { closeAll: m, register: f, unregister: g } = Ps(), F = L(() => t(u) ? "minus" : "plus");
+    hs(() => f?.(t(s), r)), Re(() => g?.(t(s)));
     function h() {
       u.value = !1, i("toggle", u.value);
     }
@@ -7119,14 +7128,14 @@ const Zh = {
       open: $,
       toggle: E
     }), (S, A) => (c(), p("div", {
-      class: d(u.value ? t(Ot).expandableOpened : t(Ot).expandable),
+      class: d(u.value ? t(zt).expandableOpened : t(zt).expandable),
       id: t(l),
       "aria-controls": t(o),
       "aria-expanded": u.value
     }, [
       w(S.$slots, "header", ce(de({ label: S.label, isOpen: u.value, close: h, open: $, toggle: E })), () => [
         D("button", {
-          class: d(t(Ot).expandableHeader),
+          class: d(t(zt).expandableHeader),
           type: "button",
           onClick: E
         }, [
@@ -7152,28 +7161,28 @@ const Zh = {
           })
         ], 2)
       ]),
-      v(t(Qc), null, {
+      v(t(Xc), null, {
         default: k(() => [
           u.value ? (c(), p("div", {
             key: 0,
-            class: d(t(Ot).expandableBody),
+            class: d(t(zt).expandableBody),
             id: t(o),
             "aria-labelledby": t(l)
           }, [
             w(S.$slots, "body", ce(de({ label: S.label, close: h })), () => [
               D("div", {
-                class: d(t(Ot).expandableContent)
+                class: d(t(zt).expandableContent)
               }, [
                 w(S.$slots, "default", ce(de({ label: S.label, close: h })))
               ], 2)
             ])
-          ], 10, i0)) : B("", !0)
+          ], 10, s0)) : B("", !0)
         ]),
         _: 3
       })
-    ], 10, a0));
+    ], 10, i0));
   }
-}), ZA = /* @__PURE__ */ y({
+}), XA = /* @__PURE__ */ y({
   __name: "FluxExpandableGroup",
   props: {
     isControlled: { type: Boolean }
@@ -7195,17 +7204,17 @@ const Zh = {
     function s(o) {
       delete e[o];
     }
-    return Wt(Ga, {
+    return It(Ga, {
       closeAll: a,
       register: i,
       unregister: s
     }), (o, l) => (c(), p("div", {
-      class: d(t(Ot).expandableGroup)
+      class: d(t(zt).expandableGroup)
     }, [
       w(o.$slots, "default")
     ], 2));
   }
-}), s0 = "fader", o0 = "fader-item", l0 = "is-current", r0 = "focal-point-image", gn = { fader: s0, faderItem: o0, isCurrent: l0, focalPointImage: r0 }, QA = /* @__PURE__ */ y({
+}), o0 = "fader", l0 = "fader-item", r0 = "is-current", u0 = "focal-point-image", gn = { fader: o0, faderItem: l0, isCurrent: r0, focalPointImage: u0 }, JA = /* @__PURE__ */ y({
   __name: "FluxFader",
   props: {
     interval: { default: 9e3 }
@@ -7213,7 +7222,7 @@ const Zh = {
   emits: ["update"],
   setup(n, { emit: e }) {
     const a = e, i = te("fader");
-    El(n.interval, () => l());
+    Il(n.interval, () => l());
     const s = P(-1), o = L(() => re(i)?.children.length ?? 0);
     function l() {
       s.value = t(s) + 1 >= t(o) ? 0 : t(s) + 1;
@@ -7231,7 +7240,7 @@ const Zh = {
       w(u.$slots, "default", ce(de({ current: s.value, next: l, previous: r })))
     ], 2));
   }
-}), XA = /* @__PURE__ */ y({
+}), eF = /* @__PURE__ */ y({
   __name: "FluxFaderItem",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -7240,7 +7249,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), u0 = /* @__PURE__ */ y({
+}), c0 = /* @__PURE__ */ y({
   __name: "FluxWindow",
   setup(n, { expose: e }) {
     const a = De(), i = P(!1), s = P("default");
@@ -7265,7 +7274,7 @@ const Zh = {
       _: 3
     }, 8, ["is-back"]));
   }
-}), JA = /* @__PURE__ */ y({
+}), tF = /* @__PURE__ */ y({
   __name: "FluxFilter",
   props: /* @__PURE__ */ ee({
     resettable: {}
@@ -7303,7 +7312,7 @@ const Zh = {
     function F(h, $) {
       i.value[h] = $;
     }
-    return Wt(Wa, {
+    return It(Wa, {
       state: i,
       back: u,
       reset: m,
@@ -7313,9 +7322,9 @@ const Zh = {
     }), (h, $) => An((c(), p("div", {
       class: d(t($t).filter)
     }, [
-      v(u0, { ref: "window" }, ct({
+      v(c0, { ref: "window" }, ct({
         default: k(({ navigate: E }) => [
-          v(t(Hh), {
+          v(t(Nh), {
             navigate: E,
             state: i.value
           }, {
@@ -7361,10 +7370,10 @@ const Zh = {
         }))
       ]), 1536)
     ], 2)), [
-      [t(pr)]
+      [t(fr)]
     ]);
   }
-}), eF = /* @__PURE__ */ y({
+}), nF = /* @__PURE__ */ y({
   __name: "FluxFilterDate",
   props: {
     icon: {},
@@ -7374,7 +7383,7 @@ const Zh = {
     name: {}
   },
   setup(n) {
-    const { back: e, state: a, setValue: i } = Et(), s = L(() => {
+    const { back: e, state: a, setValue: i } = Tt(), s = L(() => {
       const l = t(a)[n.name];
       return l ? Fe.isDateTime(l) ? l : typeof l == "string" ? Fe.fromISO(l) : null : null;
     });
@@ -7389,7 +7398,7 @@ const Zh = {
       "onUpdate:modelValue": o
     }, null, 8, ["class", "max", "min", "model-value"]));
   }
-}), tF = /* @__PURE__ */ y({
+}), aF = /* @__PURE__ */ y({
   __name: "FluxFilterDateRange",
   props: {
     icon: {},
@@ -7400,7 +7409,7 @@ const Zh = {
     rangeMode: { default: "range" }
   },
   setup(n) {
-    const { back: e, state: a, setValue: i } = Et(), s = L(() => {
+    const { back: e, state: a, setValue: i } = Tt(), s = L(() => {
       const l = t(a)[n.name];
       if (!l || !Array.isArray(l))
         return null;
@@ -7419,7 +7428,7 @@ const Zh = {
       "onUpdate:modelValue": o
     }, null, 8, ["class", "max", "min", "model-value", "range-mode"]));
   }
-}), nF = /* @__PURE__ */ y({
+}), iF = /* @__PURE__ */ y({
   __name: "FluxFilterOption",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -7434,7 +7443,7 @@ const Zh = {
   }),
   emits: ["update:searchQuery"],
   setup(n) {
-    const e = ae(n, "searchQuery"), { back: a, state: i, setValue: s } = Et(), o = L(() => t(i)[n.name]), l = L(() => n.options.filter((u) => sa(u) || t(e).length === 0 || u.label.toLowerCase().includes(t(e).toLowerCase())));
+    const e = ae(n, "searchQuery"), { back: a, state: i, setValue: s } = Tt(), o = L(() => t(i)[n.name]), l = L(() => n.options.filter((u) => sa(u) || t(e).length === 0 || u.label.toLowerCase().includes(t(e).toLowerCase())));
     function r(u) {
       t(o) === u ? s(n.name, null) : s(n.name, u), a();
     }
@@ -7448,7 +7457,7 @@ const Zh = {
       onSelect: r
     }, null, 8, ["search-query", "is-searchable", "options", "selected", "search-placeholder"]));
   }
-}), aF = /* @__PURE__ */ y({
+}), sF = /* @__PURE__ */ y({
   __name: "FluxFilterOptionAsync",
   props: /* @__PURE__ */ ee({
     fetchOptions: { type: Function },
@@ -7466,7 +7475,7 @@ const Zh = {
   }),
   emits: ["update:searchQuery"],
   setup(n) {
-    const e = ae(n, "searchQuery"), { back: a, state: i, setValue: s } = Et(), { isLoading: o, loaded: l } = In(), r = ca(e, 150), u = L(() => l(n.fetchOptions)), m = L(() => l(n.fetchRelevant)), f = L(() => l(n.fetchSearch)), g = P([]), F = P([]), h = L(() => t(i)[n.name]), $ = L(() => {
+    const e = ae(n, "searchQuery"), { back: a, state: i, setValue: s } = Tt(), { isLoading: o, loaded: l } = In(), r = ca(e, 150), u = L(() => l(n.fetchOptions)), m = L(() => l(n.fetchRelevant)), f = L(() => l(n.fetchSearch)), g = P([]), F = P([]), h = L(() => t(i)[n.name]), $ = L(() => {
       const S = [], A = t(e), I = t(g), C = t(F);
       return C.forEach((R) => S.push(R)), I.forEach((R) => {
         nt(R) && C.find((G) => nt(G) && G.value === R.value) || nt(R) && !R.label.toLowerCase().includes(A.toLowerCase()) || S.push(R);
@@ -7490,7 +7499,7 @@ const Zh = {
       onSelect: E
     }, null, 8, ["search-query", "is-loading", "options", "selected", "search-placeholder"]));
   }
-}), iF = /* @__PURE__ */ y({
+}), oF = /* @__PURE__ */ y({
   __name: "FluxFilterOptions",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -7507,7 +7516,7 @@ const Zh = {
   }),
   emits: ["update:searchQuery"],
   setup(n) {
-    const e = ae(n, "searchQuery"), { state: a, setValue: i } = Et(), s = L(() => {
+    const e = ae(n, "searchQuery"), { state: a, setValue: i } = Tt(), s = L(() => {
       const r = t(a)[n.name];
       return Array.isArray(r) ? r : [];
     }), o = L(() => n.options.filter((r) => sa(r) || t(e).length === 0 || r.label.toLowerCase().includes(t(e).toLowerCase())));
@@ -7525,7 +7534,7 @@ const Zh = {
       onSelect: l
     }, null, 8, ["search-query", "is-searchable", "options", "selected", "search-placeholder"]));
   }
-}), sF = /* @__PURE__ */ y({
+}), lF = /* @__PURE__ */ y({
   __name: "FluxFilterOptionsAsync",
   props: /* @__PURE__ */ ee({
     fetchOptions: { type: Function },
@@ -7543,7 +7552,7 @@ const Zh = {
   }),
   emits: ["update:searchQuery"],
   setup(n) {
-    const e = ae(n, "searchQuery"), { state: a, setValue: i } = Et(), { isLoading: s, loaded: o } = In(), l = ca(e, 150), r = L(() => o(n.fetchOptions)), u = L(() => o(n.fetchRelevant)), m = L(() => o(n.fetchSearch)), f = P([]), g = P([]), F = L(() => {
+    const e = ae(n, "searchQuery"), { state: a, setValue: i } = Tt(), { isLoading: s, loaded: o } = In(), l = ca(e, 150), r = L(() => o(n.fetchOptions)), u = L(() => o(n.fetchRelevant)), m = L(() => o(n.fetchSearch)), f = P([]), g = P([]), F = L(() => {
       const E = t(a)[n.name];
       return Array.isArray(E) ? E : [];
     }), h = L(() => {
@@ -7571,7 +7580,7 @@ const Zh = {
       onSelect: $
     }, null, 8, ["search-query", "is-loading", "options", "selected", "search-placeholder"]));
   }
-}), c0 = /* @__PURE__ */ y({
+}), d0 = /* @__PURE__ */ y({
   __name: "FluxFormColumn",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -7580,7 +7589,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), oF = /* @__PURE__ */ y({
+}), rF = /* @__PURE__ */ y({
   __name: "FluxFilterRange",
   props: {
     icon: {},
@@ -7593,13 +7602,13 @@ const Zh = {
     formatter: { type: Function, default: Xt }
   },
   setup(n) {
-    const { state: e, setValue: a } = Et(), i = ve(), s = L(() => t(e)[n.name] ?? [n.min, n.max]);
+    const { state: e, setValue: a } = Tt(), i = ve(), s = L(() => t(e)[n.name] ?? [n.min, n.max]);
     function o({ lower: l, upper: r }) {
       (l || l === 0) && (r ??= t(s)[1], l > r && (r = l)), (r || r === 0) && (l ??= t(s)[0], l > r && (l = r)), a(n.name, [l, r]);
     }
     return (l, r) => (c(), b(je, null, {
       default: k(() => [
-        v(c0, null, {
+        v(d0, null, {
           default: k(() => [
             v(Ve, {
               label: t(i)("flux.min")
@@ -7646,7 +7655,7 @@ const Zh = {
       _: 1
     }));
   }
-}), lF = /* @__PURE__ */ y({
+}), uF = /* @__PURE__ */ y({
   __name: "FluxFlickeringGrid",
   props: {
     color: { default: "#1d4ed8" },
@@ -7656,7 +7665,7 @@ const Zh = {
     size: { default: 3 }
   },
   setup(n) {
-    const e = te("canvas"), a = Il(e), i = ci(13), s = L(() => {
+    const e = te("canvas"), a = Tl(e), i = di(13), s = L(() => {
       const u = document.createElement("canvas");
       u.width = u.height = 1;
       const m = u.getContext("2d");
@@ -7725,7 +7734,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), d0 = "focal-point-image", m0 = "focal-point-editor", p0 = "focal-point-editor-area", f0 = "focal-point-editor-image", h0 = "focal-point-preview", g0 = "focal-point-preview-image", Rt = { focalPointImage: d0, focalPointEditor: m0, focalPointEditorArea: p0, focalPointEditorImage: f0, focalPointPreview: h0, focalPointPreviewImage: g0 }, b0 = ["src"], rF = /* @__PURE__ */ y({
+}), m0 = "focal-point-image", p0 = "focal-point-editor", f0 = "focal-point-editor-area", h0 = "focal-point-editor-image", g0 = "focal-point-preview", b0 = "focal-point-preview-image", Ht = { focalPointImage: m0, focalPointEditor: p0, focalPointEditorArea: f0, focalPointEditorImage: h0, focalPointPreview: g0, focalPointPreviewImage: b0 }, v0 = ["src"], cF = /* @__PURE__ */ y({
   __name: "FluxFocalPointEditor",
   props: /* @__PURE__ */ ee({
     src: {}
@@ -7762,7 +7771,7 @@ const Zh = {
     function h() {
       l.value = !l.value;
     }
-    return z(() => n.src, () => l.value = !1), ($, E) => (c(), b(It, {
+    return z(() => n.src, () => l.value = !1), ($, E) => (c(), b(Lt, {
       style: Y({ "--aspect-ratio": s.value })
     }, {
       default: k(() => [
@@ -7771,10 +7780,10 @@ const Zh = {
             l.value ? (c(), b(je, { key: "preview" }, {
               default: k(() => [
                 D("div", {
-                  class: d(t(Rt).focalPointPreview)
+                  class: d(t(Ht).focalPointPreview)
                 }, [
                   D("div", {
-                    class: d(t(Rt).focalPointPreviewImage),
+                    class: d(t(Ht).focalPointPreviewImage),
                     style: Y({
                       backgroundImage: `url(${$.src})`,
                       backgroundPosition: `${r.value}% ${u.value}%`
@@ -7786,19 +7795,19 @@ const Zh = {
             })) : (c(), b(je, { key: "editor" }, {
               default: k(() => [
                 D("div", {
-                  class: d(t(Rt).focalPointEditor),
+                  class: d(t(Ht).focalPointEditor),
                   onPointerdown: f,
                   onPointermove: g
                 }, [
                   D("img", {
                     ref: "image",
-                    class: d(t(Rt).focalPointEditorImage),
+                    class: d(t(Ht).focalPointEditorImage),
                     src: $.src,
                     alt: "",
                     onLoad: m
-                  }, null, 42, b0),
+                  }, null, 42, v0),
                   D("div", {
-                    class: d(t(Rt).focalPointEditorArea),
+                    class: d(t(Ht).focalPointEditorArea),
                     style: Y({
                       top: `${u.value}%`,
                       left: `${r.value}%`
@@ -7827,7 +7836,7 @@ const Zh = {
       _: 3
     }, 8, ["style"]));
   }
-}), v0 = ["src", "alt"], y0 = /* @__PURE__ */ y({
+}), y0 = ["src", "alt"], k0 = /* @__PURE__ */ y({
   __name: "FluxFocalPointImage",
   props: {
     focalPoint: {},
@@ -7837,15 +7846,15 @@ const Zh = {
   setup(n) {
     const e = L(() => n.focalPoint?.x ?? 50), a = L(() => n.focalPoint?.y ?? 50);
     return (i, s) => (c(), p("img", {
-      class: d(t(Rt).focalPointImage),
+      class: d(t(Ht).focalPointImage),
       style: Y({
         objectPosition: `${e.value}% ${a.value}%`
       }),
       src: i.src,
       alt: i.alt
-    }, null, 14, v0));
+    }, null, 14, y0));
   }
-}), k0 = ["aria-disabled"], uF = /* @__PURE__ */ y({
+}), A0 = ["aria-disabled"], dF = /* @__PURE__ */ y({
   __name: "FluxForm",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -7856,7 +7865,7 @@ const Zh = {
     function i() {
       a("submit");
     }
-    return (s, o) => (c(), b(Lv, { disabled: s.disabled }, {
+    return (s, o) => (c(), b(Dv, { disabled: s.disabled }, {
       default: k(() => [
         D("form", {
           class: d(t(O).form),
@@ -7864,7 +7873,7 @@ const Zh = {
           onSubmit: o[0] || (o[0] = en((l) => i(), ["prevent"]))
         }, [
           w(s.$slots, "default")
-        ], 42, k0)
+        ], 42, A0)
       ]),
       _: 3
     }, 8, ["disabled"]));
@@ -7885,7 +7894,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), cF = /* @__PURE__ */ y({
+}), mF = /* @__PURE__ */ y({
   __name: "FluxFormDateInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -7951,7 +7960,7 @@ const Zh = {
       _: 1
     }, 512));
   }
-}), dF = /* @__PURE__ */ y({
+}), pF = /* @__PURE__ */ y({
   __name: "FluxFormDateRangeInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -7975,7 +7984,7 @@ const Zh = {
       if (!l)
         return "";
       const [r, u] = l;
-      return Zi(r, u, !0);
+      return Qi(r, u, !0);
     });
     return z(s, (l) => {
       t(i)?.close(), e.value = l;
@@ -8018,7 +8027,7 @@ const Zh = {
       _: 1
     }, 512));
   }
-}), mF = /* @__PURE__ */ y({
+}), fF = /* @__PURE__ */ y({
   __name: "FluxFormDateTimeInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -8111,7 +8120,7 @@ const Zh = {
       _: 1
     }, 8, ["class", "aria-disabled"]));
   }
-}), A0 = { key: 1 }, pF = /* @__PURE__ */ y({
+}), F0 = { key: 1 }, hF = /* @__PURE__ */ y({
   __name: "FluxFormInputAddition",
   props: {
     icon: {},
@@ -8126,11 +8135,11 @@ const Zh = {
         name: e.icon,
         size: 18
       }, null, 8, ["name"])) : B("", !0),
-      e.label ? (c(), p("span", A0, x(e.label), 1)) : B("", !0),
+      e.label ? (c(), p("span", F0, x(e.label), 1)) : B("", !0),
       w(e.$slots, "default")
     ], 2));
   }
-}), F0 = ["id", "autofocus", "aria-disabled"], $0 = ["autocomplete", "autofocus", "disabled", "tabindex", "type", "value"], fF = /* @__PURE__ */ y({
+}), $0 = ["id", "autofocus", "aria-disabled"], C0 = ["autocomplete", "autofocus", "disabled", "tabindex", "type", "value"], gF = /* @__PURE__ */ y({
   __name: "FluxFormPinInput",
   props: /* @__PURE__ */ ee({
     autoComplete: { default: "one-time-code" },
@@ -8218,10 +8227,10 @@ const Zh = {
         onInput: l,
         onKeydown: r,
         onPaste: u
-      }, null, 42, $0))), 128))
-    ], 14, F0));
+      }, null, 42, C0))), 128))
+    ], 14, $0));
   }
-}), hF = /* @__PURE__ */ y({
+}), bF = /* @__PURE__ */ y({
   __name: "FluxFormRangeSlider",
   props: /* @__PURE__ */ ee({
     formatter: { type: Function, default: Xt },
@@ -8270,7 +8279,7 @@ const Zh = {
         direction: "vertical",
         origin: t(A ? i : s)?.$el
       }) : !C && g.value && (Cn(g.value), g.value = null);
-    }), (A, I) => (c(), b(t(qi), {
+    }), (A, I) => (c(), b(t(Ki), {
       disabled: t(a),
       "is-dragging": o.value || l.value,
       "is-ticks-visible": A.isTicksVisible,
@@ -8281,7 +8290,7 @@ const Zh = {
       onUpdate: $
     }, {
       default: k(() => [
-        v(t(Ki), {
+        v(t(Yi), {
           "percentage-lower": r.value,
           "percentage-upper": u.value
         }, {
@@ -8311,7 +8320,7 @@ const Zh = {
       _: 1
     }, 8, ["disabled", "is-dragging", "is-ticks-visible", "max", "min", "step"]));
   }
-}), gF = /* @__PURE__ */ y({
+}), vF = /* @__PURE__ */ y({
   __name: "FluxFormRow",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -8320,7 +8329,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), bF = /* @__PURE__ */ y({
+}), yF = /* @__PURE__ */ y({
   __name: "FluxFormSection",
   props: {
     title: {}
@@ -8335,7 +8344,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), vF = /* @__PURE__ */ y({
+}), kF = /* @__PURE__ */ y({
   __name: "FluxFormSelectAsync",
   props: /* @__PURE__ */ ee({
     fetchOptions: { type: Function },
@@ -8361,7 +8370,7 @@ const Zh = {
       return T.forEach((V) => C.push(V)), G.forEach((V) => {
         ut(V) && T.find((M) => ut(M) && M.value === V.value) || ut(V) && !V.label.toLowerCase().includes(R.toLowerCase()) || C.push(V);
       }), C;
-    }), { groups: r, selected: u, values: m } = Ui(a, n.isMultiple, l), { isLoading: f, loaded: g } = In(), F = ca(e, 300), h = L(() => g(n.fetchOptions)), $ = L(() => g(n.fetchRelevant)), E = L(() => g(n.fetchSearch));
+    }), { groups: r, selected: u, values: m } = Wi(a, n.isMultiple, l), { isLoading: f, loaded: g } = In(), F = ca(e, 300), h = L(() => g(n.fetchOptions)), $ = L(() => g(n.fetchRelevant)), E = L(() => g(n.fetchSearch));
     function S(C) {
       n.isMultiple && (a.value = t(m).filter((R) => R !== C));
     }
@@ -8375,7 +8384,7 @@ const Zh = {
       C.length !== 0 && (s.value = await t(h)(C));
     }, { immediate: !0 }), z(F, async (C) => {
       C.length > 0 ? o.value = await t(E)(C) : o.value = await t($)();
-    }), (C, R) => (c(), b(t(_i), {
+    }), (C, R) => (c(), b(t(qi), {
       "search-query": e.value,
       "onUpdate:searchQuery": R[0] || (R[0] = (G) => e.value = G),
       disabled: t(i),
@@ -8390,7 +8399,7 @@ const Zh = {
       onSelect: I
     }, null, 8, ["search-query", "disabled", "is-loading", "is-multiple", "options", "placeholder", "selected"]));
   }
-}), C0 = ["id", "autocomplete", "autofocus", "disabled", "maxlength", "placeholder", "aria-disabled"], yF = /* @__PURE__ */ y({
+}), w0 = ["id", "autocomplete", "autofocus", "disabled", "maxlength", "placeholder", "aria-disabled"], AF = /* @__PURE__ */ y({
   __name: "FluxFormTextArea",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -8425,11 +8434,11 @@ const Zh = {
       "aria-disabled": t(s) ? !0 : void 0,
       onBlur: r[1] || (r[1] = (u) => a("blur")),
       onFocus: r[2] || (r[2] = (u) => a("focus"))
-    }, null, 46, C0)), [
+    }, null, 46, w0)), [
       [Ra, i.value]
     ]);
   }
-}), kF = /* @__PURE__ */ y({
+}), FF = /* @__PURE__ */ y({
   __name: "FluxFormTimeZonePicker",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -9061,7 +9070,7 @@ const Zh = {
       for (const f of e) {
         const g = Intl.DateTimeFormat(navigator.language, { timeZone: f }).resolvedOptions(), F = new Intl.DateTimeFormat(navigator.language, { timeZone: f, timeZoneName: "longOffset" }).formatToParts().find((E) => E.type === "timeZoneName").value.substring(3), h = g.timeZone.replaceAll("_", " ").replaceAll("/", " / ");
         let $ = "flux.timezoneOther";
-        h.includes("/") && ($ = `flux.timezone${ki(h.split("/")[0].trim().toLowerCase())}`), r[$] ??= [], !r[$].find((E) => E.label === h) && r[$].push({
+        h.includes("/") && ($ = `flux.timezone${Ai(h.split("/")[0].trim().toLowerCase())}`), r[$] ??= [], !r[$].find((E) => E.label === h) && r[$].push({
           command: F,
           label: h,
           value: f
@@ -9081,7 +9090,7 @@ const Zh = {
       }
       return u;
     });
-    return (r, u) => (c(), b(Ji, {
+    return (r, u) => (c(), b(es, {
       modelValue: i.value,
       "onUpdate:modelValue": u[0] || (u[0] = (m) => i.value = m),
       disabled: t(s),
@@ -9090,7 +9099,7 @@ const Zh = {
       placeholder: r.placeholder
     }, null, 8, ["modelValue", "disabled", "options", "placeholder"]));
   }
-}), w0 = "remove", B0 = "is-hidden", Ma = { remove: w0, isHidden: B0 }, S0 = /* @__PURE__ */ y({
+}), B0 = "remove", S0 = "is-hidden", Ma = { remove: B0, isHidden: S0 }, E0 = /* @__PURE__ */ y({
   __name: "FluxRemove",
   props: {
     icon: { default: "xmark" },
@@ -9114,7 +9123,7 @@ const Zh = {
       }, null, 8, ["name"])) : B("", !0)
     ], 2));
   }
-}), E0 = "placeholder", I0 = "is-button", T0 = "is-extended", L0 = "placeholder-icon", D0 = "is-simple", M0 = "is-small", P0 = "placeholder-caption", V0 = "button", ot = { placeholder: E0, isButton: I0, isExtended: T0, placeholderIcon: L0, isSimple: D0, isSmall: M0, placeholderCaption: P0, button: V0 }, { placeholder: x0 } = ot, O0 = "gallery", R0 = "gallery-grid", z0 = `gallery-add ${x0}`, H0 = "gallery-move", N0 = "gallery-item", G0 = "remove", U0 = "gallery-item-image", W0 = "gallery-item-loader", j0 = "spinner", Ct = { gallery: O0, galleryGrid: R0, galleryAdd: z0, galleryMove: H0, galleryItem: N0, remove: G0, galleryItemImage: U0, galleryItemLoader: W0, spinner: j0 }, Gn = /* @__PURE__ */ y({
+}), I0 = "placeholder", T0 = "is-button", L0 = "is-extended", D0 = "placeholder-icon", M0 = "is-simple", P0 = "is-small", V0 = "placeholder-caption", x0 = "button", ot = { placeholder: I0, isButton: T0, isExtended: L0, placeholderIcon: D0, isSimple: M0, isSmall: P0, placeholderCaption: V0, button: x0 }, { placeholder: O0 } = ot, R0 = "gallery", z0 = "gallery-grid", H0 = `gallery-add ${O0}`, N0 = "gallery-move", G0 = "gallery-item", U0 = "remove", W0 = "gallery-item-image", j0 = "gallery-item-loader", _0 = "spinner", Ct = { gallery: R0, galleryGrid: z0, galleryAdd: H0, galleryMove: N0, galleryItem: G0, remove: U0, galleryItemImage: W0, galleryItemLoader: j0, spinner: _0 }, Gn = /* @__PURE__ */ y({
   __name: "FluxGalleryItem",
   props: {
     focalPoint: {},
@@ -9130,12 +9139,12 @@ const Zh = {
       onMouseenterCapture: o[1] || (o[1] = (l) => i.value = !0),
       onMouseoutCapture: o[2] || (o[2] = (l) => i.value = !1)
     }, [
-      v(y0, {
+      v(k0, {
         class: d(t(Ct).galleryItemImage),
         "focal-point": s.focalPoint,
         src: s.url
       }, null, 8, ["class", "focal-point", "src"]),
-      s.isDeletable ? (c(), b(S0, {
+      s.isDeletable ? (c(), b(E0, {
         key: 0,
         "is-hidden": !i.value,
         tabindex: "-1",
@@ -9149,7 +9158,7 @@ const Zh = {
       ], 2)) : B("", !0)
     ], 34));
   }
-}), _0 = ["onClick"], AF = /* @__PURE__ */ y({
+}), q0 = ["onClick"], $F = /* @__PURE__ */ y({
   __name: "FluxGallery",
   props: {
     isEditable: { type: Boolean },
@@ -9167,7 +9176,7 @@ const Zh = {
       }
       a("upload", l);
     }
-    return (o, l) => (c(), b(qv, {
+    return (o, l) => (c(), b(Kv, {
       class: d(t(Ct).gallery),
       accept: "image/*",
       disabled: !o.isEditable,
@@ -9212,7 +9221,7 @@ const Zh = {
               onClick: (u) => r()
             }, [
               v(U, { name: "plus" })
-            ], 10, _0)) : B("", !0)
+            ], 10, q0)) : B("", !0)
           ]),
           _: 2
         }, 1032, ["class", "move-class"])
@@ -9220,7 +9229,7 @@ const Zh = {
       _: 3
     }, 8, ["class", "disabled", "placeholder-button", "placeholder-message", "placeholder-title"]));
   }
-}), q0 = "grid", K0 = "grid-column", es = { grid: q0, gridColumn: K0 }, FF = /* @__PURE__ */ y({
+}), K0 = "grid", Y0 = "grid-column", ts = { grid: K0, gridColumn: Y0 }, CF = /* @__PURE__ */ y({
   __name: "FluxGrid",
   props: {
     columns: { default: 12 },
@@ -9228,7 +9237,7 @@ const Zh = {
   },
   setup(n) {
     return (e, a) => (c(), p("div", {
-      class: d(t(es).grid),
+      class: d(t(ts).grid),
       style: Y({
         "--gap": `${e.gap}px`,
         "--columns": e.columns
@@ -9237,7 +9246,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 6));
   }
-}), $F = /* @__PURE__ */ y({
+}), wF = /* @__PURE__ */ y({
   __name: "FluxGridColumn",
   props: {
     xs: {},
@@ -9248,7 +9257,7 @@ const Zh = {
   },
   setup(n) {
     return (e, a) => (c(), p("div", {
-      class: d(t(es).gridColumn),
+      class: d(t(ts).gridColumn),
       style: Y({
         "--xs": e.xs ?? 12,
         "--sm": e.sm ?? e.xs ?? 12,
@@ -9260,10 +9269,10 @@ const Zh = {
       w(e.$slots, "default")
     ], 6));
   }
-}), Y0 = ["id", "width", "height"], Z0 = ["d", "stroke-dasharray"], Q0 = ["fill"], X0 = {
+}), Z0 = ["id", "width", "height"], Q0 = ["d", "stroke-dasharray"], X0 = ["fill"], J0 = {
   key: 0,
   style: { overflow: "visible" }
-}, J0 = ["width", "height", "x", "y"], ey = /* @__PURE__ */ y({
+}, ey = ["width", "height", "x", "y"], ty = /* @__PURE__ */ y({
   __name: "FluxGridPattern",
   props: {
     width: { default: 42 },
@@ -9290,16 +9299,16 @@ const Zh = {
             d: `M.5 ${a.height}V.5H${a.width}`,
             fill: "none",
             "stroke-dasharray": a.strokeDasharray
-          }, null, 8, Z0)
-        ], 8, Y0)
+          }, null, 8, Q0)
+        ], 8, Z0)
       ]),
       D("rect", {
         width: "100%",
         height: "100%",
         "stroke-width": "0",
         fill: `url(#${t(e)})`
-      }, null, 8, Q0),
-      a.squares ? (c(), p("svg", X0, [
+      }, null, 8, X0),
+      a.squares ? (c(), p("svg", J0, [
         (c(!0), p(H, null, q(a.squares, ([s, o]) => (c(), p("rect", {
           key: `${s}-${o}`,
           width: a.width - 1,
@@ -9307,11 +9316,11 @@ const Zh = {
           x: s * a.width,
           y: o * a.height,
           "stroke-width": "0"
-        }, null, 8, J0))), 128))
+        }, null, 8, ey))), 128))
       ])) : B("", !0)
     ], 2));
   }
-}), ty = "info", ny = "icon", ay = "info-body", Un = { info: ty, icon: ny, infoBody: ay }, CF = /* @__PURE__ */ y({
+}), ny = "info", ay = "icon", iy = "info-body", Un = { info: ny, icon: ay, infoBody: iy }, BF = /* @__PURE__ */ y({
   __name: "FluxInfo",
   props: {
     icon: {}
@@ -9332,7 +9341,7 @@ const Zh = {
       ], 2)
     ], 2));
   }
-}), wF = /* @__PURE__ */ y({
+}), SF = /* @__PURE__ */ y({
   __name: "FluxInfoStack",
   setup(n) {
     return (e, a) => (c(), b(_e, {
@@ -9345,7 +9354,7 @@ const Zh = {
       _: 3
     }));
   }
-}), { stackVertical: iy, stackHorizontal: sy } = Ke, oy = `legend-horizontal ${sy}`, ly = `legend-vertical ${iy}`, ry = "legend-item", Wn = { legendHorizontal: oy, legendVertical: ly, legendItem: ry }, uy = /* @__PURE__ */ y({
+}), { stackHorizontal: sy, stackVertical: oy } = Ke, ly = `legend-horizontal ${sy}`, ry = `legend-vertical ${oy}`, uy = "legend-item", Wn = { legendHorizontal: ly, legendVertical: ry, legendItem: uy }, cy = /* @__PURE__ */ y({
   __name: "FluxLegend",
   props: {
     direction: { default: "horizontal" },
@@ -9363,7 +9372,7 @@ const Zh = {
       }, x(i.label), 7))), 256))
     ], 2));
   }
-}), BF = /* @__PURE__ */ y({
+}), EF = /* @__PURE__ */ y({
   __name: "FluxLink",
   props: {
     type: { default: "button" },
@@ -9401,7 +9410,7 @@ const Zh = {
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), SF = /* @__PURE__ */ y({
+}), IF = /* @__PURE__ */ y({
   __name: "FluxMenuOptions",
   props: /* @__PURE__ */ ee({
     isHorizontal: { type: Boolean },
@@ -9427,7 +9436,7 @@ const Zh = {
       _: 1
     }, 8, ["is-horizontal"]));
   }
-}), EF = /* @__PURE__ */ y({
+}), TF = /* @__PURE__ */ y({
   __name: "FluxMenuTitle",
   props: {
     title: {}
@@ -9438,7 +9447,7 @@ const Zh = {
       role: "presentation"
     }, x(e.title), 3));
   }
-}), { basePaneElement: Tt } = mt, cy = `notice ${Tt}`, dy = "button", my = "notice-body", py = "notice-close", fy = "icon", hy = "notice-prefix", gy = "notice-message", by = "notice-title", vy = "is-center", yy = "is-fluid", ky = `notice-gray notice ${Tt}`, Ay = `notice-primary notice ${Tt}`, Fy = "spinner-track", $y = "spinner-effect", Cy = "spinner-value", wy = `notice-danger notice ${Tt}`, By = `notice-info notice ${Tt}`, Sy = `notice-success notice ${Tt}`, Ey = `notice-warning notice ${Tt}`, Iy = "base-pane", Ie = { notice: cy, button: dy, noticeBody: my, noticeClose: py, icon: fy, noticePrefix: hy, noticeMessage: gy, noticeTitle: by, isCenter: vy, isFluid: yy, noticeGray: ky, noticePrimary: Ay, spinnerTrack: Fy, spinnerEffect: $y, spinnerValue: Cy, noticeDanger: wy, noticeInfo: By, noticeSuccess: Sy, noticeWarning: Ey, basePane: Iy }, IF = /* @__PURE__ */ y({
+}), { basePaneElement: Dt } = mt, dy = `notice ${Dt}`, my = "button", py = "notice-body", fy = "notice-close", hy = "icon", gy = "notice-prefix", by = "notice-message", vy = "notice-title", yy = "is-center", ky = "is-fluid", Ay = `notice-gray notice ${Dt}`, Fy = `notice-primary notice ${Dt}`, $y = "spinner-track", Cy = "spinner-effect", wy = "spinner-value", By = `notice-danger notice ${Dt}`, Sy = `notice-info notice ${Dt}`, Ey = `notice-success notice ${Dt}`, Iy = `notice-warning notice ${Dt}`, Ty = "base-pane", Ie = { notice: dy, button: my, noticeBody: py, noticeClose: fy, icon: hy, noticePrefix: gy, noticeMessage: by, noticeTitle: vy, isCenter: yy, isFluid: ky, noticeGray: Ay, noticePrimary: Fy, spinnerTrack: $y, spinnerEffect: Cy, spinnerValue: wy, noticeDanger: By, noticeInfo: Sy, noticeSuccess: Ey, noticeWarning: Iy, basePane: Ty }, LF = /* @__PURE__ */ y({
   __name: "FluxNotice",
   props: {
     color: { default: "gray" },
@@ -9499,7 +9508,7 @@ const Zh = {
       ], 2)) : B("", !0)
     ], 2));
   }
-}), TF = /* @__PURE__ */ y({
+}), DF = /* @__PURE__ */ y({
   __name: "FluxNoticeStack",
   setup(n) {
     return (e, a) => (c(), b(_e, {
@@ -9520,7 +9529,7 @@ const Zh = {
     size: { default: "small", type: String }
   },
   setup(n, { attrs: e, emit: a, slots: i }) {
-    return Yi(
+    return Zi(
       e,
       n,
       a,
@@ -9530,10 +9539,10 @@ const Zh = {
         n.size === "medium" && ze.overlayMedium,
         n.size === "large" && ze.overlayLarge
       ),
-      sm
+      om
     );
   }
-}), LF = /* @__PURE__ */ y({
+}), MF = /* @__PURE__ */ y({
   __name: "FluxPaneDeck",
   props: {
     minColumnWidth: {}
@@ -9542,7 +9551,7 @@ const Zh = {
     return (e, a) => (c(), p("div", {
       class: d(t(oe).paneDeck)
     }, [
-      v(Zc, {
+      v(Qc, {
         gap: 0,
         "min-column-width": e.minColumnWidth
       }, {
@@ -9553,7 +9562,7 @@ const Zh = {
       }, 8, ["min-column-width"])
     ], 2));
   }
-}), DF = /* @__PURE__ */ y({
+}), PF = /* @__PURE__ */ y({
   __name: "FluxPaneGroup",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -9562,7 +9571,7 @@ const Zh = {
       w(e.$slots, "default")
     ], 2));
   }
-}), Ty = { key: 0 }, Ly = { key: 1 }, ga = /* @__PURE__ */ y({
+}), Ly = { key: 0 }, Dy = { key: 1 }, ga = /* @__PURE__ */ y({
   __name: "FluxPaneHeader",
   props: {
     icon: {},
@@ -9584,13 +9593,13 @@ const Zh = {
         key: 1,
         class: d(t(oe).paneHeaderCaption)
       }, [
-        e.title ? (c(), p("strong", Ty, x(e.title), 1)) : B("", !0),
-        e.subTitle ? (c(), p("span", Ly, x(e.subTitle), 1)) : B("", !0)
+        e.title ? (c(), p("strong", Ly, x(e.title), 1)) : B("", !0),
+        e.subTitle ? (c(), p("span", Dy, x(e.subTitle), 1)) : B("", !0)
       ], 2)) : B("", !0),
       w(e.$slots, "after")
     ], 2));
   }
-}), MF = /* @__PURE__ */ y({
+}), VF = /* @__PURE__ */ y({
   __name: "FluxPaneIllustration",
   props: {
     animatedColors: {},
@@ -9603,7 +9612,7 @@ const Zh = {
     const e = De(), a = L(() => {
       if (!n.animatedColors || n.animatedColors.length === 0)
         return "transparent";
-      const [i, s, o] = oi(n.animatedColors[0]);
+      const [i, s, o] = li(n.animatedColors[0]);
       return `rgb(${i} ${s} ${o} / .15)`;
     });
     return (i, s) => (c(), p("div", {
@@ -9618,8 +9627,8 @@ const Zh = {
           border: `1px solid ${a.value}`
         })
       }, [
-        v(ey, { "stroke-dasharray": 3 }),
-        v(Yc, {
+        v(ty, { "stroke-dasharray": 3 }),
+        v(Zc, {
           colors: i.animatedColors,
           opacity: i.animatedOpacity,
           seed: i.animatedSeed
@@ -9639,7 +9648,7 @@ const Zh = {
       ], 2)) : B("", !0)
     ], 6));
   }
-}), Dy = ["src", "alt"], PF = /* @__PURE__ */ y({
+}), My = ["src", "alt"], xF = /* @__PURE__ */ y({
   __name: "FluxPaneMedia",
   props: {
     imageAlt: {},
@@ -9660,10 +9669,10 @@ const Zh = {
         }),
         src: i.imageUrl,
         alt: i.imageAlt
-      }, null, 14, Dy)) : B("", !0)
+      }, null, 14, My)) : B("", !0)
     ], 2));
   }
-}), My = "percentage-bar", Py = "percentage-bar-segment", Vy = "percentage-bar-tooltip", xy = "percentage-bar-track", pn = { percentageBar: My, percentageBarSegment: Py, percentageBarTooltip: Vy, percentageBarTrack: xy }, VF = /* @__PURE__ */ y({
+}), Py = "percentage-bar", Vy = "percentage-bar-segment", xy = "percentage-bar-tooltip", Oy = "percentage-bar-track", pn = { percentageBar: Py, percentageBarSegment: Vy, percentageBarTooltip: xy, percentageBarTrack: Oy }, OF = /* @__PURE__ */ y({
   __name: "FluxPercentageBar",
   props: {
     isLegendVisible: { type: Boolean },
@@ -9686,7 +9695,7 @@ const Zh = {
                 name: i.icon,
                 size: 16
               }, null, 8, ["name"])) : B("", !0),
-              D("span", null, x(t(Ps)(i.value)) + " " + x(i.label), 1)
+              D("span", null, x(t(Vs)(i.value)) + " " + x(i.label), 1)
             ], 2)
           ]),
           default: k(() => [
@@ -9701,13 +9710,13 @@ const Zh = {
           _: 2
         }, 1024))), 256))
       ], 2),
-      e.isLegendVisible ? (c(), b(uy, {
+      e.isLegendVisible ? (c(), b(cy, {
         key: 0,
         items: e.items
       }, null, 8, ["items"])) : B("", !0)
     ], 2));
   }
-}), Oy = { key: 0 }, xF = /* @__PURE__ */ y({
+}), Ry = { key: 0 }, RF = /* @__PURE__ */ y({
   __name: "FluxPersona",
   props: {
     avatarAlt: {},
@@ -9727,7 +9736,7 @@ const Zh = {
       type: "button",
       onClick: a[0] || (a[0] = (i) => e.$emit("click", i))
     }, [
-      v(Wi, {
+      v(ji, {
         alt: e.avatarAlt,
         fallback: e.avatarFallback,
         "fallback-icon": e.avatarFallbackIcon,
@@ -9740,11 +9749,11 @@ const Zh = {
         class: d(t(Be).personaDetails)
       }, [
         D("strong", null, x(e.name), 1),
-        e.title ? (c(), p("span", Oy, x(e.title), 1)) : B("", !0)
+        e.title ? (c(), p("span", Ry, x(e.title), 1)) : B("", !0)
       ], 2))
     ], 2));
   }
-}), Ry = { key: 0 }, zy = { key: 1 }, OF = /* @__PURE__ */ y({
+}), zy = { key: 0 }, Hy = { key: 1 }, zF = /* @__PURE__ */ y({
   __name: "FluxPlaceholder",
   props: {
     icon: {},
@@ -9778,13 +9787,13 @@ const Zh = {
       D("div", {
         class: d(t(ot).placeholderCaption)
       }, [
-        s.title ? (c(), p("strong", Ry, x(s.title), 1)) : B("", !0),
-        s.message ? (c(), p("p", zy, x(s.message), 1)) : B("", !0)
+        s.title ? (c(), p("strong", zy, x(s.title), 1)) : B("", !0),
+        s.message ? (c(), p("p", Hy, x(s.message), 1)) : B("", !0)
       ], 2),
       w(s.$slots, "default")
     ], 2));
   }
-}), Hy = "progress-bar", Ny = "progress-bar-track", Gy = "progress-bar-value", Uy = "progress-bar-track-indeterminate progress-bar-track", Wy = "progress-bar-indeterminate", jy = "progress-bar-info", _y = "progress-bar-progress", qy = "progress-bar-status", Ky = "base-pane-structure", ht = { progressBar: Hy, progressBarTrack: Ny, progressBarValue: Gy, progressBarTrackIndeterminate: Uy, progressBarIndeterminate: Wy, progressBarInfo: jy, progressBarProgress: _y, progressBarStatus: qy, basePaneStructure: Ky }, Yy = /* @__PURE__ */ y({
+}), Ny = "progress-bar", Gy = "progress-bar-track", Uy = "progress-bar-value", Wy = "progress-bar-track-indeterminate progress-bar-track", jy = "progress-bar-indeterminate", _y = "progress-bar-info", qy = "progress-bar-progress", Ky = "progress-bar-status", Yy = "base-pane-structure", ht = { progressBar: Ny, progressBarTrack: Gy, progressBarValue: Uy, progressBarTrackIndeterminate: Wy, progressBarIndeterminate: jy, progressBarInfo: _y, progressBarProgress: qy, progressBarStatus: Ky, basePaneStructure: Yy }, Zy = /* @__PURE__ */ y({
   __name: "FluxProgressBar",
   props: {
     isIndeterminate: { type: Boolean },
@@ -9845,7 +9854,7 @@ const Zh = {
       _: 1
     }, 8, ["class", "aria-valuenow", "aria-valuemax", "aria-valuemin"]));
   }
-}), RF = /* @__PURE__ */ y({
+}), HF = /* @__PURE__ */ y({
   __name: "FluxPublishButton",
   props: {
     type: {},
@@ -9912,7 +9921,7 @@ const Zh = {
       _: 1
     }, 16, ["class", "css-class", "css-class-icon", "css-class-label"]));
   }
-}), Zy = ["disabled", "max", "min", "step"], zF = /* @__PURE__ */ y({
+}), Qy = ["disabled", "max", "min", "step"], NF = /* @__PURE__ */ y({
   __name: "FluxQuantitySelector",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -9940,7 +9949,7 @@ const Zh = {
         s.value = Math.max(51, u.scrollWidth + 30);
       }));
     }
-    return Ut(() => {
+    return Wt(() => {
       if (t(e) > n.max) {
         l();
         return;
@@ -9975,7 +9984,7 @@ const Zh = {
           max: u.max,
           min: u.min,
           step: u.step
-        }, null, 14, Zy), [
+        }, null, 14, Qy), [
           [Ra, e.value]
         ]),
         v(ue, {
@@ -9989,14 +9998,14 @@ const Zh = {
       _: 1
     }, 8, ["class", "aria-disabled"]));
   }
-}), Qy = /* @__PURE__ */ y({
+}), Xy = /* @__PURE__ */ y({
   __name: "FluxAlert",
   props: {
     alert: {}
   },
   setup(n) {
     const e = ve();
-    return (a, i) => (c(), b(It, null, {
+    return (a, i) => (c(), b(Lt, null, {
       default: k(() => [
         v(ga, {
           icon: a.alert.icon,
@@ -10020,14 +10029,14 @@ const Zh = {
       _: 1
     }));
   }
-}), Xy = /* @__PURE__ */ y({
+}), Jy = /* @__PURE__ */ y({
   __name: "FluxConfirm",
   props: {
     confirm: {}
   },
   setup(n) {
     const e = ve();
-    return (a, i) => (c(), b(It, null, {
+    return (a, i) => (c(), b(Lt, null, {
       default: k(() => [
         v(ga, {
           icon: a.confirm.icon,
@@ -10055,7 +10064,7 @@ const Zh = {
       _: 1
     }));
   }
-}), Jy = /* @__PURE__ */ y({
+}), ek = /* @__PURE__ */ y({
   __name: "FluxPrompt",
   props: {
     prompt: {}
@@ -10069,7 +10078,7 @@ const Zh = {
     function o(l) {
       !t(s) || l.key !== "Enter" || n.prompt.onConfirm(t(i));
     }
-    return (l, r) => (c(), b(It, null, {
+    return (l, r) => (c(), b(Lt, null, {
       default: k(() => [
         v(ga, {
           icon: l.prompt.icon,
@@ -10118,7 +10127,7 @@ const Zh = {
       _: 1
     }));
   }
-}), { basePane: Lt } = mt, ek = `snackbar ${Lt}`, tk = "action", nk = "progress-bar", ak = "progress-bar-track", ik = "snackbar-content", sk = "icon", ok = "spinner", lk = "snackbar-body", rk = "snackbar-message", uk = "snackbar-sub-message", ck = "snackbar-title", dk = "snackbar-action", mk = "snackbar-actions", pk = `snackbar-gray snackbar ${Lt}`, fk = `snackbar-primary snackbar ${Lt}`, hk = "spinner-effect", gk = "spinner-value", bk = `snackbar-danger snackbar ${Lt}`, vk = `snackbar-info snackbar ${Lt}`, yk = `snackbar-success snackbar ${Lt}`, kk = `snackbar-warning snackbar ${Lt}`, Ak = "snackbars", Fk = "snackbars-enter-active", $k = "snackbars-leave-active", Ck = "snackbars-move", wk = "snackbars-enter-from", Bk = "snackbars-leave-to", ke = { snackbar: ek, action: tk, progressBar: nk, progressBarTrack: ak, snackbarContent: ik, icon: sk, spinner: ok, snackbarBody: lk, snackbarMessage: rk, snackbarSubMessage: uk, snackbarTitle: ck, snackbarAction: dk, snackbarActions: mk, snackbarGray: pk, snackbarPrimary: fk, spinnerEffect: hk, spinnerValue: gk, snackbarDanger: bk, snackbarInfo: vk, snackbarSuccess: yk, snackbarWarning: kk, snackbars: Ak, snackbarsEnterActive: Fk, snackbarsLeaveActive: $k, snackbarsMove: Ck, snackbarsEnterFrom: wk, snackbarsLeaveTo: Bk }, Sk = ["onClick"], Ek = /* @__PURE__ */ y({
+}), { basePane: Mt } = mt, tk = `snackbar ${Mt}`, nk = "action", ak = "progress-bar", ik = "progress-bar-track", sk = "snackbar-content", ok = "icon", lk = "spinner", rk = "snackbar-body", uk = "snackbar-message", ck = "snackbar-sub-message", dk = "snackbar-title", mk = "snackbar-action", pk = "snackbar-actions", fk = `snackbar-gray snackbar ${Mt}`, hk = `snackbar-primary snackbar ${Mt}`, gk = "spinner-effect", bk = "spinner-value", vk = `snackbar-danger snackbar ${Mt}`, yk = `snackbar-info snackbar ${Mt}`, kk = `snackbar-success snackbar ${Mt}`, Ak = `snackbar-warning snackbar ${Mt}`, Fk = "snackbars", $k = "snackbars-enter-active", Ck = "snackbars-leave-active", wk = "snackbars-move", Bk = "snackbars-enter-from", Sk = "snackbars-leave-to", ke = { snackbar: tk, action: nk, progressBar: ak, progressBarTrack: ik, snackbarContent: sk, icon: ok, spinner: lk, snackbarBody: rk, snackbarMessage: uk, snackbarSubMessage: ck, snackbarTitle: dk, snackbarAction: mk, snackbarActions: pk, snackbarGray: fk, snackbarPrimary: hk, spinnerEffect: gk, spinnerValue: bk, snackbarDanger: vk, snackbarInfo: yk, snackbarSuccess: kk, snackbarWarning: Ak, snackbars: Fk, snackbarsEnterActive: $k, snackbarsLeaveActive: Ck, snackbarsMove: wk, snackbarsEnterFrom: Bk, snackbarsLeaveTo: Sk }, Ek = ["onClick"], Ik = /* @__PURE__ */ y({
   __name: "FluxSnackbar",
   props: {
     actions: {},
@@ -10138,7 +10147,7 @@ const Zh = {
   },
   emits: ["action", "close"],
   setup(n, { emit: e }) {
-    const a = e, i = Gt(), s = P(null), o = L(() => n.actions && Object.entries(n.actions).length > 0);
+    const a = e, i = Ut(), s = P(null), o = L(() => n.actions && Object.entries(n.actions).length > 0);
     Va(() => {
       s.value && bn(s.value);
     });
@@ -10148,8 +10157,8 @@ const Zh = {
     function r() {
       a("close");
     }
-    return Ut(() => {
-      s.value && Ja(s.value, i.props);
+    return Wt(() => {
+      s.value && ei(s.value, i.props);
     }), z(() => n.isRendered, () => {
       if (n.isRendered) {
         s.value && bn(s.value);
@@ -10190,7 +10199,7 @@ const Zh = {
             key: 1,
             class: d(t(ke).snackbarMessage)
           }, x(u.message), 3)) : B("", !0),
-          u.progressIndeterminate || u.progressValue ? (c(), b(Yy, {
+          u.progressIndeterminate || u.progressValue ? (c(), b(Zy, {
             key: 2,
             "is-indeterminate": u.progressIndeterminate,
             max: u.progressMax,
@@ -10216,16 +10225,16 @@ const Zh = {
           onClick: (F) => l(g)
         }, [
           D("span", null, x(f), 1)
-        ], 10, Sk))), 128))
+        ], 10, Ek))), 128))
       ], 2)) : B("", !0),
-      u.isCloseable ? (c(), b(cu, {
+      u.isCloseable ? (c(), b(du, {
         key: 1,
         icon: "xmark",
         onClick: m[0] || (m[0] = (f) => r())
       })) : B("", !0)
     ], 2)) : B("", !0);
   }
-}), Ik = /* @__PURE__ */ y({
+}), Tk = /* @__PURE__ */ y({
   __name: "FluxSnackbarProvider",
   setup(n) {
     const { snackbars: e } = wn();
@@ -10243,7 +10252,7 @@ const Zh = {
       "move-class": t(ke).snackbarsMove
     }, {
       default: k(() => [
-        (c(!0), p(H, null, q(t(e).toReversed(), (o) => (c(), b(Ek, ye({
+        (c(!0), p(H, null, q(t(e).toReversed(), (o) => (c(), b(Ik, ye({
           key: o.id
         }, { ref_for: !0 }, o, {
           "is-rendered": "",
@@ -10254,7 +10263,7 @@ const Zh = {
       _: 1
     }, 8, ["class", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class", "move-class"]));
   }
-}), Tk = "tooltip", Lk = "tooltip-above tooltip", Dk = "tooltip-below tooltip", Mk = "tooltip-end tooltip", Pk = "tooltip-start tooltip", Zt = { tooltip: Tk, tooltipAbove: Lk, tooltipBelow: Dk, tooltipEnd: Mk, tooltipStart: Pk }, Vk = y(() => {
+}), Lk = "tooltip", Dk = "tooltip-above tooltip", Mk = "tooltip-below tooltip", Pk = "tooltip-end tooltip", Vk = "tooltip-start tooltip", Zt = { tooltip: Lk, tooltipAbove: Dk, tooltipBelow: Mk, tooltipEnd: Pk, tooltipStart: Vk }, xk = y(() => {
   const { tooltip: n } = wn(), e = P(null), a = P(null), i = L(() => t(n) ? t(n).contentSlot?.() ?? [t(n).content] : null), s = L(() => !!t(n));
   function o() {
     const l = re(e), r = t(n);
@@ -10270,9 +10279,11 @@ const Zh = {
     let { width: F, height: h } = l.getBoundingClientRect();
     const { scale: $ } = getComputedStyle(l), { top: E, left: S, width: A, height: I } = m.getBoundingClientRect();
     let C = Number($ ?? 1);
-    C = isNaN(C) ? 1 : C, h /= C, F /= C, u === "horizontal" ? a.value = xk(E, S, F, h, A, I, f, g) : a.value = Ok(E, S, F, h, A, I, f, g);
+    C = isNaN(C) ? 1 : C, h /= C, F /= C, u === "horizontal" ? a.value = Ok(E, S, F, h, A, I, f, g) : a.value = Rk(E, S, F, h, A, I, f, g);
   }
-  return z(i, () => requestAnimationFrame(() => o())), () => Ye(lm, {}, {
+  return It(qa, {
+    calculate: o
+  }), z(i, () => requestAnimationFrame(o)), () => Ye(rm, {}, {
     default: () => {
       if (!t(s))
         return;
@@ -10296,7 +10307,7 @@ const Zh = {
     }
   });
 });
-function xk(n, e, a, i, s, o, l, r) {
+function Ok(n, e, a, i, s, o, l, r) {
   let u, m, f, g, F, h;
   if (e > innerWidth / 2 ? (u = e - a - l, m = n + o / 2 - i / 2, f = "315deg", g = "100%", F = "50%", h = "start") : (u = e + s + l, m = n + o / 2 - i / 2, f = "135deg", g = "0", F = "50%", h = "end"), m + i > innerHeight - r) {
     const $ = Math.min(m, innerHeight - i - r) - m;
@@ -10315,7 +10326,7 @@ function xk(n, e, a, i, s, o, l, r) {
     transition: h
   };
 }
-function Ok(n, e, a, i, s, o, l, r) {
+function Rk(n, e, a, i, s, o, l, r) {
   let u, m, f, g, F, h;
   if (n > 300 ? (u = e + s / 2 - a / 2, m = n - i - l, f = "45deg", g = "50%", F = "100%", h = "above") : (u = e + s / 2 - a / 2, m = n + o + l, f = "225deg", g = "50%", F = "0", h = "below"), u + a > innerWidth - r) {
     const $ = Math.min(u, innerWidth - a - r) - u;
@@ -10334,7 +10345,7 @@ function Ok(n, e, a, i, s, o, l, r) {
     transition: h
   };
 }
-const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["inert"], HF = /* @__PURE__ */ y({
+const zk = "root", Hk = "is-locked", _n = { root: zk, isLocked: Hk }, Nk = ["inert"], GF = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "FluxRoot",
   setup(n) {
@@ -10347,10 +10358,10 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
         inert: t(i)
       }), [
         w(o.$slots, "default")
-      ], 16, Hk),
+      ], 16, Nk),
       v(jn, { size: "medium" }, {
         default: k(() => [
-          (c(!0), p(H, null, q(t(e), (r) => (c(), b(Qy, {
+          (c(!0), p(H, null, q(t(e), (r) => (c(), b(Xy, {
             key: r.id,
             alert: r
           }, null, 8, ["alert"]))), 128))
@@ -10359,7 +10370,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       }),
       v(jn, { size: "medium" }, {
         default: k(() => [
-          (c(!0), p(H, null, q(t(a), (r) => (c(), b(Xy, {
+          (c(!0), p(H, null, q(t(a), (r) => (c(), b(Jy, {
             key: r.id,
             confirm: r
           }, null, 8, ["confirm"]))), 128))
@@ -10368,18 +10379,18 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       }),
       v(jn, { size: "medium" }, {
         default: k(() => [
-          (c(!0), p(H, null, q(t(s), (r) => (c(), b(Jy, {
+          (c(!0), p(H, null, q(t(s), (r) => (c(), b(ek, {
             key: r.id,
             prompt: r
           }, null, 8, ["prompt"]))), 128))
         ]),
         _: 1
       }),
-      v(Ik),
-      v(Vk)
+      v(Tk),
+      v(xk)
     ], 64));
   }
-}), Nk = "segmented-control", Gk = "segmented-control-fill segmented-control", Uk = "segmented-control-inline segmented-control", Wk = "segmented-control-highlight", jk = "segmented-control-item", _k = "is-active", qk = "segmented-control-separator", gt = { segmentedControl: Nk, segmentedControlFill: Gk, segmentedControlInline: Uk, segmentedControlHighlight: Wk, segmentedControlItem: jk, isActive: _k, segmentedControlSeparator: qk }, Kk = ["onClick"], NF = /* @__PURE__ */ y({
+}), Gk = "segmented-control", Uk = "segmented-control-fill segmented-control", Wk = "segmented-control-inline segmented-control", jk = "segmented-control-highlight", _k = "segmented-control-item", qk = "is-active", Kk = "segmented-control-separator", gt = { segmentedControl: Gk, segmentedControlFill: Uk, segmentedControlInline: Wk, segmentedControlHighlight: jk, segmentedControlItem: _k, isActive: qk, segmentedControlSeparator: Kk }, Yk = ["onClick"], UF = /* @__PURE__ */ y({
   __name: "FluxSegmentedControl",
   props: /* @__PURE__ */ ee({
     isFill: { type: Boolean },
@@ -10393,7 +10404,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
   emits: ["update:modelValue"],
   setup(n) {
     const e = ae(n, "modelValue"), a = te("control"), i = te("items"), s = P(0), o = P(0);
-    Ee(() => l(t(e))), hs(() => l(t(e)));
+    Ee(() => l(t(e))), gs(() => l(t(e)));
     function l(r) {
       const u = i.value[r], { left: m } = a.value.getBoundingClientRect(), { width: f, left: g } = u.getBoundingClientRect();
       s.value = g - m - 1, o.value = f, e.value = r;
@@ -10435,18 +10446,18 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
             size: 15
           }, null, 8, ["name"])) : B("", !0),
           D("span", null, x(m.label), 1)
-        ], 10, Kk)
+        ], 10, Yk)
       ], 64))), 256))
     ], 2));
   }
-}), GF = y({
+}), WF = y({
   props: {
     index: Number
   },
   setup(n, { slots: e }) {
     return () => e.default()[n.index];
   }
-}), UF = y({
+}), jF = y({
   emits: ["close"],
   inheritAttrs: !1,
   props: {
@@ -10454,16 +10465,16 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
     viewKey: { default: null, type: String }
   },
   setup(n, { attrs: e, emit: a, slots: i }) {
-    return Yi(
+    return Zi(
       e,
       n,
       a,
       i,
       ze.slideOver,
-      om
+      lm
     );
   }
-}), WF = /* @__PURE__ */ y({
+}), _F = /* @__PURE__ */ y({
   __name: "FluxSpacing",
   props: {
     size: {}
@@ -10493,7 +10504,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       style: Y({ flex: `0 0 ${e[a.size]}px` })
     }, null, 4));
   }
-}), jF = /* @__PURE__ */ y({
+}), qF = /* @__PURE__ */ y({
   __name: "FluxSplitButton",
   props: {
     buttonIcon: { default: "ellipsis-h" },
@@ -10526,7 +10537,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       _: 3
     }, 8, ["direction", "is-auto-width", "margin", "width"]));
   }
-}), Yk = "statistic", Zk = "is-gray", Qk = "statistic-icon", Xk = "is-primary", Jk = "is-danger", e1 = "is-info", t1 = "is-success", n1 = "is-warning", a1 = "statistic-change", i1 = "statistic-data", s1 = "statistic-horizontal statistic", o1 = "statistic-vertical statistic", $e = { statistic: Yk, isGray: Zk, statisticIcon: Qk, isPrimary: Xk, isDanger: Jk, isInfo: e1, isSuccess: t1, isWarning: n1, statisticChange: a1, statisticData: i1, statisticHorizontal: s1, statisticVertical: o1 }, l1 = { key: 0 }, _F = /* @__PURE__ */ y({
+}), Zk = "statistic", Qk = "is-gray", Xk = "statistic-icon", Jk = "is-primary", e1 = "is-danger", t1 = "is-info", n1 = "is-success", a1 = "is-warning", i1 = "statistic-change", s1 = "statistic-data", o1 = "statistic-horizontal statistic", l1 = "statistic-vertical statistic", $e = { statistic: Zk, isGray: Qk, statisticIcon: Xk, isPrimary: Jk, isDanger: e1, isInfo: t1, isSuccess: n1, isWarning: a1, statisticChange: i1, statisticData: s1, statisticHorizontal: o1, statisticVertical: l1 }, r1 = { key: 0 }, KF = /* @__PURE__ */ y({
   __name: "FluxStatistic",
   props: {
     changeColor: { default: "gray" },
@@ -10539,7 +10550,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
     value: {}
   },
   setup(n) {
-    return (e, a) => (c(), b(It, {
+    return (e, a) => (c(), b(Lt, {
       class: d(t(Z)(
         e.direction === "horizontal" && t($e).statisticHorizontal,
         e.direction === "vertical" && t($e).statisticVertical,
@@ -10578,7 +10589,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
             e.changeColor === "warning" && t($e).isWarning
           ))
         }, [
-          e.changeValue ? (c(), p("span", l1, x(e.changeValue), 1)) : B("", !0),
+          e.changeValue ? (c(), p("span", r1, x(e.changeValue), 1)) : B("", !0),
           e.changeIcon ? (c(), b(U, {
             key: 1,
             name: e.changeIcon,
@@ -10589,7 +10600,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       _: 1
     }, 8, ["class"]));
   }
-}), r1 = "sparkles-container", u1 = "sparkles-particles", c1 = "sparkles-container-active", d1 = "heart", m1 = "bubble", p1 = "sparkles", f1 = { sparklesContainer: r1, sparklesParticles: u1, sparklesContainerActive: c1, heart: d1, bubble: m1, sparkles: p1 }, { sparklesContainer: Pn, sparklesContainerActive: h1, sparklesParticles: g1 } = f1, b1 = "stepper-step", v1 = "stepper-steps", y1 = `stepper-steps-item ${Pn}`, k1 = "icon", A1 = `stepper-steps-item-complete ${h1} stepper-steps-item ${Pn}`, F1 = `stepper-steps-item-current stepper-steps-item ${Pn}`, $1 = `stepper-steps-item-idle stepper-steps-item ${Pn}`, C1 = `stepper-steps-item-particles ${g1}`, yt = { stepperStep: b1, stepperSteps: v1, stepperStepsItem: y1, icon: k1, stepperStepsItemComplete: A1, stepperStepsItemCurrent: F1, stepperStepsItemIdle: $1, stepperStepsItemParticles: C1 }, w1 = ["onClick"], B1 = { key: 1 }, S1 = /* @__PURE__ */ y({
+}), u1 = "sparkles-container", c1 = "sparkles-particles", d1 = "sparkles-container-active", m1 = "heart", p1 = "bubble", f1 = "sparkles", h1 = { sparklesContainer: u1, sparklesParticles: c1, sparklesContainerActive: d1, heart: m1, bubble: p1, sparkles: f1 }, { sparklesContainer: Pn, sparklesContainerActive: g1, sparklesParticles: b1 } = h1, v1 = "stepper-step", y1 = "stepper-steps", k1 = `stepper-steps-item ${Pn}`, A1 = "icon", F1 = `stepper-steps-item-complete ${g1} stepper-steps-item ${Pn}`, $1 = `stepper-steps-item-current stepper-steps-item ${Pn}`, C1 = `stepper-steps-item-idle stepper-steps-item ${Pn}`, w1 = `stepper-steps-item-particles ${b1}`, yt = { stepperStep: v1, stepperSteps: y1, stepperStepsItem: k1, icon: A1, stepperStepsItemComplete: F1, stepperStepsItemCurrent: $1, stepperStepsItemIdle: C1, stepperStepsItemParticles: w1 }, B1 = ["onClick"], S1 = { key: 1 }, E1 = /* @__PURE__ */ y({
   __name: "FluxStepperSteps",
   props: {
     amount: {},
@@ -10627,14 +10638,14 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
             o.current > r ? (c(), b(U, {
               key: 0,
               name: "check"
-            })) : (c(), p("span", B1, x(r), 1))
+            })) : (c(), p("span", S1, x(r), 1))
           ]),
           _: 2
         }, 1024)
-      ], 10, w1))), 128))
+      ], 10, B1))), 128))
     ], 6));
   }
-}), qF = /* @__PURE__ */ y({
+}), YF = /* @__PURE__ */ y({
   __name: "FluxStepper",
   props: {
     modelValue: {
@@ -10652,7 +10663,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       i.value = u < m;
     }), (u, m) => (c(), p(H, null, [
       w(u.$slots, "steps", ce(de({ activate: r, modelValue: e.value, steps: o.value })), () => [
-        v(S1, {
+        v(E1, {
           amount: o.value,
           current: e.value + 1,
           onActivate: r
@@ -10661,7 +10672,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       w(u.$slots, "content", ce(de({ activate: r, modelValue: e.value, children: s.value, isTransitioningBack: i.value, steps: o.value, view: l.value })), () => [
         v(t(rn), { "is-back": i.value }, {
           default: k(() => [
-            (c(), b(Kv, {
+            (c(), b(Yv, {
               key: e.value,
               vnode: l.value
             }, null, 8, ["vnode"]))
@@ -10671,7 +10682,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       ])
     ], 64));
   }
-}), KF = /* @__PURE__ */ y({
+}), ZF = /* @__PURE__ */ y({
   __name: "FluxStepperStep",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -10680,7 +10691,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       w(e.$slots, "default")
     ], 2));
   }
-}), E1 = "tab", I1 = "tab-bar", T1 = "tab-bar-arrow", L1 = "tab-bar-arrow-start tab-bar-arrow", D1 = "tab-bar-arrow-end tab-bar-arrow", M1 = "tab-bar-tabs", P1 = "is-start-masked", V1 = "is-end-masked", x1 = "tab-bar-item", O1 = "tab-bar-item-active tab-bar-item", R1 = "tabs", z1 = "tabs-bar", H1 = "base-pane-structure", N1 = "pane-header", Ge = { tab: E1, tabBar: I1, tabBarArrow: T1, tabBarArrowStart: L1, tabBarArrowEnd: D1, tabBarTabs: M1, isStartMasked: P1, isEndMasked: V1, tabBarItem: x1, tabBarItemActive: O1, tabs: R1, tabsBar: z1, basePaneStructure: H1, paneHeader: N1 }, YF = /* @__PURE__ */ y({
+}), I1 = "tab", T1 = "tab-bar", L1 = "tab-bar-arrow", D1 = "tab-bar-arrow-start tab-bar-arrow", M1 = "tab-bar-arrow-end tab-bar-arrow", P1 = "tab-bar-tabs", V1 = "is-start-masked", x1 = "is-end-masked", O1 = "tab-bar-item", R1 = "tab-bar-item-active tab-bar-item", z1 = "tabs", H1 = "tabs-bar", N1 = "base-pane-structure", G1 = "pane-header", Ge = { tab: I1, tabBar: T1, tabBarArrow: L1, tabBarArrowStart: D1, tabBarArrowEnd: M1, tabBarTabs: P1, isStartMasked: V1, isEndMasked: x1, tabBarItem: O1, tabBarItemActive: R1, tabs: z1, tabsBar: H1, basePaneStructure: N1, paneHeader: G1 }, QF = /* @__PURE__ */ y({
   __name: "FluxTab",
   props: {
     icon: {},
@@ -10694,11 +10705,11 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       w(e.$slots, "default")
     ], 2));
   }
-}), G1 = /* @__PURE__ */ y({
+}), U1 = /* @__PURE__ */ y({
   __name: "FluxTabBar",
   setup(n) {
     const e = te("tabBar");
-    Sl(e, "scroll", () => s()), da(e, () => s(), { childList: !0 });
+    El(e, "scroll", () => s()), da(e, () => s(), { childList: !0 });
     const a = P(!1), i = P(!1);
     Ee(() => s());
     function s() {
@@ -10768,7 +10779,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       })
     ], 2));
   }
-}), U1 = { key: 1 }, W1 = /* @__PURE__ */ y({
+}), W1 = { key: 1 }, j1 = /* @__PURE__ */ y({
   __name: "FluxTabBarItem",
   props: {
     type: {},
@@ -10834,12 +10845,12 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
           name: u.icon,
           size: 16
         }, null, 8, ["name"])) : B("", !0),
-        u.label ? (c(), p("span", U1, x(u.label), 1)) : B("", !0)
+        u.label ? (c(), p("span", W1, x(u.label), 1)) : B("", !0)
       ]),
       _: 1
     }, 8, ["component-type", "class", "aria-disabled", "aria-selected", "disabled", "tabindex", "href", "rel", "target", "to"]));
   }
-}), ZF = /* @__PURE__ */ y({
+}), XF = /* @__PURE__ */ y({
   __name: "FluxTabs",
   props: {
     modelValue: {
@@ -10864,11 +10875,11 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       class: d(t(Ge).tabs)
     }, [
       w(r.$slots, "tabs", ce(de({ children: s.value, modelValue: e.value, tabs: o.value, activate: l })), () => [
-        v(G1, {
+        v(U1, {
           class: d(t(Ge).tabsBar)
         }, {
           default: k(() => [
-            (c(!0), p(H, null, q(o.value, (m, f) => (c(), b(W1, {
+            (c(!0), p(H, null, q(o.value, (m, f) => (c(), b(j1, {
               key: f,
               icon: m.icon,
               "is-active": e.value === f,
@@ -10892,10 +10903,10 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       ])
     ], 2));
   }
-}), QF = /* @__PURE__ */ y({
+}), JF = /* @__PURE__ */ y({
   __name: "FluxTableActions",
   setup(n) {
-    return (e, a) => (c(), b(Nc, {
+    return (e, a) => (c(), b(Gc, {
       class: d(t(Ae).tableActions)
     }, {
       default: k(() => [
@@ -10904,7 +10915,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       _: 3
     }, 8, ["class"]));
   }
-}), j1 = ["aria-label", "onClick"], XF = /* @__PURE__ */ y({
+}), _1 = ["aria-label", "onClick"], e$ = /* @__PURE__ */ y({
   __name: "FluxTableHeader",
   props: {
     isShrinking: { type: Boolean },
@@ -10915,7 +10926,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
   },
   emits: ["sort"],
   setup(n) {
-    const { isBordered: e } = si(), a = ve(), i = L(() => {
+    const { isBordered: e } = oi(), a = ve(), i = L(() => {
       switch (n.sort) {
         case "ascending":
           return "arrow-down-a-z";
@@ -10953,7 +10964,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
                 size: 16,
                 name: i.value
               }, null, 8, ["name"])
-            ], 10, j1)
+            ], 10, _1)
           ]),
           default: k(() => [
             v(Jt, null, {
@@ -10976,7 +10987,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
                   _: 1
                 }),
                 s.sort ? (c(), p(H, { key: 0 }, [
-                  v(Qi),
+                  v(Xi),
                   v(St, null, {
                     default: k(() => [
                       v(We, {
@@ -10998,7 +11009,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       ], 2)
     ], 6));
   }
-}), JF = /* @__PURE__ */ y({
+}), t$ = /* @__PURE__ */ y({
   __name: "FluxTagStack",
   setup(n) {
     return (e, a) => (c(), b(_e, {
@@ -11012,7 +11023,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       _: 3
     }));
   }
-}), _1 = "timeline", q1 = "timeline-item", K1 = "timeline-item-icon", Y1 = "timeline-item-photo", Z1 = "timeline-item-photo-icon", Q1 = "timeline-item-photo-image", X1 = "timeline-item-body", J1 = "timeline-item-header", eA = "timeline-item-line", tA = "timeline-item-gray timeline-item", nA = "timeline-item-primary timeline-item", aA = "timeline-item-danger timeline-item", iA = "timeline-item-info timeline-item", sA = "timeline-item-success timeline-item", oA = "timeline-item-warning timeline-item", Te = { timeline: _1, timelineItem: q1, timelineItemIcon: K1, timelineItemPhoto: Y1, timelineItemPhotoIcon: Z1, timelineItemPhotoImage: Q1, timelineItemBody: X1, timelineItemHeader: J1, timelineItemLine: eA, timelineItemGray: tA, timelineItemPrimary: nA, timelineItemDanger: aA, timelineItemInfo: iA, timelineItemSuccess: sA, timelineItemWarning: oA }, e$ = /* @__PURE__ */ y({
+}), q1 = "timeline", K1 = "timeline-item", Y1 = "timeline-item-icon", Z1 = "timeline-item-photo", Q1 = "timeline-item-photo-icon", X1 = "timeline-item-photo-image", J1 = "timeline-item-body", eA = "timeline-item-header", tA = "timeline-item-line", nA = "timeline-item-gray timeline-item", aA = "timeline-item-primary timeline-item", iA = "timeline-item-danger timeline-item", sA = "timeline-item-info timeline-item", oA = "timeline-item-success timeline-item", lA = "timeline-item-warning timeline-item", Te = { timeline: q1, timelineItem: K1, timelineItemIcon: Y1, timelineItemPhoto: Z1, timelineItemPhotoIcon: Q1, timelineItemPhotoImage: X1, timelineItemBody: J1, timelineItemHeader: eA, timelineItemLine: tA, timelineItemGray: nA, timelineItemPrimary: aA, timelineItemDanger: iA, timelineItemInfo: sA, timelineItemSuccess: oA, timelineItemWarning: lA }, n$ = /* @__PURE__ */ y({
   __name: "FluxTimeline",
   setup(n) {
     return (e, a) => (c(), p("div", {
@@ -11022,7 +11033,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       w(e.$slots, "default")
     ], 2));
   }
-}), lA = ["src"], rA = { key: 0 }, uA = { key: 1 }, t$ = /* @__PURE__ */ y({
+}), rA = ["src"], uA = { key: 0 }, cA = { key: 1 }, a$ = /* @__PURE__ */ y({
   __name: "FluxTimelineItem",
   props: {
     color: { default: "gray" },
@@ -11054,7 +11065,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
           class: d(t(Te).timelineItemPhotoImage),
           src: e.photo,
           alt: ""
-        }, null, 10, lA),
+        }, null, 10, rA),
         e.icon ? (c(), p("div", {
           key: 0,
           class: d(t(Te).timelineItemPhotoIcon)
@@ -11080,14 +11091,14 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
           key: 0,
           class: d(t(Te).timelineItemHeader)
         }, [
-          e.title ? (c(), p("strong", rA, x(e.title), 1)) : B("", !0),
-          e.when ? (c(), p("span", uA, x(e.when), 1)) : B("", !0)
+          e.title ? (c(), p("strong", uA, x(e.title), 1)) : B("", !0),
+          e.when ? (c(), p("span", cA, x(e.when), 1)) : B("", !0)
         ], 2)) : B("", !0),
         w(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), cA = ["for", "aria-disabled"], dA = ["id", "disabled", "checked", "aria-checked"], n$ = /* @__PURE__ */ y({
+}), dA = ["for", "aria-disabled"], mA = ["id", "disabled", "checked", "aria-checked"], i$ = /* @__PURE__ */ y({
   __name: "FluxToggle",
   props: /* @__PURE__ */ ee({
     iconOff: {},
@@ -11135,10 +11146,10 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
         role: "switch",
         "aria-checked": e.value,
         onInput: s
-      }, null, 42, dA)
-    ], 10, cA));
+      }, null, 42, mA)
+    ], 10, dA));
   }
-}), { basePane: ts } = mt, mA = "toolbar", pA = "separator-vertical", fA = `toolbar-flat ${ts} toolbar`, hA = `toolbar-floating ${ts} toolbar`, gA = "is-free", bA = "is-top-end", vA = "is-top-start", yA = "is-bottom-end", kA = "is-bottom-start", AA = "base-pane-structure", FA = "separator", $A = "pane-header", bt = { toolbar: mA, separatorVertical: pA, toolbarFlat: fA, toolbarFloating: hA, isFree: gA, isTopEnd: bA, isTopStart: vA, isBottomEnd: yA, isBottomStart: kA, basePaneStructure: AA, separator: FA, paneHeader: $A }, a$ = /* @__PURE__ */ y({
+}), { basePane: ns } = mt, pA = "toolbar", fA = "separator-vertical", hA = `toolbar-flat ${ns} toolbar`, gA = `toolbar-floating ${ns} toolbar`, bA = "is-free", vA = "is-top-end", yA = "is-top-start", kA = "is-bottom-end", AA = "is-bottom-start", FA = "base-pane-structure", $A = "separator", CA = "pane-header", bt = { toolbar: pA, separatorVertical: fA, toolbarFlat: hA, toolbarFloating: gA, isFree: bA, isTopEnd: vA, isTopStart: yA, isBottomEnd: kA, isBottomStart: AA, basePaneStructure: FA, separator: $A, paneHeader: CA }, s$ = /* @__PURE__ */ y({
   __name: "FluxToolbar",
   props: {
     floatingMode: {}
@@ -11163,7 +11174,7 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
       _: 3
     }, 8, ["class"]));
   }
-}), i$ = /* @__PURE__ */ y({
+}), o$ = /* @__PURE__ */ y({
   __name: "FluxToolbarGroup",
   setup(n) {
     return (e, a) => (c(), b(_e, {
@@ -11179,173 +11190,174 @@ const Rk = "root", zk = "is-locked", _n = { root: Rk, isLocked: zk }, Hk = ["ine
   }
 });
 export {
-  cu as FluxAction,
-  zc as FluxActionBar,
-  IA as FluxActionPane,
-  Nc as FluxActions,
-  Yc as FluxAnimatedColors,
-  TA as FluxAspectRatio,
-  Zc as FluxAutoGrid,
-  Qc as FluxAutoHeightTransition,
-  LA as FluxAutoWidthTransition,
-  Wi as FluxAvatar,
-  PA as FluxBadge,
-  VA as FluxBadgeStack,
-  xA as FluxBorderShine,
-  OA as FluxBoxedIcon,
-  DA as FluxBreakthroughTransition,
+  du as FluxAction,
+  Hc as FluxActionBar,
+  LA as FluxActionPane,
+  Gc as FluxActions,
+  Zc as FluxAnimatedColors,
+  DA as FluxAspectRatio,
+  Qc as FluxAutoGrid,
+  Xc as FluxAutoHeightTransition,
+  MA as FluxAutoWidthTransition,
+  ji as FluxAvatar,
+  xA as FluxBadge,
+  OA as FluxBadgeStack,
+  RA as FluxBorderShine,
+  zA as FluxBoxedIcon,
+  PA as FluxBreakthroughTransition,
   pt as FluxButton,
   ma as FluxButtonGroup,
-  Hc as FluxButtonStack,
-  RA as FluxCalendar,
-  zA as FluxCalendarEvent,
-  HA as FluxCheckbox,
-  NA as FluxChip,
-  GA as FluxClickablePane,
-  Mb as FluxColorPicker,
-  WA as FluxColorSelect,
-  UA as FluxComment,
-  jA as FluxContainer,
-  _A as FluxDataTable,
+  Nc as FluxButtonStack,
+  HA as FluxCalendar,
+  NA as FluxCalendarEvent,
+  GA as FluxCheckbox,
+  UA as FluxChip,
+  WA as FluxClickablePane,
+  Pb as FluxColorPicker,
+  _A as FluxColorSelect,
+  jA as FluxComment,
+  qA as FluxContainer,
+  KA as FluxDataTable,
   un as FluxDatePicker,
-  Uu as FluxDestructiveButton,
-  Lv as FluxDisabled,
-  qA as FluxDivider,
-  KA as FluxDotPattern,
-  qv as FluxDropZone,
-  Kv as FluxDynamicView,
-  YA as FluxExpandable,
-  ZA as FluxExpandableGroup,
+  Wu as FluxDestructiveButton,
+  Dv as FluxDisabled,
+  YA as FluxDivider,
+  ZA as FluxDotPattern,
+  Kv as FluxDropZone,
+  Yv as FluxDynamicView,
+  QA as FluxExpandable,
+  XA as FluxExpandableGroup,
   Le as FluxFadeTransition,
-  QA as FluxFader,
-  XA as FluxFaderItem,
-  JA as FluxFilter,
-  eF as FluxFilterDate,
-  tF as FluxFilterDateRange,
-  nF as FluxFilterOption,
-  aF as FluxFilterOptionAsync,
-  iF as FluxFilterOptions,
-  sF as FluxFilterOptionsAsync,
-  oF as FluxFilterRange,
-  lF as FluxFlickeringGrid,
+  JA as FluxFader,
+  eF as FluxFaderItem,
+  tF as FluxFilter,
+  nF as FluxFilterDate,
+  aF as FluxFilterDateRange,
+  iF as FluxFilterOption,
+  sF as FluxFilterOptionAsync,
+  oF as FluxFilterOptions,
+  lF as FluxFilterOptionsAsync,
+  rF as FluxFilterRange,
+  uF as FluxFlickeringGrid,
   at as FluxFlyout,
-  rF as FluxFocalPointEditor,
-  y0 as FluxFocalPointImage,
-  uF as FluxForm,
-  c0 as FluxFormColumn,
-  cF as FluxFormDateInput,
-  dF as FluxFormDateRangeInput,
-  mF as FluxFormDateTimeInput,
+  cF as FluxFocalPointEditor,
+  k0 as FluxFocalPointImage,
+  dF as FluxForm,
+  d0 as FluxFormColumn,
+  mF as FluxFormDateInput,
+  pF as FluxFormDateRangeInput,
+  fF as FluxFormDateTimeInput,
   Ve as FluxFormField,
   Da as FluxFormFieldAddition,
   we as FluxFormInput,
-  pF as FluxFormInputAddition,
+  hF as FluxFormInputAddition,
   ha as FluxFormInputGroup,
-  fF as FluxFormPinInput,
-  hF as FluxFormRangeSlider,
-  gF as FluxFormRow,
-  bF as FluxFormSection,
-  Ji as FluxFormSelect,
-  vF as FluxFormSelectAsync,
+  gF as FluxFormPinInput,
+  bF as FluxFormRangeSlider,
+  vF as FluxFormRow,
+  yF as FluxFormSection,
+  es as FluxFormSelect,
+  kF as FluxFormSelectAsync,
   yn as FluxFormSlider,
-  yF as FluxFormTextArea,
-  kF as FluxFormTimeZonePicker,
-  AF as FluxGallery,
+  AF as FluxFormTextArea,
+  FF as FluxFormTimeZonePicker,
+  $F as FluxGallery,
   Gn as FluxGalleryItem,
-  FF as FluxGrid,
-  $F as FluxGridColumn,
-  ey as FluxGridPattern,
+  CF as FluxGrid,
+  wF as FluxGridColumn,
+  ty as FluxGridPattern,
   U as FluxIcon,
-  CF as FluxInfo,
-  wF as FluxInfoStack,
-  uy as FluxLegend,
-  BF as FluxLink,
+  BF as FluxInfo,
+  SF as FluxInfoStack,
+  cy as FluxLegend,
+  EF as FluxLink,
   Jt as FluxMenu,
   St as FluxMenuGroup,
   We as FluxMenuItem,
-  SF as FluxMenuOptions,
+  IF as FluxMenuOptions,
   aa as FluxMenuSubHeader,
-  EF as FluxMenuTitle,
-  IF as FluxNotice,
-  TF as FluxNoticeStack,
+  TF as FluxMenuTitle,
+  LF as FluxNotice,
+  DF as FluxNoticeStack,
   jn as FluxOverlay,
-  sm as FluxOverlayTransition,
-  ev as FluxPagination,
-  tv as FluxPaginationBar,
-  It as FluxPane,
+  om as FluxOverlayTransition,
+  tv as FluxPagination,
+  nv as FluxPaginationBar,
+  Lt as FluxPane,
   je as FluxPaneBody,
-  LF as FluxPaneDeck,
+  MF as FluxPaneDeck,
   Mn as FluxPaneFooter,
-  DF as FluxPaneGroup,
+  PF as FluxPaneGroup,
   ga as FluxPaneHeader,
-  MF as FluxPaneIllustration,
-  PF as FluxPaneMedia,
-  VF as FluxPercentageBar,
-  xF as FluxPersona,
-  OF as FluxPlaceholder,
+  VF as FluxPaneIllustration,
+  xF as FluxPaneMedia,
+  OF as FluxPercentageBar,
+  RF as FluxPersona,
+  zF as FluxPlaceholder,
   _t as FluxPressable,
   Dn as FluxPrimaryButton,
-  Yy as FluxProgressBar,
-  RF as FluxPublishButton,
-  zF as FluxQuantitySelector,
-  S0 as FluxRemove,
-  HF as FluxRoot,
-  MA as FluxRouteTransition,
+  Zy as FluxProgressBar,
+  HF as FluxPublishButton,
+  NF as FluxQuantitySelector,
+  E0 as FluxRemove,
+  GF as FluxRoot,
+  VA as FluxRouteTransition,
   ue as FluxSecondaryButton,
-  NF as FluxSegmentedControl,
-  GF as FluxSegmentedView,
-  Qi as FluxSeparator,
-  UF as FluxSlideOver,
-  om as FluxSlideOverTransition,
-  Ek as FluxSnackbar,
-  Ik as FluxSnackbarProvider,
+  UF as FluxSegmentedControl,
+  WF as FluxSegmentedView,
+  Xi as FluxSeparator,
+  jF as FluxSlideOver,
+  lm as FluxSlideOverTransition,
+  Ik as FluxSnackbar,
+  Tk as FluxSnackbarProvider,
   qt as FluxSpacer,
-  WF as FluxSpacing,
+  _F as FluxSpacing,
   Se as FluxSpinner,
-  jF as FluxSplitButton,
+  qF as FluxSplitButton,
   _e as FluxStack,
-  _F as FluxStatistic,
-  qF as FluxStepper,
-  KF as FluxStepperStep,
-  S1 as FluxStepperSteps,
-  YF as FluxTab,
-  G1 as FluxTabBar,
-  W1 as FluxTabBarItem,
-  Sv as FluxTable,
-  QF as FluxTableActions,
-  $v as FluxTableCell,
-  XF as FluxTableHeader,
+  KF as FluxStatistic,
+  YF as FluxStepper,
+  ZF as FluxStepperStep,
+  E1 as FluxStepperSteps,
+  QF as FluxTab,
+  U1 as FluxTabBar,
+  j1 as FluxTabBarItem,
+  Ev as FluxTable,
+  JF as FluxTableActions,
+  Cv as FluxTableCell,
+  e$ as FluxTableHeader,
   hn as FluxTableRow,
-  ZF as FluxTabs,
-  hh as FluxTag,
-  JF as FluxTagStack,
-  Bh as FluxTicks,
-  e$ as FluxTimeline,
-  t$ as FluxTimelineItem,
-  n$ as FluxToggle,
-  a$ as FluxToolbar,
-  i$ as FluxToolbarGroup,
+  XF as FluxTabs,
+  gh as FluxTag,
+  t$ as FluxTagStack,
+  Sh as FluxTicks,
+  n$ as FluxTimeline,
+  a$ as FluxTimelineItem,
+  i$ as FluxToggle,
+  s$ as FluxToolbar,
+  o$ as FluxToolbarGroup,
   fa as FluxTooltip,
-  Vk as FluxTooltipProvider,
-  lm as FluxTooltipTransition,
-  rm as FluxVerticalWindowTransition,
-  u0 as FluxWindow,
+  xk as FluxTooltipProvider,
+  rm as FluxTooltipTransition,
+  um as FluxVerticalWindowTransition,
+  c0 as FluxWindow,
   rn as FluxWindowTransition,
-  SA as fluxRegisterIcons,
+  EA as fluxRegisterIcons,
   Kn as isFluxFormSelectGroup,
   ut as isFluxFormSelectOption,
-  vs as showAlert,
-  ys as showConfirm,
-  ei as showPrompt,
+  ys as showAlert,
+  ks as showConfirm,
+  ti as showPrompt,
   va as showSnackbar,
-  BA as useBreakpoints,
+  SA as useBreakpoints,
   be as useDisabled,
-  Ds as useDisabledInjection,
-  Ms as useExpandableGroupInjection,
-  Et as useFilterInjection,
+  Ms as useDisabledInjection,
+  Ps as useExpandableGroupInjection,
+  Tt as useFilterInjection,
   wn as useFluxStore,
-  EA as useFlyoutInjection,
+  IA as useFlyoutInjection,
   jt as useFormFieldInjection,
-  si as useTableInjection
+  oi as useTableInjection,
+  TA as useTooltipInjection
 };
 //# sourceMappingURL=index.js.map