@flux-ui/components 3.0.0-next.7 → 3.0.0-next.9

package/dist/index.js

@@ -3,7 +3,7 @@ var Ia = (t) => {
 };
 var Ta = (t, e, a) => e.has(t) || Ia("Cannot " + a);
 var ye = (t, e, a) => (Ta(t, e, "read from private field"), a ? a.call(t) : e.get(t)), Xt = (t, e, a) => e.has(t) ? Ia("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), Jt = (t, e, a, i) => (Ta(t, e, "write to private field"), i ? i.call(t, a) : e.set(t, a), a);
-import { ref as P, onMounted as Ie, onUnmounted as Re, computed as L, reactive as Ka, inject as jt, unref as n, useId as Et, watch as z, getCurrentInstance as _t, Fragment as N, watchEffect as qt, onScopeDispose as As, isRef as He, customRef as $s, defineComponent as k, createElementBlock as p, openBlock as c, normalizeStyle as Y, normalizeClass as d, renderList as q, toDisplayString as O, resolveComponent as Fs, createBlock as b, mergeProps as ke, withCtx as A, renderSlot as w, createElementVNode as D, toRef as he, createCommentVNode as S, shallowRef as Cs, createSlots as dt, createVNode as y, useTemplateRef as te, provide as Kt, normalizeProps as ce, guardReactiveProps as de, withKeys as Bs, withModifiers as rn, resolveDynamicComponent as Tn, useSlots as De, onBeforeUnmount as Ya, Transition as et, h as Qe, cloneVNode as Za, mergeModels as ee, useModel as ae, nextTick as An, Teleport as Qa, Comment as ws, isVNode as Ss, createTextVNode as ia, withDirectives as Ln, vModelCheckbox as Es, onBeforeMount as Is, vModelText as Xa, TransitionGroup as Ja, onUpdated as Ts } from "vue";
+import { ref as P, onMounted as Ie, onUnmounted as Re, computed as L, reactive as Ka, inject as jt, unref as n, useId as Et, watch as z, getCurrentInstance as _t, Fragment as N, watchEffect as qt, onScopeDispose as As, isRef as He, customRef as $s, defineComponent as k, createElementBlock as p, openBlock as c, normalizeStyle as Y, normalizeClass as d, renderList as q, toDisplayString as O, resolveComponent as Fs, createBlock as b, mergeProps as ke, withCtx as A, renderSlot as w, createElementVNode as D, toRef as me, createCommentVNode as S, shallowRef as Cs, createSlots as dt, createVNode as y, useTemplateRef as te, provide as Kt, normalizeProps as ce, guardReactiveProps as de, withKeys as Bs, withModifiers as rn, resolveDynamicComponent as Tn, useSlots as De, onBeforeUnmount as Ya, Transition as et, h as Qe, cloneVNode as Za, mergeModels as ee, useModel as ae, nextTick as An, Teleport as Qa, Comment as ws, isVNode as Ss, createTextVNode as ia, withDirectives as Ln, vModelCheckbox as Es, onBeforeMount as Is, vModelText as Xa, TransitionGroup as Ja, onUpdated as Ts } from "vue";
 import { DateTime as Fe } from "luxon";
 function ei(t) {
   var e, a, i = "";
@@ -25,7 +25,7 @@ const _n = {
   lg: 1024,
   xl: 1280
 };
-function tF() {
+function nF() {
   const t = P(null), e = Object.fromEntries(
     Object.keys(_n).map((i) => [i, P(!1)])
   ), a = () => {
@@ -115,7 +115,7 @@ const La = {
   "flux.timezonePacific": "Pacific"
 };
 let li = {};
-function nF(t) {
+function aF(t) {
   li = Object.keys(t).reduce((e, a) => {
     const { icon: i, iconName: s } = t[a];
     return e[s] = i, Array.isArray(i[2]) && i[2].forEach((o) => e[o] = i), e;
@@ -1908,7 +1908,7 @@ function Tt() {
     }
   });
 }
-function aF() {
+function iF() {
   return jt(ai, {
     isClosing: P(!1),
     isOpen: P(!1),
@@ -2750,7 +2750,7 @@ var Er = { beforeUnmount(t) {
   let e = new Sr(t);
   e.register(), Qn.set(t, e);
 } }, Qn = /* @__PURE__ */ new WeakMap();
-const Ir = "base-pane", Tr = "base-pane-loader", Lr = "base-pane-element", Dr = "form", Mr = "pane-header", Pr = "base-pane-structure base-pane", pt = { basePane: Ir, basePaneLoader: Tr, basePaneElement: Lr, form: Dr, paneHeader: Mr, basePaneStructure: Pr }, { basePane: lt } = pt, Vr = "icon", xr = "font-awesome-icon icon", Or = "material-symbol-icon icon", Rr = `icon-boxed ${lt}`, zr = `icon-boxed-default icon-boxed ${lt}`, Nr = `icon-boxed-gray icon-boxed-colored icon-boxed ${lt}`, Hr = `icon-boxed-danger icon-boxed-colored icon-boxed ${lt}`, Gr = `icon-boxed-colored icon-boxed ${lt}`, Ur = `icon-boxed-info icon-boxed-colored icon-boxed ${lt}`, Wr = `icon-boxed-success icon-boxed-colored icon-boxed ${lt}`, jr = `icon-boxed-primary icon-boxed-colored icon-boxed ${lt}`, _r = `icon-boxed-warning icon-boxed-colored icon-boxed ${lt}`, Ze = { icon: Vr, fontAwesomeIcon: xr, materialSymbolIcon: Or, iconBoxed: Rr, iconBoxedDefault: zr, iconBoxedGray: Nr, iconBoxedDanger: Hr, iconBoxedColored: Gr, iconBoxedInfo: Ur, iconBoxedSuccess: Wr, iconBoxedPrimary: jr, iconBoxedWarning: _r }, qr = ["viewBox"], Kr = ["d"], U = /* @__PURE__ */ k({
+const Ir = "base-pane", Tr = "base-pane-loader", Lr = "base-pane-element", Dr = "form", Mr = "pane-header", Pr = "base-pane-structure base-pane", pt = { basePane: Ir, basePaneLoader: Tr, basePaneElement: Lr, form: Dr, paneHeader: Mr, basePaneStructure: Pr }, { basePane: lt } = pt, Vr = "icon", xr = "font-awesome-icon icon", Or = "material-symbol-icon icon", Rr = `icon-boxed-default icon-boxed ${lt}`, zr = `icon-boxed ${lt}`, Nr = `icon-boxed-colored icon-boxed ${lt}`, Hr = `icon-boxed-danger icon-boxed-colored icon-boxed ${lt}`, Gr = `icon-boxed-gray icon-boxed-colored icon-boxed ${lt}`, Ur = `icon-boxed-info icon-boxed-colored icon-boxed ${lt}`, Wr = `icon-boxed-warning icon-boxed-colored icon-boxed ${lt}`, jr = `icon-boxed-primary icon-boxed-colored icon-boxed ${lt}`, _r = `icon-boxed-success icon-boxed-colored icon-boxed ${lt}`, Ze = { icon: Vr, fontAwesomeIcon: xr, materialSymbolIcon: Or, iconBoxedDefault: Rr, iconBoxed: zr, iconBoxedColored: Nr, iconBoxedDanger: Hr, iconBoxedGray: Gr, iconBoxedInfo: Ur, iconBoxedWarning: Wr, iconBoxedPrimary: jr, iconBoxedSuccess: _r }, qr = ["viewBox"], Kr = ["d"], U = /* @__PURE__ */ k({
   __name: "FluxIcon",
   props: {
     size: {},
@@ -2921,7 +2921,7 @@ const Ir = "base-pane", Tr = "base-pane-loader", Lr = "base-pane-element", Dr =
   },
   emits: ["click", "mouseenter", "mouseleave"],
   setup(t, { emit: e }) {
-    const a = e, i = be(he(() => t.disabled));
+    const a = e, i = be(me(() => t.disabled));
     function s(r) {
       if (n(i) || t.isLoading) {
         r.preventDefault(), r.stopPropagation();
@@ -2990,7 +2990,7 @@ const Ir = "base-pane", Tr = "base-pane-loader", Lr = "base-pane-element", Dr =
       _: 3
     }, 8, ["component-type", "class", "type", "aria-disabled", "disabled", "tabindex", "href", "rel", "target", "to"]));
   }
-}), ru = "button", uu = "is-small", cu = "is-medium", du = "is-large", mu = "is-xl", pu = "is-filled", fu = "button-icon", hu = "button-label", zn = { button: ru, isSmall: uu, isMedium: cu, isLarge: du, isXl: mu, isFilled: pu, buttonIcon: fu, buttonLabel: hu }, { button: gu, buttonIcon: bu, buttonLabel: vu } = zn, yu = "spinner", ku = "is-destructive", Au = "action-bar", $u = "separator", Fu = "form-input", Cu = "base-pane-structure", Bu = "pane-header", wu = "action-pane", Su = "action-pane-grid", Eu = "action-pane-body", Iu = `action ${gu}`, Tu = `action-icon ${bu}`, Lu = `action-label ${vu}`, it = { spinner: yu, isDestructive: ku, actionBar: Au, separator: $u, formInput: Fu, basePaneStructure: Cu, paneHeader: Bu, actionPane: wu, actionPaneGrid: Su, actionPaneBody: Eu, action: Iu, actionIcon: Tu, actionLabel: Lu }, Du = /* @__PURE__ */ k({
+}), ru = "button", uu = "is-small", cu = "is-medium", du = "is-large", mu = "is-xl", pu = "is-filled", fu = "button-icon", hu = "button-label", zn = { button: ru, isSmall: uu, isMedium: cu, isLarge: du, isXl: mu, isFilled: pu, buttonIcon: fu, buttonLabel: hu }, { button: gu, buttonLabel: bu, buttonIcon: vu } = zn, yu = "spinner", ku = "is-destructive", Au = "action-bar", $u = "separator", Fu = "form-input", Cu = "base-pane-structure", Bu = "pane-header", wu = "action-pane", Su = "action-pane-grid", Eu = "pane-body", Iu = "action-pane-body", Tu = `action ${gu}`, Lu = `action-label ${bu}`, Du = `action-icon ${vu}`, it = { spinner: yu, isDestructive: ku, actionBar: Au, separator: $u, formInput: Fu, basePaneStructure: Cu, paneHeader: Bu, actionPane: wu, actionPaneGrid: Su, paneBody: Eu, actionPaneBody: Iu, action: Tu, actionLabel: Lu, actionIcon: Du }, Mu = /* @__PURE__ */ k({
   __name: "FluxAction",
   props: {
     type: {},
@@ -3065,7 +3065,7 @@ function Nn() {
     loaded: a
   };
 }
-const Mu = (t, e) => {
+const Pu = (t, e) => {
   if (!(t in La))
     return t;
   let a = La[t];
@@ -3075,12 +3075,12 @@ const Mu = (t, e) => {
 }, ve = () => {
   var e;
   const t = (e = _t()) == null ? void 0 : e.proxy;
-  return !t || !Pu(t) ? Mu : t.$t;
+  return !t || !Vu(t) ? Pu : t.$t;
 };
-function Pu(t) {
+function Vu(t) {
   return !!t && "$t" in t;
 }
-const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu = "icon", Ou = "publish-button-animation", Ru = "is-done", zu = "publish-button-animation-arrow", Nu = "publish-arrow-out", Hu = "publish-button-animation-check", Gu = "publish-button-animation-circle", Uu = "is-idle", Wu = "is-loading", ju = "publish-arrow-in", _u = "publish-button-cloud", qu = "publish", Ku = "button-group", Yu = "button", Zu = `primary-button ${cn}`, Qu = `secondary-button ${cn}`, Xu = `primary-button-label ${dn}`, Ju = `primary-button-icon ${mn}`, ec = `secondary-button-icon ${mn}`, tc = `secondary-button-label ${dn}`, nc = `destructive-button-icon ${mn}`, ac = `destructive-button ${cn}`, ic = `link-button ${cn}`, sc = `link-button-icon ${mn}`, oc = `destructive-button-label ${dn}`, lc = `link-button-label ${dn}`, rc = `publish-button-icon primary-button-icon ${mn}`, uc = `publish-button primary-button ${cn}`, cc = `publish-button-label primary-button-label ${dn}`, se = { spinner: Vu, icon: xu, publishButtonAnimation: Ou, isDone: Ru, publishButtonAnimationArrow: zu, publishArrowOut: Nu, publishButtonAnimationCheck: Hu, publishButtonAnimationCircle: Gu, isIdle: Uu, isLoading: Wu, publishArrowIn: ju, publishButtonCloud: _u, publish: qu, buttonGroup: Ku, button: Yu, primaryButton: Zu, secondaryButton: Qu, primaryButtonLabel: Xu, primaryButtonIcon: Ju, secondaryButtonIcon: ec, secondaryButtonLabel: tc, destructiveButtonIcon: nc, destructiveButton: ac, linkButton: ic, linkButtonIcon: sc, destructiveButtonLabel: oc, linkButtonLabel: lc, publishButtonIcon: rc, publishButton: uc, publishButtonLabel: cc }, Fa = /* @__PURE__ */ k({
+const { button: cn, buttonIcon: dn, buttonLabel: mn } = zn, xu = "spinner", Ou = "icon", Ru = "publish-button-animation", zu = "is-done", Nu = "publish-button-animation-arrow", Hu = "publish-arrow-out", Gu = "publish-button-animation-check", Uu = "publish-button-animation-circle", Wu = "is-idle", ju = "is-loading", _u = "publish-arrow-in", qu = "publish-button-cloud", Ku = "publish", Yu = "button-group", Zu = "button", Qu = `primary-button ${cn}`, Xu = `link-button-icon ${dn}`, Ju = `primary-button-icon ${dn}`, ec = `primary-button-label ${mn}`, tc = `destructive-button-icon ${dn}`, nc = `destructive-button ${cn}`, ac = `secondary-button ${cn}`, ic = `secondary-button-label ${mn}`, sc = `link-button ${cn}`, oc = `secondary-button-icon ${dn}`, lc = `destructive-button-label ${mn}`, rc = `link-button-label ${mn}`, uc = `publish-button primary-button ${cn}`, cc = `publish-button-icon primary-button-icon ${dn}`, dc = `publish-button-label primary-button-label ${mn}`, se = { spinner: xu, icon: Ou, publishButtonAnimation: Ru, isDone: zu, publishButtonAnimationArrow: Nu, publishArrowOut: Hu, publishButtonAnimationCheck: Gu, publishButtonAnimationCircle: Uu, isIdle: Wu, isLoading: ju, publishArrowIn: _u, publishButtonCloud: qu, publish: Ku, buttonGroup: Yu, button: Zu, primaryButton: Qu, linkButtonIcon: Xu, primaryButtonIcon: Ju, primaryButtonLabel: ec, destructiveButtonIcon: tc, destructiveButton: nc, secondaryButton: ac, secondaryButtonLabel: ic, linkButton: sc, secondaryButtonIcon: oc, destructiveButtonLabel: lc, linkButtonLabel: rc, publishButton: uc, publishButtonIcon: cc, publishButtonLabel: dc }, Fa = /* @__PURE__ */ k({
   __name: "FluxButtonGroup",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -3089,7 +3089,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       w(e.$slots, "default")
     ], 2));
   }
-}), dc = /* @__PURE__ */ k({
+}), mc = /* @__PURE__ */ k({
   __name: "FluxDestructiveButton",
   props: {
     type: {},
@@ -3125,7 +3125,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), { basePaneStructure: pn, basePaneElement: Ca, basePaneLoader: mc } = pt, pc = "base-pane-element", fc = "pane-header-caption", hc = "pane-header-icon", gc = "pane-tag", bc = "pane-media", vc = "pane-media-image", yc = "base-auto-grid", kc = "pane-group", Ac = "pane-illustration", $c = "pane-illustration-content", Fc = "pane-illustration-magic", Cc = "icon-boxed", Bc = "pane-media-inset pane-media", wc = "pane-illustration-content-controlled pane-illustration-content", Sc = "pane-illustration-masked pane-illustration", Ec = `pane-default pane ${pn}`, Ic = `pane-flat pane ${pn}`, Tc = `pane ${pn}`, Lc = `pane-header ${Ca}`, Dc = `pane-well pane ${pn}`, Mc = `pane-footer ${Ca}`, Pc = `pane-loader ${mc}`, Vc = `pane-body ${Ca}`, xc = `pane-deck pane-default pane ${pn}`, oe = { basePaneElement: pc, paneHeaderCaption: fc, paneHeaderIcon: hc, paneTag: gc, paneMedia: bc, paneMediaImage: vc, baseAutoGrid: yc, paneGroup: kc, paneIllustration: Ac, paneIllustrationContent: $c, paneIllustrationMagic: Fc, iconBoxed: Cc, paneMediaInset: Bc, paneIllustrationContentControlled: wc, paneIllustrationMasked: Sc, paneDefault: Ec, paneFlat: Ic, pane: Tc, paneHeader: Lc, paneWell: Dc, paneFooter: Mc, paneLoader: Pc, paneBody: Vc, paneDeck: xc }, Lt = /* @__PURE__ */ k({
+}), { basePaneElement: Ca, basePaneStructure: pn, basePaneLoader: pc } = pt, fc = "base-pane-element", hc = "pane-header-caption", gc = "pane-header-icon", bc = "pane-tag", vc = "pane-media", yc = "pane-media-image", kc = "base-auto-grid", Ac = "pane-group", $c = "pane-illustration", Fc = "pane-illustration-content", Cc = "pane-illustration-magic", Bc = "icon-boxed", wc = "pane-media-inset pane-media", Sc = "pane-illustration-content-controlled pane-illustration-content", Ec = "pane-illustration-masked pane-illustration", Ic = `pane-body ${Ca}`, Tc = `pane-flat pane ${pn}`, Lc = `pane-header ${Ca}`, Dc = `pane-loader ${pc}`, Mc = `pane-well pane ${pn}`, Pc = `pane-footer ${Ca}`, Vc = `pane ${pn}`, xc = `pane-deck pane-default pane ${pn}`, Oc = `pane-default pane ${pn}`, oe = { basePaneElement: fc, paneHeaderCaption: hc, paneHeaderIcon: gc, paneTag: bc, paneMedia: vc, paneMediaImage: yc, baseAutoGrid: kc, paneGroup: Ac, paneIllustration: $c, paneIllustrationContent: Fc, paneIllustrationMagic: Cc, iconBoxed: Bc, paneMediaInset: wc, paneIllustrationContentControlled: Sc, paneIllustrationMasked: Ec, paneBody: Ic, paneFlat: Tc, paneHeader: Lc, paneLoader: Dc, paneWell: Mc, paneFooter: Pc, pane: Vc, paneDeck: xc, paneDefault: Oc }, Lt = /* @__PURE__ */ k({
   __name: "FluxPane",
   props: {
     isLoading: { type: Boolean },
@@ -3155,7 +3155,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       }, O(a.tag), 3)) : S("", !0)
     ], 2));
   }
-}), Oc = "flyout", Rc = "flyout-dialog", zc = "flyout-pane", Nc = "is-auto-width", Hc = "is-closing", Gc = "close", Uc = "is-opening", Wc = "open", jc = "mobile-close", _c = "mobile-open", Vt = { flyout: Oc, flyoutDialog: Rc, flyoutPane: zc, isAutoWidth: Nc, isClosing: Hc, close: Gc, isOpening: Uc, open: Wc, mobileClose: jc, mobileOpen: _c }, qc = ["onKeydown"], ot = /* @__PURE__ */ k({
+}), Rc = "flyout", zc = "flyout-dialog", Nc = "flyout-pane", Hc = "is-auto-width", Gc = "is-closing", Uc = "close", Wc = "is-opening", jc = "open", _c = "mobile-close", qc = "mobile-open", Vt = { flyout: Rc, flyoutDialog: zc, flyoutPane: Nc, isAutoWidth: Hc, isClosing: Gc, close: Uc, isOpening: Wc, open: jc, mobileClose: _c, mobileOpen: qc }, Kc = ["onKeydown"], ot = /* @__PURE__ */ k({
   __name: "FluxFlyout",
   props: {
     direction: { default: "vertical" },
@@ -3182,8 +3182,8 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
     }
     function B() {
       const C = n(i), x = re(s), { top: G, left: T, width: V, height: M } = C.children[0].getBoundingClientRect(), { width: j, height: Q } = x.getBoundingClientRect();
-      let _, me, Me = 0, Pt = 0;
-      t.direction === "horizontal" ? (_ = T + V, me = G + M / 2 - Q / 2, Me = t.margin, _ + j > innerWidth - 30 && (_ = T - j, Me = -Me)) : (_ = T + V / 2 - j / 2, me = G + M, Pt = t.margin, me + Q > innerHeight - 30 && (me = G - Q, Pt = -Pt)), f.value = Math.max(30, Math.min(innerWidth - j - 30, _)), g.value = Math.max(30, Math.min(innerHeight - Q - 30, me)), $.value = Me, h.value = Pt;
+      let _, pe, Me = 0, Pt = 0;
+      t.direction === "horizontal" ? (_ = T + V, pe = G + M / 2 - Q / 2, Me = t.margin, _ + j > innerWidth - 30 && (_ = T - j, Me = -Me)) : (_ = T + V / 2 - j / 2, pe = G + M, Pt = t.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)), $.value = Me, h.value = Pt;
     }
     function v() {
       r.value ? F() : I();
@@ -3238,7 +3238,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
           ]),
           _: 3
         }, 8, ["class", "style"])) : S("", !0)
-      ], 42, qc)
+      ], 42, Kc)
     ], 6));
   }
 }), ue = /* @__PURE__ */ k({
@@ -3277,7 +3277,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), Kc = "base-auto-grid", is = { baseAutoGrid: Kc }, { baseAutoGrid: Yc } = is, Zc = "aspect-ratio", Qc = "container", Xc = "spacer", Jc = "stack", ed = "is-centered", td = "is-fill", nd = "is-wrapping", ad = "stack-horizontal stack", id = "stack-vertical stack", sd = `auto-grid ${Yc}`, nt = { aspectRatio: Zc, container: Qc, spacer: Xc, stack: Jc, isCentered: ed, isFill: td, isWrapping: nd, stackHorizontal: ad, stackVertical: id, autoGrid: sd }, Qt = /* @__PURE__ */ k({
+}), Yc = "base-auto-grid", is = { baseAutoGrid: Yc }, { baseAutoGrid: Zc } = is, Qc = "aspect-ratio", Xc = "container", Jc = "spacer", ed = "stack", td = "is-centered", nd = "is-fill", ad = "is-wrapping", id = "stack-horizontal stack", sd = "stack-vertical stack", od = `auto-grid ${Zc}`, nt = { aspectRatio: Qc, container: Xc, spacer: Jc, stack: ed, isCentered: td, isFill: nd, isWrapping: ad, stackHorizontal: id, stackVertical: sd, autoGrid: od }, Qt = /* @__PURE__ */ k({
   __name: "FluxSpacer",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -3345,7 +3345,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       return (((l = e.default) == null ? void 0 : l.call(e)) ?? [])[0] ?? null;
     };
   }
-}), od = /* @__PURE__ */ k({
+}), ld = /* @__PURE__ */ k({
   __name: "FluxActionBar",
   props: {
     isResettable: { type: Boolean }
@@ -3380,7 +3380,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
                     content: n(a)("flux.filterReset")
                   }, {
                     default: A(() => [
-                      y(dc, {
+                      y(mc, {
                         "icon-leading": "xmark",
                         onClick: s[0] || (s[0] = (u) => i.$emit("reset"))
                       })
@@ -3402,7 +3402,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["class"]));
   }
-}), ld = /* @__PURE__ */ k({
+}), rd = /* @__PURE__ */ k({
   __name: "FluxButtonStack",
   props: {
     direction: { default: "horizontal" },
@@ -3430,7 +3430,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       w(e.$slots, "default")
     ], 2));
   }
-}), iF = /* @__PURE__ */ k({
+}), sF = /* @__PURE__ */ k({
   __name: "FluxActionPane",
   props: {
     paneVariant: {}
@@ -3459,7 +3459,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
             class: d(n(it).actionPaneBody)
           }, {
             default: A(() => [
-              y(ld, { direction: "vertical" }, {
+              y(rd, { direction: "vertical" }, {
                 default: A(() => [
                   w(a.$slots, "buttons")
                 ]),
@@ -3473,7 +3473,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["class", "variant"]));
   }
-}), rd = /* @__PURE__ */ k({
+}), ud = /* @__PURE__ */ k({
   __name: "FluxActions",
   setup(t) {
     const e = te("element");
@@ -3491,7 +3491,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 512));
   }
-}), ud = "fill-visual", cd = "border-shine", dd = "border-shine-position", md = "animated-colors fill-visual", pd = "dot-pattern fill-visual", fd = "flickering-grid fill-visual", hd = "grid-pattern fill-visual", fn = { fillVisual: ud, borderShine: cd, borderShinePosition: dd, animatedColors: md, dotPattern: pd, flickeringGrid: fd, gridPattern: hd }, gd = /* @__PURE__ */ k({
+}), cd = "fill-visual", dd = "border-shine", md = "border-shine-position", pd = "animated-colors fill-visual", fd = "dot-pattern fill-visual", hd = "flickering-grid fill-visual", gd = "grid-pattern fill-visual", fn = { fillVisual: cd, borderShine: dd, borderShinePosition: md, animatedColors: pd, dotPattern: fd, flickeringGrid: hd, gridPattern: gd }, bd = /* @__PURE__ */ k({
   __name: "FluxAnimatedColors",
   props: {
     colors: {},
@@ -3557,7 +3557,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       class: d(n(fn).animatedColors)
     }, null, 2));
   }
-}), sF = /* @__PURE__ */ k({
+}), oF = /* @__PURE__ */ k({
   __name: "FluxAspectRatio",
   props: {
     aspectRatio: {}
@@ -3570,7 +3570,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       w(e.$slots, "default")
     ], 6));
   }
-}), bd = /* @__PURE__ */ k({
+}), vd = /* @__PURE__ */ k({
   __name: "FluxAutoGrid",
   props: {
     gap: { default: 30 },
@@ -3587,7 +3587,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       w(e.$slots, "default")
     ], 6));
   }
-}), vd = /* @__PURE__ */ k({
+}), yd = /* @__PURE__ */ k({
   __name: "FluxAutoHeightTransition",
   setup(t) {
     function e(s) {
@@ -3618,7 +3618,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }));
   }
-}), oF = /* @__PURE__ */ k({
+}), lF = /* @__PURE__ */ k({
   __name: "FluxAutoWidthTransition",
   setup(t) {
     function e(s) {
@@ -3649,7 +3649,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }));
   }
-}), yd = "breakthrough-transition-enter-active", kd = "breakthrough-transition-back-enter-active", Ad = "breakthrough-transition-leave-active", $d = "breakthrough-transition-back-leave-active", Fd = "breakthrough-transition-enter-from", Cd = "breakthrough-transition-back-leave-to", Bd = "breakthrough-transition-leave-to", wd = "breakthrough-transition-back-enter-from", Sd = "fade-transition-enter-active", Ed = "fade-transition-leave-active", Id = "fade-transition-enter-from", Td = "fade-transition-leave-to", Ld = "fade-transition-enter-to", Dd = "fade-transition-leave-from", Md = "route-transition-enter-active", Pd = "route-transition-back-enter-active", Vd = "route-transition-leave-active", xd = "route-transition-back-leave-active", Od = "route-transition-enter-from", Rd = "route-transition-back-leave-to", zd = "route-transition-leave-to", Nd = "route-transition-back-enter-from", Hd = "tooltip-transition-enter-active", Gd = "tooltip-transition-leave-active", Ud = "tooltip-transition-enter-from", Wd = "tooltip-transition-leave-to", jd = "vertical-window-transition-enter-active", _d = "vertical-window-transition-back-enter-active", qd = "vertical-window-transition-leave-active", Kd = "vertical-window-transition-back-leave-active", Yd = "vertical-window-transition-back-leave-to", Zd = "vertical-window-transition-enter-from", Qd = "vertical-window-transition-back-enter-from", Xd = "vertical-window-transition-leave-to", Jd = "window-transition-enter-active", em = "window-transition-back-enter-active", tm = "window-transition-leave-active", nm = "window-transition-back-leave-active", am = "window-transition-back-leave-to", im = "window-transition-enter-from", sm = "window-transition-back-enter-from", om = "window-transition-leave-to", K = { breakthroughTransitionEnterActive: yd, breakthroughTransitionBackEnterActive: kd, breakthroughTransitionLeaveActive: Ad, breakthroughTransitionBackLeaveActive: $d, breakthroughTransitionEnterFrom: Fd, breakthroughTransitionBackLeaveTo: Cd, breakthroughTransitionLeaveTo: Bd, breakthroughTransitionBackEnterFrom: wd, fadeTransitionEnterActive: Sd, fadeTransitionLeaveActive: Ed, fadeTransitionEnterFrom: Id, fadeTransitionLeaveTo: Td, fadeTransitionEnterTo: Ld, fadeTransitionLeaveFrom: Dd, routeTransitionEnterActive: Md, routeTransitionBackEnterActive: Pd, routeTransitionLeaveActive: Vd, routeTransitionBackLeaveActive: xd, routeTransitionEnterFrom: Od, routeTransitionBackLeaveTo: Rd, routeTransitionLeaveTo: zd, routeTransitionBackEnterFrom: Nd, tooltipTransitionEnterActive: Hd, tooltipTransitionLeaveActive: Gd, tooltipTransitionEnterFrom: Ud, tooltipTransitionLeaveTo: Wd, verticalWindowTransitionEnterActive: jd, verticalWindowTransitionBackEnterActive: _d, verticalWindowTransitionLeaveActive: qd, verticalWindowTransitionBackLeaveActive: Kd, verticalWindowTransitionBackLeaveTo: Yd, verticalWindowTransitionEnterFrom: Zd, verticalWindowTransitionBackEnterFrom: Qd, verticalWindowTransitionLeaveTo: Xd, windowTransitionEnterActive: Jd, windowTransitionBackEnterActive: em, windowTransitionLeaveActive: tm, windowTransitionBackLeaveActive: nm, windowTransitionBackLeaveTo: am, windowTransitionEnterFrom: im, windowTransitionBackEnterFrom: sm, windowTransitionLeaveTo: om }, lF = /* @__PURE__ */ k({
+}), kd = "breakthrough-transition-enter-active", Ad = "breakthrough-transition-back-enter-active", $d = "breakthrough-transition-leave-active", Fd = "breakthrough-transition-back-leave-active", Cd = "breakthrough-transition-enter-from", Bd = "breakthrough-transition-back-leave-to", wd = "breakthrough-transition-leave-to", Sd = "breakthrough-transition-back-enter-from", Ed = "fade-transition-enter-active", Id = "fade-transition-leave-active", Td = "fade-transition-enter-from", Ld = "fade-transition-leave-to", Dd = "fade-transition-enter-to", Md = "fade-transition-leave-from", Pd = "route-transition-enter-active", Vd = "route-transition-back-enter-active", xd = "route-transition-leave-active", Od = "route-transition-back-leave-active", Rd = "route-transition-enter-from", zd = "route-transition-back-leave-to", Nd = "route-transition-leave-to", Hd = "route-transition-back-enter-from", Gd = "tooltip-transition-enter-active", Ud = "tooltip-transition-leave-active", Wd = "tooltip-transition-enter-from", jd = "tooltip-transition-leave-to", _d = "vertical-window-transition-enter-active", qd = "vertical-window-transition-back-enter-active", Kd = "vertical-window-transition-leave-active", Yd = "vertical-window-transition-back-leave-active", Zd = "vertical-window-transition-back-leave-to", Qd = "vertical-window-transition-enter-from", Xd = "vertical-window-transition-back-enter-from", Jd = "vertical-window-transition-leave-to", em = "window-transition-enter-active", tm = "window-transition-back-enter-active", nm = "window-transition-leave-active", am = "window-transition-back-leave-active", im = "window-transition-back-leave-to", sm = "window-transition-enter-from", om = "window-transition-back-enter-from", lm = "window-transition-leave-to", K = { breakthroughTransitionEnterActive: kd, breakthroughTransitionBackEnterActive: Ad, breakthroughTransitionLeaveActive: $d, breakthroughTransitionBackLeaveActive: Fd, breakthroughTransitionEnterFrom: Cd, breakthroughTransitionBackLeaveTo: Bd, breakthroughTransitionLeaveTo: wd, breakthroughTransitionBackEnterFrom: Sd, fadeTransitionEnterActive: Ed, fadeTransitionLeaveActive: Id, fadeTransitionEnterFrom: Td, fadeTransitionLeaveTo: Ld, fadeTransitionEnterTo: Dd, fadeTransitionLeaveFrom: Md, routeTransitionEnterActive: Pd, routeTransitionBackEnterActive: Vd, routeTransitionLeaveActive: xd, routeTransitionBackLeaveActive: Od, routeTransitionEnterFrom: Rd, routeTransitionBackLeaveTo: zd, routeTransitionLeaveTo: Nd, routeTransitionBackEnterFrom: Hd, tooltipTransitionEnterActive: Gd, tooltipTransitionLeaveActive: Ud, tooltipTransitionEnterFrom: Wd, tooltipTransitionLeaveTo: jd, verticalWindowTransitionEnterActive: _d, verticalWindowTransitionBackEnterActive: qd, verticalWindowTransitionLeaveActive: Kd, verticalWindowTransitionBackLeaveActive: Yd, verticalWindowTransitionBackLeaveTo: Zd, verticalWindowTransitionEnterFrom: Qd, verticalWindowTransitionBackEnterFrom: Xd, verticalWindowTransitionLeaveTo: Jd, windowTransitionEnterActive: em, windowTransitionBackEnterActive: tm, windowTransitionLeaveActive: nm, windowTransitionBackLeaveActive: am, windowTransitionBackLeaveTo: im, windowTransitionEnterFrom: sm, windowTransitionBackEnterFrom: om, windowTransitionLeaveTo: lm }, rF = /* @__PURE__ */ k({
   __name: "FluxBreakthroughTransition",
   props: {
     isBack: { type: Boolean },
@@ -3690,7 +3690,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]));
   }
-}), lm = "overlay", rm = "base-pane-structure", um = "pane-footer", cm = "pane-header", dm = "tabs", mm = "tab-bar", pm = "pane-header-caption", fm = "overlay-transition-enter-active", hm = "overlay-transition-leave-active", gm = "overlay-transition-enter-from", bm = "overlay-transition-leave-to", vm = "slide-over-transition-enter-active", ym = "slide-over-transition-leave-active", km = "slide-over-transition-enter-from", Am = "slide-over-transition-leave-to", $m = "overlay-small overlay", Fm = "overlay-medium overlay", Cm = "overlay-large overlay", Bm = "slide-over overlay", ze = { overlay: lm, basePaneStructure: rm, paneFooter: um, paneHeader: cm, tabs: dm, tabBar: mm, paneHeaderCaption: pm, overlayTransitionEnterActive: fm, overlayTransitionLeaveActive: hm, overlayTransitionEnterFrom: gm, overlayTransitionLeaveTo: bm, slideOverTransitionEnterActive: vm, slideOverTransitionLeaveActive: ym, slideOverTransitionEnterFrom: km, slideOverTransitionLeaveTo: Am, overlaySmall: $m, overlayMedium: Fm, overlayLarge: Cm, slideOver: Bm }, wm = /* @__PURE__ */ k({
+}), rm = "overlay", um = "base-pane-structure", cm = "pane-footer", dm = "pane-header", mm = "tabs", pm = "tab-bar", fm = "pane-header-caption", hm = "overlay-transition-enter-active", gm = "overlay-transition-leave-active", bm = "overlay-transition-enter-from", vm = "overlay-transition-leave-to", ym = "slide-over-transition-enter-active", km = "slide-over-transition-leave-active", Am = "slide-over-transition-enter-from", $m = "slide-over-transition-leave-to", Fm = "overlay-small overlay", Cm = "overlay-medium overlay", Bm = "overlay-large overlay", wm = "slide-over overlay", ze = { overlay: rm, basePaneStructure: um, paneFooter: cm, paneHeader: dm, tabs: mm, tabBar: pm, paneHeaderCaption: fm, overlayTransitionEnterActive: hm, overlayTransitionLeaveActive: gm, overlayTransitionEnterFrom: bm, overlayTransitionLeaveTo: vm, slideOverTransitionEnterActive: ym, slideOverTransitionLeaveActive: km, slideOverTransitionEnterFrom: Am, slideOverTransitionLeaveTo: $m, overlaySmall: Fm, overlayMedium: Cm, overlayLarge: Bm, slideOver: wm }, Sm = /* @__PURE__ */ k({
   __name: "FluxOverlayTransition",
   props: {
     mode: { default: "out-in" }
@@ -3709,7 +3709,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), rF = /* @__PURE__ */ k({
+}), uF = /* @__PURE__ */ k({
   __name: "FluxRouteTransition",
   props: {
     isBack: { type: Boolean },
@@ -3729,7 +3729,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), Sm = /* @__PURE__ */ k({
+}), Em = /* @__PURE__ */ k({
   __name: "FluxSlideOverTransition",
   props: {
     mode: { default: "out-in" }
@@ -3748,7 +3748,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), Em = /* @__PURE__ */ k({
+}), Im = /* @__PURE__ */ k({
   __name: "FluxTooltipTransition",
   props: {
     mode: { default: "out-in" }
@@ -3767,7 +3767,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), Im = /* @__PURE__ */ k({
+}), Tm = /* @__PURE__ */ k({
   __name: "FluxVerticalWindowTransition",
   props: {
     isBack: { type: Boolean },
@@ -3807,7 +3807,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }, 8, ["mode", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class"]));
   }
-}), Tm = "avatar", Lm = "avatar-image", Dm = "avatar-fallback", Mm = "icon", Pm = "avatar-loading", Vm = "spinner", xm = "avatar-status", Om = "avatar-clickable", Rm = "persona", zm = "persona-details", Nm = "avatar-fallback-colorized avatar-fallback", Hm = "avatar-fallback-neutral avatar-fallback", Gm = "avatar-status-gray avatar-status", Um = "avatar-status-primary avatar-status", Wm = "avatar-status-danger avatar-status", jm = "avatar-status-info avatar-status", _m = "avatar-status-success avatar-status", qm = "avatar-status-warning avatar-status", Km = "status-avatar avatar", Se = { avatar: Tm, avatarImage: Lm, avatarFallback: Dm, icon: Mm, avatarLoading: Pm, spinner: Vm, avatarStatus: xm, avatarClickable: Om, persona: Rm, personaDetails: zm, avatarFallbackColorized: Nm, avatarFallbackNeutral: Hm, avatarStatusGray: Gm, avatarStatusPrimary: Um, avatarStatusDanger: Wm, avatarStatusInfo: jm, avatarStatusSuccess: _m, avatarStatusWarning: qm, statusAvatar: Km }, Ym = ["alt", "src"], Zm = { key: 0 }, ss = /* @__PURE__ */ k({
+}), Lm = "avatar", Dm = "avatar-image", Mm = "avatar-fallback", Pm = "icon", Vm = "avatar-loading", xm = "spinner", Om = "avatar-status", Rm = "avatar-clickable", zm = "persona", Nm = "persona-details", Hm = "avatar-fallback-colorized avatar-fallback", Gm = "avatar-fallback-neutral avatar-fallback", Um = "avatar-status-gray avatar-status", Wm = "avatar-status-primary avatar-status", jm = "avatar-status-danger avatar-status", _m = "avatar-status-info avatar-status", qm = "avatar-status-success avatar-status", Km = "avatar-status-warning avatar-status", Ym = "status-avatar avatar", Se = { avatar: Lm, avatarImage: Dm, avatarFallback: Mm, icon: Pm, avatarLoading: Vm, spinner: xm, avatarStatus: Om, avatarClickable: Rm, persona: zm, personaDetails: Nm, avatarFallbackColorized: Hm, avatarFallbackNeutral: Gm, avatarStatusGray: Um, avatarStatusPrimary: Wm, avatarStatusDanger: jm, avatarStatusInfo: _m, avatarStatusSuccess: qm, avatarStatusWarning: Km, statusAvatar: Ym }, Zm = ["alt", "src"], Qm = { key: 0 }, ss = /* @__PURE__ */ k({
   __name: "FluxAvatar",
   props: {
     alt: {},
@@ -3873,11 +3873,11 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
           class: d(n(Se).avatarImage),
           alt: s.alt,
           src: s.src
-        }, null, 10, Ym)) : (c(), p("div", {
+        }, null, 10, Zm)) : (c(), p("div", {
           key: 1,
           class: d(s.fallback === "colorized" ? n(Se).avatarFallbackColorized : n(Se).avatarFallbackNeutral)
         }, [
-          s.fallbackInitials ? (c(), p("span", Zm, O(s.fallbackInitials), 1)) : s.fallbackIcon ? (c(), b(U, {
+          s.fallbackInitials ? (c(), p("span", Qm, O(s.fallbackInitials), 1)) : s.fallbackIcon ? (c(), b(U, {
             key: 1,
             name: s.fallbackIcon
           }, null, 8, ["name"])) : S("", !0)
@@ -3901,7 +3901,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 1
     }, 8, ["class", "style", "component-type", "aria-label", "tabindex", "href", "rel", "target", "to"]));
   }
-}), Qm = "badge", Xm = "spinner", Jm = "badge-close", ep = "icon", tp = "badge-dot", np = "badge-icon", ap = "badge-label", ip = "badge-gray badge", sp = "badge-primary badge", op = "badge-danger badge", lp = "badge-info badge", rp = "badge-success badge", up = "badge-warning badge", cp = "tag badge", dp = "tag-close badge-close", mp = "tag-dot badge-dot", pp = "tag-icon badge-icon", fp = "tag-label badge-label", hp = "tag-gray badge-gray badge tag badge", gp = "tag-primary badge-primary badge tag badge", bp = "tag-danger badge-danger badge tag badge", vp = "tag-info badge-info badge tag badge", yp = "tag-success badge-success badge tag badge", kp = "tag-warning badge-warning badge tag badge", fe = { badge: Qm, spinner: Xm, badgeClose: Jm, icon: ep, badgeDot: tp, badgeIcon: np, badgeLabel: ap, badgeGray: ip, badgePrimary: sp, badgeDanger: op, badgeInfo: lp, badgeSuccess: rp, badgeWarning: up, tag: cp, tagClose: dp, tagDot: mp, tagIcon: pp, tagLabel: fp, tagGray: hp, tagPrimary: gp, tagDanger: bp, tagInfo: vp, tagSuccess: yp, tagWarning: kp }, uF = /* @__PURE__ */ k({
+}), Xm = "badge", Jm = "spinner", ep = "badge-close", tp = "icon", np = "badge-dot", ap = "badge-icon", ip = "badge-label", sp = "badge-gray badge", op = "badge-primary badge", lp = "badge-danger badge", rp = "badge-info badge", up = "badge-success badge", cp = "badge-warning badge", dp = "tag badge", mp = "tag-close badge-close", pp = "tag-dot badge-dot", fp = "tag-icon badge-icon", hp = "tag-label badge-label", gp = "tag-gray badge-gray badge tag badge", bp = "tag-primary badge-primary badge tag badge", vp = "tag-danger badge-danger badge tag badge", yp = "tag-info badge-info badge tag badge", kp = "tag-success badge-success badge tag badge", Ap = "tag-warning badge-warning badge tag badge", he = { badge: Xm, spinner: Jm, badgeClose: ep, icon: tp, badgeDot: np, badgeIcon: ap, badgeLabel: ip, badgeGray: sp, badgePrimary: op, badgeDanger: lp, badgeInfo: rp, badgeSuccess: up, badgeWarning: cp, tag: dp, tagClose: mp, tagDot: pp, tagIcon: fp, tagLabel: hp, tagGray: gp, tagPrimary: bp, tagDanger: vp, tagInfo: yp, tagSuccess: kp, tagWarning: Ap }, cF = /* @__PURE__ */ k({
   __name: "FluxBadge",
   props: {
     color: { default: "gray" },
@@ -3925,12 +3925,12 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
     }
     return (s, o) => (c(), b(Zt, {
       class: d(n(Z)(
-        s.color === "gray" && n(fe).badgeGray,
-        s.color === "primary" && n(fe).badgePrimary,
-        s.color === "danger" && n(fe).badgeDanger,
-        s.color === "info" && n(fe).badgeInfo,
-        s.color === "success" && n(fe).badgeSuccess,
-        s.color === "warning" && n(fe).badgeWarning
+        s.color === "gray" && n(he).badgeGray,
+        s.color === "primary" && n(he).badgePrimary,
+        s.color === "danger" && n(he).badgeDanger,
+        s.color === "info" && n(he).badgeInfo,
+        s.color === "success" && n(he).badgeSuccess,
+        s.color === "warning" && n(he).badgeWarning
       )),
       "component-type": s.type,
       tabindex: s.tabindex,
@@ -3945,23 +3945,23 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       default: A(() => [
         s.isLoading ? (c(), b(Ee, {
           key: 0,
-          class: d(n(fe).badgeIcon),
+          class: d(n(he).badgeIcon),
           size: 16
         }, null, 8, ["class"])) : s.dot ? (c(), p("span", {
           key: 1,
-          class: d(n(fe).badgeDot)
+          class: d(n(he).badgeDot)
         }, null, 2)) : s.icon ? (c(), b(U, {
           key: 2,
-          class: d(n(fe).badgeIcon),
+          class: d(n(he).badgeIcon),
           size: 16,
           name: s.icon
         }, null, 8, ["class", "name"])) : S("", !0),
         D("span", {
-          class: d(n(fe).badgeLabel)
+          class: d(n(he).badgeLabel)
         }, O(s.label), 3),
         s.type === "none" && s.isDeletable ? (c(), p("button", {
           key: 3,
-          class: d(n(fe).badgeClose),
+          class: d(n(he).badgeClose),
           type: "button",
           onClick: o[0] || (o[0] = (l) => i())
         }, [
@@ -3971,7 +3971,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 1
     }, 8, ["class", "component-type", "tabindex", "href", "rel", "target", "to"]));
   }
-}), cF = /* @__PURE__ */ k({
+}), dF = /* @__PURE__ */ k({
   __name: "FluxBadgeStack",
   setup(t) {
     return (e, a) => (c(), b(Ye, {
@@ -3985,7 +3985,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }));
   }
-}), dF = k({
+}), mF = k({
   inheritAttrs: !1,
   props: {
     colors: { default: [pa, "transparent", es, "transparent", ns, "transparent", pa], type: Array },
@@ -4016,7 +4016,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       );
     };
   }
-}), mF = /* @__PURE__ */ k({
+}), pF = /* @__PURE__ */ k({
   __name: "FluxBoxedIcon",
   props: {
     color: {},
@@ -4042,7 +4042,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       y(U, { name: e.name }, null, 8, ["name"])
     ], 6));
   }
-}), Ap = /* @__PURE__ */ k({
+}), $p = /* @__PURE__ */ k({
   __name: "Anchor",
   props: {
     tagName: {}
@@ -4055,7 +4055,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       _: 3
     }));
   }
-}), $p = /* @__PURE__ */ k({
+}), Fp = /* @__PURE__ */ k({
   __name: "AnchorPopup",
   props: {
     anchor: {},
@@ -4152,7 +4152,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       w(u.$slots, "default")
     ], 4));
   }
-}), { button: Fp, buttonIcon: os, buttonLabel: Cp } = zn, Bp = "menu", wp = "menu-group", Sp = "menu-item-active", Ep = "menu-item-destructive", Ip = "menu-item-highlighted", Tp = "menu-item-indented", Lp = "menu-item-selected", Dp = "menu-item-command", Mp = "menu-item-command-icon", Pp = "icon", Vp = "menu-item-image", xp = "menu-title", Op = "menu-sub-header", Rp = "menu-sub-header-icon", zp = "menu-sub-header-label", Np = "base-pane", Hp = "divider", Gp = "separator", Up = "expandable-body", Wp = "menu-normal menu", jp = "menu-large menu", _p = "menu-group-horizontal menu-group", qp = "menu-group-vertical menu-group", Kp = `menu-item ${Fp}`, Yp = `menu-item-icon ${os}`, Zp = `menu-item-label ${Cp}`, Qp = `menu-item-selectable-icon ${os}`, pe = { menu: Bp, menuGroup: wp, menuItemActive: Sp, menuItemDestructive: Ep, menuItemHighlighted: Ip, menuItemIndented: Tp, menuItemSelected: Lp, menuItemCommand: Dp, menuItemCommandIcon: Mp, icon: Pp, menuItemImage: Vp, menuTitle: xp, menuSubHeader: Op, menuSubHeaderIcon: Rp, menuSubHeaderLabel: zp, basePane: Np, divider: Hp, separator: Gp, expandableBody: Up, menuNormal: Wp, menuLarge: jp, menuGroupHorizontal: _p, menuGroupVertical: qp, menuItem: Kp, menuItemIcon: Yp, menuItemLabel: Zp, menuItemSelectableIcon: Qp }, Xp = ["src"], _e = /* @__PURE__ */ k({
+}), { button: Cp, buttonLabel: Bp, buttonIcon: os } = zn, wp = "menu", Sp = "menu-group", Ep = "menu-item-active", Ip = "menu-item-destructive", Tp = "menu-item-highlighted", Lp = "menu-item-indented", Dp = "menu-item-selected", Mp = "menu-item-command", Pp = "menu-item-command-icon", Vp = "icon", xp = "menu-item-image", Op = "menu-title", Rp = "menu-sub-header", zp = "menu-sub-header-icon", Np = "menu-sub-header-label", Hp = "base-pane", Gp = "divider", Up = "separator", Wp = "expandable-body", jp = "menu-normal menu", _p = "menu-large menu", qp = "menu-group-horizontal menu-group", Kp = "menu-group-vertical menu-group", Yp = `menu-item ${Cp}`, Zp = `menu-item-label ${Bp}`, Qp = `menu-item-selectable-icon ${os}`, Xp = `menu-item-icon ${os}`, fe = { menu: wp, menuGroup: Sp, menuItemActive: Ep, menuItemDestructive: Ip, menuItemHighlighted: Tp, menuItemIndented: Lp, menuItemSelected: Dp, menuItemCommand: Mp, menuItemCommandIcon: Pp, icon: Vp, menuItemImage: xp, menuTitle: Op, menuSubHeader: Rp, menuSubHeaderIcon: zp, menuSubHeaderLabel: Np, basePane: Hp, divider: Gp, separator: Up, expandableBody: Wp, menuNormal: jp, menuLarge: _p, menuGroupHorizontal: qp, menuGroupVertical: Kp, menuItem: Yp, menuItemLabel: Zp, menuItemSelectableIcon: Qp, menuItemIcon: Xp }, Jp = ["src"], _e = /* @__PURE__ */ k({
   __name: "FluxMenuItem",
   props: {
     type: { default: "button" },
@@ -4180,17 +4180,17 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   emits: ["click", "mouseenter", "mouseleave"],
   setup(t) {
     return (e, a) => (c(), b(ft, ke({ type: e.type, disabled: e.disabled, iconLeading: e.iconLeading, iconTrailing: e.iconTrailing, isLoading: e.isLoading, label: e.label, href: e.href, rel: e.rel, target: e.target, to: e.to }, {
-      "css-class": n(pe).menuItem,
-      "css-class-icon": n(pe).menuItemIcon,
-      "css-class-label": n(pe).menuItemLabel,
+      "css-class": n(fe).menuItem,
+      "css-class-icon": n(fe).menuItemIcon,
+      "css-class-label": n(fe).menuItemLabel,
       "is-filled": "",
       role: e.isSelectable ? "menuitemradio" : "menuitem",
       class: {
-        [n(pe).menuItemActive]: e.isActive,
-        [n(pe).menuItemDestructive]: e.isDestructive,
-        [n(pe).menuItemHighlighted]: e.isHighlighted,
-        [n(pe).menuItemIndented]: e.isIndented,
-        [n(pe).menuItemSelected]: e.isSelectable && e.isSelected
+        [n(fe).menuItemActive]: e.isActive,
+        [n(fe).menuItemDestructive]: e.isDestructive,
+        [n(fe).menuItemHighlighted]: e.isHighlighted,
+        [n(fe).menuItemIndented]: e.isIndented,
+        [n(fe).menuItemSelected]: e.isSelectable && e.isSelected
       },
       "aria-checked": e.isSelectable ? e.isSelected : void 0,
       onClick: a[0] || (a[0] = (i) => e.$emit("click", i))
@@ -4199,7 +4199,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
         name: "iconLeading",
         fn: A(() => [
           y(U, {
-            class: d(n(pe).menuItemSelectableIcon),
+            class: d(n(fe).menuItemSelectableIcon),
             name: e.isSelected ? "circle-check" : void 0
           }, null, 8, ["class", "name"])
         ]),
@@ -4208,10 +4208,10 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
         name: "iconLeading",
         fn: A(() => [
           D("img", {
-            class: d(n(pe).menuItemImage),
+            class: d(n(fe).menuItemImage),
             src: e.imageSrc,
             alt: ""
-          }, null, 10, Xp)
+          }, null, 10, Jp)
         ]),
         key: "1"
       } : void 0,
@@ -4220,16 +4220,16 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
         fn: A(() => [
           e.commandLoading ? (c(), b(Ee, {
             key: 0,
-            class: d(n(pe).menuItemCommandIcon),
+            class: d(n(fe).menuItemCommandIcon),
             size: 16
           }, null, 8, ["class"])) : (c(), p(N, { key: 1 }, [
             e.command ? (c(), p("kbd", {
               key: 0,
-              class: d(n(pe).menuItemCommand)
+              class: d(n(fe).menuItemCommand)
             }, O(e.command), 3)) : S("", !0),
             e.commandIcon ? (c(), b(U, {
               key: 1,
-              class: d(n(pe).menuItemCommandIcon),
+              class: d(n(fe).menuItemCommandIcon),
               name: e.commandIcon
             }, null, 8, ["class", "name"])) : S("", !0)
           ], 64))
@@ -4238,7 +4238,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       } : void 0
     ]), 1040, ["css-class", "css-class-icon", "css-class-label", "role", "class", "aria-checked"]));
   }
-}), { basePaneStructure: Jp } = pt, ef = "button-group", tf = "button", nf = "form-input", af = "form-structure-element", sf = "pane", of = "form-row", lf = "form-section-title", rf = "form-field", uf = "form-field-header", cf = "form-field-label", df = "form-field-optional", mf = "form-field-value", pf = "form-field-counter", ff = "form-field-addition", hf = "form-field-addition-icon", gf = "is-secondary", bf = "form-input-icon", vf = "form-input-native", yf = "form-input-native-has-icon-leading", kf = "form-input-native-has-icon-trailing", Af = "secondary-button", $f = "form-date-input", Ff = "form-date-time-input", Cf = "input-group", Bf = "is-disabled", wf = "is-focused", Sf = "badge", Ef = "form-select-icon", If = "form-select-input", Tf = "form-select-placeholder", Lf = "menu-item", Df = "is-keyboard-action", Mf = "is-searchable", Pf = "menu-sub-header", Vf = "form-select-selected", xf = "button-label", Of = "form-text-area", Rf = "checkbox", zf = "checkbox-element", Nf = "checkbox-native", Hf = "icon", Gf = "checkbox-label", Uf = "quantity-selector", Wf = "quantity-selector-button", jf = "pin-input", _f = "pin-input-field", qf = "toggle", Kf = "is-checked", Yf = "toggle-input", Zf = "is-switch", Qf = "toggle-icon", Xf = "form-input-group form-input-enabled form-input", Jf = "form-select form-input", eh = "form form-structure-element", th = "form-column form-structure-element", nh = "form-section form-structure-element", ah = "form-field-addition-error form-field-addition", ih = "form-field-addition-hint form-field-addition", sh = "form-input-disabled form-input", oh = "form-input-enabled form-input", lh = "form-input-icon-trailing form-input-icon", rh = "form-input-icon-leading form-input-icon", uh = "form-input-icon-password-toggle form-input-icon-trailing form-input-icon", ch = "form-input-addition form-input", dh = "form-date-range-input form-input", mh = "form-time-input form-date-input", ph = "form-text-area-disabled form-input-disabled form-input form-text-area", fh = "form-text-area-enabled form-input-enabled form-input form-text-area", hh = "quantity-selector-input form-input", gh = "pin-input-enabled pin-input", bh = "pin-input-disabled pin-input", vh = "toggle-icon-on toggle-icon", yh = "toggle-icon-off toggle-icon", kh = `form-select-popup ${Jp}`, R = { buttonGroup: ef, button: tf, formInput: nf, formStructureElement: af, pane: sf, formRow: of, formSectionTitle: lf, formField: rf, formFieldHeader: uf, formFieldLabel: cf, formFieldOptional: df, formFieldValue: mf, formFieldCounter: pf, formFieldAddition: ff, formFieldAdditionIcon: hf, isSecondary: gf, formInputIcon: bf, formInputNative: vf, formInputNativeHasIconLeading: yf, formInputNativeHasIconTrailing: kf, secondaryButton: Af, formDateInput: $f, formDateTimeInput: Ff, inputGroup: Cf, isDisabled: Bf, isFocused: wf, badge: Sf, formSelectIcon: Ef, formSelectInput: If, formSelectPlaceholder: Tf, menuItem: Lf, isKeyboardAction: Df, isSearchable: Mf, menuSubHeader: Pf, formSelectSelected: Vf, buttonLabel: xf, formTextArea: Of, checkbox: Rf, checkboxElement: zf, checkboxNative: Nf, icon: Hf, checkboxLabel: Gf, quantitySelector: Uf, quantitySelectorButton: Wf, pinInput: jf, pinInputField: _f, toggle: qf, isChecked: Kf, toggleInput: Yf, isSwitch: Zf, toggleIcon: Qf, formInputGroup: Xf, formSelect: Jf, form: eh, formColumn: th, formSection: nh, formFieldAdditionError: ah, formFieldAdditionHint: ih, formInputDisabled: sh, formInputEnabled: oh, formInputIconTrailing: lh, formInputIconLeading: rh, formInputIconPasswordToggle: uh, formInputAddition: ch, formDateRangeInput: dh, formTimeInput: mh, formTextAreaDisabled: ph, formTextAreaEnabled: fh, quantitySelectorInput: hh, pinInputEnabled: gh, pinInputDisabled: bh, toggleIconOn: vh, toggleIconOff: yh, formSelectPopup: kh }, Ah = ["aria-disabled"], $h = ["id", "autocomplete", "autofocus", "aria-disabled", "disabled", "max", "maxlength", "min", "placeholder", "readonly", "step", "type", "value"], we = /* @__PURE__ */ k({
+}), { basePaneStructure: ef } = pt, tf = "button-group", nf = "button", af = "form-input", sf = "form-structure-element", of = "pane", lf = "form-row", rf = "form-section-title", uf = "form-field", cf = "form-field-header", df = "form-field-label", mf = "form-field-optional", pf = "form-field-value", ff = "form-field-counter", hf = "form-field-addition", gf = "form-field-addition-icon", bf = "is-secondary", vf = "form-input-icon", yf = "form-input-native", kf = "form-input-native-has-icon-leading", Af = "form-input-native-has-icon-trailing", $f = "secondary-button", Ff = "form-date-input", Cf = "form-date-time-input", Bf = "input-group", wf = "is-disabled", Sf = "is-focused", Ef = "badge", If = "form-select-icon", Tf = "form-select-input", Lf = "form-select-placeholder", Df = "menu-item", Mf = "is-keyboard-action", Pf = "is-searchable", Vf = "menu-sub-header", xf = "form-select-selected", Of = "button-label", Rf = "form-text-area", zf = "checkbox", Nf = "checkbox-element", Hf = "checkbox-native", Gf = "icon", Uf = "checkbox-label", Wf = "quantity-selector", jf = "quantity-selector-button", _f = "pin-input", qf = "pin-input-field", Kf = "toggle", Yf = "is-checked", Zf = "toggle-input", Qf = "is-switch", Xf = "toggle-icon", Jf = "form-input-group form-input-enabled form-input", eh = "form-select form-input", th = "form form-structure-element", nh = "form-column form-structure-element", ah = "form-section form-structure-element", ih = "form-field-addition-error form-field-addition", sh = "form-field-addition-hint form-field-addition", oh = "form-input-disabled form-input", lh = "form-input-enabled form-input", rh = "form-input-icon-trailing form-input-icon", uh = "form-input-icon-leading form-input-icon", ch = "form-input-icon-password-toggle form-input-icon-trailing form-input-icon", dh = "form-input-addition form-input", mh = "form-date-range-input form-input", ph = "form-time-input form-date-input", fh = "form-text-area-disabled form-input-disabled form-input form-text-area", hh = "form-text-area-enabled form-input-enabled form-input form-text-area", gh = "quantity-selector-input form-input", bh = "pin-input-enabled pin-input", vh = "pin-input-disabled pin-input", yh = "toggle-icon-on toggle-icon", kh = "toggle-icon-off toggle-icon", Ah = `form-select-popup ${ef}`, R = { buttonGroup: tf, button: nf, formInput: af, formStructureElement: sf, pane: of, formRow: lf, formSectionTitle: rf, formField: uf, formFieldHeader: cf, formFieldLabel: df, formFieldOptional: mf, formFieldValue: pf, formFieldCounter: ff, formFieldAddition: hf, formFieldAdditionIcon: gf, isSecondary: bf, formInputIcon: vf, formInputNative: yf, formInputNativeHasIconLeading: kf, formInputNativeHasIconTrailing: Af, secondaryButton: $f, formDateInput: Ff, formDateTimeInput: Cf, inputGroup: Bf, isDisabled: wf, isFocused: Sf, badge: Ef, formSelectIcon: If, formSelectInput: Tf, formSelectPlaceholder: Lf, menuItem: Df, isKeyboardAction: Mf, isSearchable: Pf, menuSubHeader: Vf, formSelectSelected: xf, buttonLabel: Of, formTextArea: Rf, checkbox: zf, checkboxElement: Nf, checkboxNative: Hf, icon: Gf, checkboxLabel: Uf, quantitySelector: Wf, quantitySelectorButton: jf, pinInput: _f, pinInputField: qf, toggle: Kf, isChecked: Yf, toggleInput: Zf, isSwitch: Qf, toggleIcon: Xf, formInputGroup: Jf, formSelect: eh, form: th, formColumn: nh, formSection: ah, formFieldAdditionError: ih, formFieldAdditionHint: sh, formInputDisabled: oh, formInputEnabled: lh, formInputIconTrailing: rh, formInputIconLeading: uh, formInputIconPasswordToggle: ch, formInputAddition: dh, formDateRangeInput: mh, formTimeInput: ph, formTextAreaDisabled: fh, formTextAreaEnabled: hh, quantitySelectorInput: gh, pinInputEnabled: bh, pinInputDisabled: vh, toggleIconOn: yh, toggleIconOff: kh, formSelectPopup: Ah }, $h = ["aria-disabled"], Fh = ["id", "autocomplete", "autofocus", "aria-disabled", "disabled", "max", "maxlength", "min", "placeholder", "readonly", "step", "type", "value"], we = /* @__PURE__ */ k({
   __name: "FluxFormInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -4263,7 +4263,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   }),
   emits: /* @__PURE__ */ ee(["blur", "focus", "showPicker"], ["update:modelValue"]),
   setup(t, { expose: e, emit: a }) {
-    const i = a, s = ae(t, "modelValue"), o = be(he(() => t.disabled)), l = te("input"), { id: r } = Yt(), u = P(null), m = P(t.type);
+    const i = a, s = ae(t, "modelValue"), o = be(me(() => t.disabled)), l = te("input"), { id: r } = Yt(), u = P(null), m = P(t.type);
     function f() {
       var v;
       (v = re(l)) == null || v.blur();
@@ -4333,7 +4333,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       if (!v || !E)
         return;
       const T = _s[E](v);
-      C && (T.value = C, u.value = T.value), G(() => T.destroy());
+      C && (T.value = C, s.value = T.value), G(() => T.destroy());
     }, { immediate: !0 }), z(() => t.type, (v) => m.value = v), e({
       blur: f,
       focus: g
@@ -4368,7 +4368,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
         onFocus: E[1] || (E[1] = (C) => F()),
         onInput: I,
         onKeydown: B
-      }, null, 42, $h),
+      }, null, 42, Fh),
       v.iconLeading ? (c(), b(U, {
         key: 0,
         class: d(n(R).formInputIconLeading),
@@ -4387,7 +4387,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
         name: v.iconTrailing,
         size: 18
       }, null, 8, ["class", "name"])) : S("", !0)
-    ], 10, Ah));
+    ], 10, $h));
   }
 }), It = /* @__PURE__ */ k({
   __name: "FluxMenuGroup",
@@ -4396,7 +4396,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   },
   setup(t) {
     return (e, a) => (c(), p("div", {
-      class: d(e.isHorizontal ? n(pe).menuGroupHorizontal : n(pe).menuGroupVertical),
+      class: d(e.isHorizontal ? n(fe).menuGroupHorizontal : n(fe).menuGroupVertical),
       role: "group"
     }, [
       w(e.$slots, "default")
@@ -4411,25 +4411,25 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   },
   setup(t) {
     return (e, a) => (c(), p("div", {
-      class: d(n(pe).menuSubHeader),
+      class: d(n(fe).menuSubHeader),
       role: "presentation"
     }, [
       e.iconLeading ? (c(), b(U, {
         key: 0,
-        class: d(n(pe).menuSubHeaderIcon),
+        class: d(n(fe).menuSubHeaderIcon),
         name: e.iconLeading
       }, null, 8, ["class", "name"])) : S("", !0),
       D("span", {
-        class: d(n(pe).menuSubHeaderLabel)
+        class: d(n(fe).menuSubHeaderLabel)
       }, O(e.label), 3),
       e.iconTrailing ? (c(), b(U, {
         key: 1,
-        class: d(n(pe).menuSubHeaderIcon),
+        class: d(n(fe).menuSubHeaderIcon),
         name: e.iconTrailing
       }, null, 8, ["class", "name"])) : S("", !0)
     ], 2));
   }
-}), Fh = "filter", Ch = "menu", Bh = "divider", wh = "separator", Sh = "menu-group", Eh = "menu-sub-header", Ih = "filter-search", Th = "menu-item-label", Lh = "pane-body", Dh = "filter-header", Mh = "filter-back", Ph = "filter-reset", Vh = "filter-date-picker", Bt = { filter: Fh, menu: Ch, divider: Bh, separator: wh, menuGroup: Sh, menuSubHeader: Eh, filterSearch: Ih, menuItemLabel: Th, paneBody: Lh, filterHeader: Dh, filterBack: Mh, filterReset: Ph, filterDatePicker: Vh }, Hn = /* @__PURE__ */ k({
+}), Ch = "filter", Bh = "menu", wh = "divider", Sh = "separator", Eh = "menu-group", Ih = "menu-sub-header", Th = "filter-search", Lh = "menu-item-label", Dh = "pane-body", Mh = "filter-header", Ph = "filter-back", Vh = "filter-reset", xh = "filter-date-picker", Bt = { filter: Ch, menu: Bh, divider: wh, separator: Sh, menuGroup: Eh, menuSubHeader: Ih, filterSearch: Th, menuItemLabel: Lh, paneBody: Dh, filterHeader: Mh, filterBack: Ph, filterReset: Vh, filterDatePicker: xh }, Hn = /* @__PURE__ */ k({
   __name: "FilterOptionBase",
   props: /* @__PURE__ */ ee({
     isLoading: { type: Boolean },
@@ -4496,14 +4496,14 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       direction: "vertical"
     }), (a, i) => (c(), p("nav", {
       ref: "element",
-      class: d(a.isLarge ? n(pe).menuLarge : n(pe).menuNormal),
+      class: d(a.isLarge ? n(fe).menuLarge : n(fe).menuNormal),
       role: "menu",
       "aria-orientation": "vertical"
     }, [
       w(a.$slots, "default")
     ], 2));
   }
-}), xh = /* @__PURE__ */ k({
+}), Oh = /* @__PURE__ */ k({
   __name: "FluxTag",
   props: {
     color: { default: "gray" },
@@ -4528,12 +4528,12 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
     }
     return (s, o) => (c(), b(Zt, {
       class: d(n(Z)(
-        s.color === "gray" && n(fe).tagGray,
-        s.color === "primary" && n(fe).tagPrimary,
-        s.color === "danger" && n(fe).tagDanger,
-        s.color === "info" && n(fe).tagInfo,
-        s.color === "success" && n(fe).tagSuccess,
-        s.color === "warning" && n(fe).tagWarning
+        s.color === "gray" && n(he).tagGray,
+        s.color === "primary" && n(he).tagPrimary,
+        s.color === "danger" && n(he).tagDanger,
+        s.color === "info" && n(he).tagInfo,
+        s.color === "success" && n(he).tagSuccess,
+        s.color === "warning" && n(he).tagWarning
       )),
       "component-type": s.type,
       tabindex: s.tabindex,
@@ -4548,23 +4548,23 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       default: A(() => [
         s.isLoading ? (c(), b(Ee, {
           key: 0,
-          class: d(n(fe).tagIcon),
+          class: d(n(he).tagIcon),
           size: 16
         }, null, 8, ["class"])) : s.dot ? (c(), p("span", {
           key: 1,
-          class: d(n(fe).tagDot)
+          class: d(n(he).tagDot)
         }, null, 2)) : s.icon ? (c(), b(U, {
           key: 2,
-          class: d(n(fe).tagIcon),
+          class: d(n(he).tagIcon),
           name: s.icon,
           size: 16
         }, null, 8, ["class", "name"])) : S("", !0),
         D("span", {
-          class: d(n(fe).tagLabel)
+          class: d(n(he).tagLabel)
         }, O(s.label), 3),
         !s.isClickable && s.isDeletable ? (c(), p("button", {
           key: 3,
-          class: d(n(fe).tagClose),
+          class: d(n(he).tagClose),
           type: "button",
           onClick: o[0] || (o[0] = (l) => i())
         }, [
@@ -4593,7 +4593,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   }),
   emits: /* @__PURE__ */ ee(["keyDown", "deselect", "select", "search", "close", "open"], ["update:searchQuery"]),
   setup(t, { emit: e }) {
-    const a = e, i = ae(t, "searchQuery"), s = be(he(() => t.disabled)), { id: o } = Yt(), l = ve(), r = te("anchor"), u = te("anchorPopup"), m = te("optionElements"), f = te("searchInputElement"), g = P(nn), $ = P(!1), h = P(!1), F = L(() => re(f) ?? re(r)), I = L(() => {
+    const a = e, i = ae(t, "searchQuery"), s = be(me(() => t.disabled)), { id: o } = Yt(), l = ve(), r = te("anchor"), u = te("anchorPopup"), m = te("optionElements"), f = te("searchInputElement"), g = P(nn), $ = P(!1), h = P(!1), F = L(() => re(f) ?? re(r)), I = L(() => {
       var T;
       return (T = n(B)[n(g)]) == null ? void 0 : T.value;
     }), B = L(() => t.options.map((T) => T[1]).flat());
@@ -4679,7 +4679,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
         });
       }), a("open");
     }), z(i, (T) => a("search", T)), z([() => t.options, h], () => g.value = nn), (T, V) => (c(), p(N, null, [
-      y(Ap, ke({ ref: "anchor" }, T.$attrs, {
+      y($p, ke({ ref: "anchor" }, T.$attrs, {
         class: n(Z)(
           n(R).formSelect,
           n(s) && n(R).isDisabled,
@@ -4703,7 +4703,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
             "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(N, { key: 1 }, q(T.selected, (M) => (c(), b(xh, {
+          }, null, 8, ["class", "command", "command-icon", "icon-leading", "label"])) : T.isMultiple && T.selected[0] ? (c(!0), p(N, { key: 1 }, q(T.selected, (M) => (c(), b(Oh, {
             key: M.value ?? "null option",
             label: M.label,
             "is-deletable": "",
@@ -4727,7 +4727,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       (c(), b(Qa, { to: "body" }, [
         y(n(Ne), null, {
           default: A(() => [
-            h.value && !n(s) ? (c(), b($p, {
+            h.value && !n(s) ? (c(), b(Fp, {
               key: 0,
               ref: "anchorPopup",
               class: d(n(Z)(
@@ -4735,7 +4735,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
                 $.value && n(R).isKeyboardAction,
                 T.isSearchable && n(R).isSearchable
               )),
-              anchor: n(r),
+              anchor: r.value,
               direction: "vertical",
               "use-anchor-width": ""
             }, {
@@ -4771,11 +4771,11 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
                             "icon-leading": M.icon,
                             label: M.label
                           }, null, 8, ["icon-leading", "label"])) : S("", !0),
-                          (c(!0), p(N, null, q(j, (_, me) => (c(), p(N, null, [
+                          (c(!0), p(N, null, q(j, (_, pe) => (c(), p(N, null, [
                             n(ct)(_) ? (c(), b(_e, {
                               ref_for: !0,
                               ref: "optionElements",
-                              key: me,
+                              key: pe,
                               command: _.command,
                               "command-icon": _.commandIcon,
                               "icon-leading": _.icon,
@@ -4815,7 +4815,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       ]))
     ], 64));
   }
-}), Oh = "slider", Rh = "is-disabled", zh = "is-dragging", Nh = "slider-thumb", Hh = "slider-track", Gh = "slider-track-value", Uh = "tick", Wh = "ticks", jh = "tick-large tick", _h = "tick-small tick", qe = { slider: Oh, isDisabled: Rh, isDragging: zh, sliderThumb: Nh, sliderTrack: Hh, sliderTrackValue: Gh, tick: Uh, ticks: Wh, tickLarge: jh, tickSmall: _h }, qh = /* @__PURE__ */ k({
+}), Rh = "slider", zh = "is-disabled", Nh = "is-dragging", Hh = "slider-thumb", Gh = "slider-track", Uh = "slider-track-value", Wh = "tick", jh = "ticks", _h = "tick-large tick", qh = "tick-small tick", qe = { slider: Rh, isDisabled: zh, isDragging: Nh, sliderThumb: Hh, sliderTrack: Gh, sliderTrackValue: Uh, tick: Wh, ticks: jh, tickLarge: _h, tickSmall: qh }, Kh = /* @__PURE__ */ k({
   __name: "FluxTicks",
   props: {
     lower: {},
@@ -4844,7 +4844,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       }, null, 6))), 128))
     ], 2));
   }
-}), Kh = ["aria-disabled"], rs = /* @__PURE__ */ k({
+}), Yh = ["aria-disabled"], rs = /* @__PURE__ */ k({
   __name: "SliderBase",
   props: {
     disabled: { type: Boolean },
@@ -4856,7 +4856,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   },
   emits: ["dragging", "update"],
   setup(t, { emit: e }) {
-    const a = e, i = be(he(() => t.disabled)), s = te("root");
+    const a = e, i = be(me(() => t.disabled)), s = te("root");
     Ie(() => {
       document.addEventListener("pointermove", l), document.addEventListener("pointerup", r, { passive: !0 });
     }), Re(() => {
@@ -4886,15 +4886,15 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       "aria-disabled": n(i) ? !0 : void 0,
       onPointerdown: o
     }, [
-      u.isTicksVisible ? (c(), b(qh, {
+      u.isTicksVisible ? (c(), b(Kh, {
         key: 0,
         lower: u.min,
         upper: u.max
       }, null, 8, ["lower", "upper"])) : S("", !0),
       w(u.$slots, "default")
-    ], 42, Kh));
+    ], 42, Yh));
   }
-}), Yh = ["aria-disabled", "tabindex"], ha = /* @__PURE__ */ k({
+}), Zh = ["aria-disabled", "tabindex"], ha = /* @__PURE__ */ k({
   __name: "SliderThumb",
   props: {
     disabled: { type: Boolean },
@@ -4903,7 +4903,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
   },
   emits: ["decrement", "grab", "increment"],
   setup(t, { emit: e }) {
-    const a = e, i = be(he(() => t.disabled));
+    const a = e, i = be(me(() => t.disabled));
     function s(o) {
       if (!n(i)) {
         switch (o.key) {
@@ -4935,7 +4935,7 @@ const { button: cn, buttonLabel: dn, buttonIcon: mn } = zn, Vu = "spinner", xu =
       type: "button",
       onKeydown: s,
       onPointerdown: l[0] || (l[0] = (r) => o.$emit("grab", r))
-    }, null, 46, Yh));
+    }, null, 46, Zh));
   }
 }), us = /* @__PURE__ */ k({
   __name: "SliderTrack",
@@ -5026,7 +5026,7 @@ function ds(t, e, a = !1) {
   }
   return i("flux.customPeriod");
 }
-const Zh = "divider", Qh = "divider-content", Xh = "divider-line", Jh = "separator", eg = "divider-content-start divider", tg = "divider-content-center divider", ng = "divider-content-end divider", ag = "separator-horizontal separator", ig = "separator-vertical separator", $t = { divider: Zh, dividerContent: Qh, dividerLine: Xh, separator: Jh, dividerContentStart: eg, dividerContentCenter: tg, dividerContentEnd: ng, separatorHorizontal: ag, separatorVertical: ig }, sg = ["aria-orientation"], ms = /* @__PURE__ */ k({
+const Qh = "divider", Xh = "divider-content", Jh = "divider-line", eg = "separator", tg = "divider-content-start divider", ng = "divider-content-center divider", ag = "divider-content-end divider", ig = "separator-horizontal separator", sg = "separator-vertical separator", $t = { divider: Qh, dividerContent: Xh, dividerLine: Jh, separator: eg, dividerContentStart: tg, dividerContentCenter: ng, dividerContentEnd: ag, separatorHorizontal: ig, separatorVertical: sg }, og = ["aria-orientation"], ms = /* @__PURE__ */ k({
   __name: "FluxSeparator",
   props: {
     direction: { default: "horizontal" }
@@ -5036,9 +5036,9 @@ const Zh = "divider", Qh = "divider-content", Xh = "divider-line", Jh = "separat
       class: d(e.direction === "horizontal" ? n($t).separatorHorizontal : n($t).separatorVertical),
       role: "separator",
       "aria-orientation": e.direction
-    }, null, 10, sg));
+    }, null, 10, og));
   }
-}), og = /* @__PURE__ */ k({
+}), lg = /* @__PURE__ */ k({
   __name: "FilterItem",
   props: {
     item: {},
@@ -5062,7 +5062,7 @@ const Zh = "divider", Qh = "divider-content", Xh = "divider-line", Jh = "separat
       onClick: r
     }, null, 8, ["command", "command-loading", "icon-leading", "label"]));
   }
-}), lg = k({
+}), rg = k({
   props: {
     navigate: Function,
     state: Object
@@ -5079,7 +5079,7 @@ const Zh = "divider", Qh = "divider-content", Xh = "divider-line", Jh = "separat
         }
         if (r.startsWith("FluxFilter")) {
           const u = Ct(l), m = Ki(r.substring(10));
-          s[s.length - 1].push(bg[m](u));
+          s[s.length - 1].push(vg[m](u));
           continue;
         }
         s[s.length - 1].push(l);
@@ -5087,11 +5087,11 @@ const Zh = "divider", Qh = "divider-content", Xh = "divider-line", Jh = "separat
       return s;
     });
     return () => Qe(ln, {}, {
-      default: () => n(a).map((i, s) => hg(i, s, t.navigate, t.state))
+      default: () => n(a).map((i, s) => gg(i, s, t.navigate, t.state))
     });
   }
 });
-function rg(t) {
+function ug(t) {
   return {
     ...t,
     type: "date",
@@ -5104,7 +5104,7 @@ function rg(t) {
     }
   };
 }
-function ug(t) {
+function cg(t) {
   return {
     ...t,
     type: "dateRange",
@@ -5116,7 +5116,7 @@ function ug(t) {
     }
   };
 }
-function cg(t) {
+function dg(t) {
   const e = t.options;
   return {
     ...t,
@@ -5127,7 +5127,7 @@ function cg(t) {
     }
   };
 }
-function dg(t) {
+function mg(t) {
   const e = t.fetchOptions;
   return {
     ...t,
@@ -5138,7 +5138,7 @@ function dg(t) {
     }
   };
 }
-function mg(t) {
+function pg(t) {
   const e = t.options, a = ve();
   return {
     ...t,
@@ -5148,7 +5148,7 @@ function mg(t) {
     }
   };
 }
-function pg(t) {
+function fg(t) {
   const e = t.fetchOptions, a = ve();
   return {
     ...t,
@@ -5161,7 +5161,7 @@ function pg(t) {
     }
   };
 }
-function fg(t) {
+function hg(t) {
   return {
     ...t,
     type: "range",
@@ -5177,14 +5177,14 @@ function fg(t) {
     }
   };
 }
-function hg(t, e, a, i) {
+function gg(t, e, a, i) {
   const s = [];
   return e > 0 && s.push(Qe(ms)), s.push(Qe(It, {}, {
-    default: () => t.map((o) => gg(o, a, i))
+    default: () => t.map((o) => bg(o, a, i))
   })), s;
 }
-function gg(t, e, a) {
-  return Ss(t) ? t : Qe(og, {
+function bg(t, e, a) {
+  return Ss(t) ? t : Qe(lg, {
     item: t,
     value: a[t.name] ?? null,
     onClick: () => e(t.name)
@@ -5196,14 +5196,14 @@ function ps(t, e, a) {
     n: i
   });
 }
-const bg = {
-  date: rg,
-  dateRange: ug,
-  option: cg,
-  optionAsync: dg,
-  options: mg,
-  optionsAsync: pg,
-  range: fg
+const vg = {
+  date: ug,
+  dateRange: cg,
+  option: dg,
+  optionAsync: mg,
+  options: pg,
+  optionsAsync: fg,
+  range: hg
 }, Gn = k({
   props: {
     vnode: Object
@@ -5211,7 +5211,7 @@ const bg = {
   setup(t) {
     return () => t.vnode;
   }
-}), { basePaneStructure: vg, basePaneLoader: yg } = pt, kg = "calendar-actions", Ag = "calendar-current", $g = "calendar-current-value", Fg = "calendar-cells", Cg = "calendar-cell", Bg = "is-disabled", wg = "calendar-entry-date", Sg = "calendar-events", Eg = "calendar-event", Ig = "is-single", Tg = "is-middle", Lg = "is-start", Dg = "is-end", Mg = "calendar-current-month calendar-current-value", Pg = "calendar-current-year calendar-current-value", Vg = "calendar-day calendar-cell", xg = "calendar-entry calendar-cell", Og = `calendar ${vg}`, Rg = `calendar-loader ${yg}`, Be = { calendarActions: kg, calendarCurrent: Ag, calendarCurrentValue: $g, calendarCells: Fg, calendarCell: Cg, isDisabled: Bg, calendarEntryDate: wg, calendarEvents: Sg, calendarEvent: Eg, isSingle: Ig, isMiddle: Tg, isStart: Lg, isEnd: Dg, calendarCurrentMonth: Mg, calendarCurrentYear: Pg, calendarDay: Vg, calendarEntry: xg, calendar: Og, calendarLoader: Rg }, zg = "date-picker", Ng = "date-picker-dates", Hg = "date-picker-months", Gg = "date-picker-years", Ug = "date-picker-header", Wg = "date-picker-header-view", jg = "date-picker-header-view-button", _g = "date-picker-date", qg = "is-disabled", Kg = "is-range-entry", Yg = "is-range-end", Zg = "is-range-start", Qg = "is-selection-entry", Xg = "is-selection-end", Jg = "is-selection-start", eb = "is-selected", tb = "date-picker-dates-grid", nb = "date-picker-day", ab = "button", ge = { datePicker: zg, datePickerDates: Ng, datePickerMonths: Hg, datePickerYears: Gg, datePickerHeader: Ug, datePickerHeaderView: Wg, datePickerHeaderViewButton: jg, datePickerDate: _g, isDisabled: qg, isRangeEntry: Kg, isRangeEnd: Yg, isRangeStart: Zg, isSelectionEntry: Qg, isSelectionEnd: Xg, isSelectionStart: Jg, isSelected: eb, datePickerDatesGrid: tb, datePickerDay: nb, button: ab }, ib = ["onClick"], sb = ["onClick"], pF = /* @__PURE__ */ k({
+}), { basePaneStructure: yg, basePaneLoader: kg } = pt, Ag = "calendar-actions", $g = "calendar-current", Fg = "calendar-current-value", Cg = "calendar-cells", Bg = "calendar-cell", wg = "is-disabled", Sg = "calendar-entry-date", Eg = "calendar-events", Ig = "calendar-event", Tg = "is-single", Lg = "is-middle", Dg = "is-start", Mg = "is-end", Pg = "calendar-current-month calendar-current-value", Vg = "calendar-current-year calendar-current-value", xg = "calendar-day calendar-cell", Og = "calendar-entry calendar-cell", Rg = `calendar ${yg}`, zg = `calendar-loader ${kg}`, Be = { calendarActions: Ag, calendarCurrent: $g, calendarCurrentValue: Fg, calendarCells: Cg, calendarCell: Bg, isDisabled: wg, calendarEntryDate: Sg, calendarEvents: Eg, calendarEvent: Ig, isSingle: Tg, isMiddle: Lg, isStart: Dg, isEnd: Mg, calendarCurrentMonth: Pg, calendarCurrentYear: Vg, calendarDay: xg, calendarEntry: Og, calendar: Rg, calendarLoader: zg }, Ng = "date-picker", Hg = "date-picker-dates", Gg = "date-picker-months", Ug = "date-picker-years", Wg = "date-picker-header", jg = "date-picker-header-view", _g = "date-picker-header-view-button", qg = "date-picker-date", Kg = "is-disabled", Yg = "is-range-entry", Zg = "is-range-end", Qg = "is-range-start", Xg = "is-selection-entry", Jg = "is-selection-end", eb = "is-selection-start", tb = "is-selected", nb = "date-picker-dates-grid", ab = "date-picker-day", ib = "button", ge = { datePicker: Ng, datePickerDates: Hg, datePickerMonths: Gg, datePickerYears: Ug, datePickerHeader: Wg, datePickerHeaderView: jg, datePickerHeaderViewButton: _g, datePickerDate: qg, isDisabled: Kg, isRangeEntry: Yg, isRangeEnd: Zg, isRangeStart: Qg, isSelectionEntry: Xg, isSelectionEnd: Jg, isSelectionStart: eb, isSelected: tb, datePickerDatesGrid: nb, datePickerDay: ab, button: ib }, sb = ["onClick"], ob = ["onClick"], fF = /* @__PURE__ */ k({
   __name: "FluxCalendar",
   props: {
     initialDate: { default: () => Fe.now() },
@@ -5244,12 +5244,12 @@ const bg = {
     function x(M) {
       const j = M.toSQLDate();
       return n(C).map((Q, _) => {
-        const { date: me } = Ct(Q);
-        return Array.isArray(me) ? M < me[0] || M > me[1] ? null : {
-          type: j === me[0].toSQLDate() ? "start" : j === me[1].toSQLDate() ? "end" : "middle",
+        const { date: pe } = Ct(Q);
+        return Array.isArray(pe) ? M < pe[0] || M > pe[1] ? null : {
+          type: j === pe[0].toSQLDate() ? "start" : j === pe[1].toSQLDate() ? "end" : "middle",
           index: _,
           vnode: Q
-        } : j !== me.toSQLDate() ? null : {
+        } : j !== pe.toSQLDate() ? null : {
           type: "single",
           index: _,
           vnode: Q
@@ -5270,7 +5270,7 @@ const bg = {
     }, { immediate: !0 }), z(() => t.initialDate, $), (M, j) => (c(), p("div", {
       class: d(n(Be).calendar)
     }, [
-      y(od, {
+      y(ld, {
         class: d(n(Be).calendarActions)
       }, {
         primary: A(() => [
@@ -5284,7 +5284,7 @@ const bg = {
                   class: d(n(Be).calendarCurrentMonth),
                   type: "button",
                   onClick: Q
-                }, O(n(l)), 11, ib)
+                }, O(n(l)), 11, sb)
               ]),
               default: A(({ close: Q }) => [
                 D("div", {
@@ -5294,7 +5294,7 @@ const bg = {
                     key: _,
                     label: _.label,
                     tabindex: "-1",
-                    onClick: (me) => T(_.date, Q)
+                    onClick: (pe) => T(_.date, Q)
                   }, null, 8, ["label", "onClick"]))), 128))
                 ], 2)
               ]),
@@ -5306,7 +5306,7 @@ const bg = {
                   class: d(n(Be).calendarCurrentYear),
                   type: "button",
                   onClick: Q
-                }, O(n(r)), 11, sb)
+                }, O(n(r)), 11, ob)
               ]),
               default: A(({ close: Q }) => [
                 D("div", {
@@ -5321,7 +5321,7 @@ const bg = {
                     key: _,
                     label: _.toString(),
                     tabindex: "-1",
-                    onClick: (me) => V(_, Q)
+                    onClick: (pe) => V(_, Q)
                   }, null, 8, ["label", "onClick"]))), 128)),
                   y(ue, {
                     "icon-leading": "angle-right",
@@ -5404,7 +5404,7 @@ const bg = {
       ], 2)) : S("", !0)
     ], 2));
   }
-}), fF = /* @__PURE__ */ k({
+}), hF = /* @__PURE__ */ k({
   __name: "FluxCalendarEvent",
   props: {
     date: {},
@@ -5434,7 +5434,7 @@ const bg = {
       _: 3
     }));
   }
-}), ob = ["for"], lb = ["id"], rb = ["aria-checked"], hF = /* @__PURE__ */ k({
+}), lb = ["for"], rb = ["id"], ub = ["aria-checked"], gF = /* @__PURE__ */ k({
   __name: "FluxCheckbox",
   props: /* @__PURE__ */ ee({
     label: {}
@@ -5458,7 +5458,7 @@ const bg = {
         type: "checkbox",
         class: d(n(R).checkboxNative),
         id: n(i)
-      }, null, 10, lb), [
+      }, null, 10, rb), [
         [Es, e.value]
       ]),
       D("button", {
@@ -5475,14 +5475,14 @@ const bg = {
           name: "check",
           size: 16
         }))
-      ], 10, rb),
+      ], 10, ub),
       o.label ? (c(), p("span", {
         key: 0,
         class: d(n(R).checkboxLabel)
       }, O(o.label), 3)) : S("", !0)
-    ], 10, ob));
+    ], 10, lb));
   }
-}), ub = "chip", cb = "is-selectable", db = "is-selected", Xn = { chip: ub, isSelectable: cb, isSelected: db }, gF = /* @__PURE__ */ k({
+}), cb = "chip", db = "is-selectable", mb = "is-selected", Xn = { chip: cb, isSelectable: db, isSelected: mb }, bF = /* @__PURE__ */ k({
   __name: "FluxChip",
   props: {
     iconLeading: {},
@@ -5527,7 +5527,7 @@ const bg = {
       _: 1
     }, 8, ["class"]));
   }
-}), bF = /* @__PURE__ */ k({
+}), vF = /* @__PURE__ */ k({
   __name: "FluxClickablePane",
   props: {
     isLoading: { type: Boolean },
@@ -5573,7 +5573,7 @@ const bg = {
       _: 3
     }, 8, ["component-type", "class", "tabindex", "href", "rel", "target", "to"]));
   }
-}), mb = "comment", pb = "avatar", fb = "comment-content", hb = "comment-footer", gb = "is-received", bb = "is-typing", vb = "comment-typing", xt = { comment: mb, avatar: pb, commentContent: fb, commentFooter: hb, isReceived: gb, isTyping: bb, commentTyping: vb }, yb = { key: 0 }, kb = ["datetime"], vF = /* @__PURE__ */ k({
+}), pb = "comment", fb = "avatar", hb = "comment-content", gb = "comment-footer", bb = "is-received", vb = "is-typing", yb = "comment-typing", xt = { comment: pb, avatar: fb, commentContent: hb, commentFooter: gb, isReceived: bb, isTyping: vb, commentTyping: yb }, kb = { key: 0 }, Ab = ["datetime"], yF = /* @__PURE__ */ k({
   __name: "FluxComment",
   props: {
     avatarAlt: {},
@@ -5621,15 +5621,15 @@ const bg = {
       D("div", {
         class: d(n(xt).commentFooter)
       }, [
-        o.isReceived && o.postedBy ? (c(), p("span", yb, O(o.postedBy), 1)) : S("", !0),
+        o.isReceived && o.postedBy ? (c(), p("span", kb, O(o.postedBy), 1)) : S("", !0),
         i.value && s.value && !o.isTyping ? (c(), p("time", {
           key: 1,
           datetime: i.value
-        }, O(a.value ? n(e)("flux.justNow") : s.value), 9, kb)) : S("", !0)
+        }, O(a.value ? n(e)("flux.justNow") : s.value), 9, Ab)) : S("", !0)
       ], 2)
     ], 2));
   }
-}), Ab = "slider", $b = "is-disabled", Fb = "is-dragging", Cb = "slider-thumb", Bb = "slider-track", wb = "slider-track-value", Sb = "tick", Eb = "ticks", Ib = "tick-large tick", Tb = "tick-small tick", Lb = { slider: Ab, isDisabled: $b, isDragging: Fb, sliderThumb: Cb, sliderTrack: Bb, sliderTrackValue: wb, tick: Sb, ticks: Eb, tickLarge: Ib, tickSmall: Tb }, { sliderThumb: Db } = Lb, Mb = "coordinate-picker", Pb = "is-disabled", Vb = "is-dragging", xb = `coordinate-picker-thumb ${Db}`, Cn = { coordinatePicker: Mb, isDisabled: Pb, isDragging: Vb, coordinatePickerThumb: xb }, Ob = ["aria-disabled", "tabindex"], Rb = /* @__PURE__ */ k({
+}), $b = "slider", Fb = "is-disabled", Cb = "is-dragging", Bb = "slider-thumb", wb = "slider-track", Sb = "slider-track-value", Eb = "tick", Ib = "ticks", Tb = "tick-large tick", Lb = "tick-small tick", Db = { slider: $b, isDisabled: Fb, isDragging: Cb, sliderThumb: Bb, sliderTrack: wb, sliderTrackValue: Sb, tick: Eb, ticks: Ib, tickLarge: Tb, tickSmall: Lb }, { sliderThumb: Mb } = Db, Pb = "coordinate-picker", Vb = "is-disabled", xb = "is-dragging", Ob = `coordinate-picker-thumb ${Mb}`, Cn = { coordinatePicker: Pb, isDisabled: Vb, isDragging: xb, coordinatePickerThumb: Ob }, Rb = ["aria-disabled", "tabindex"], zb = /* @__PURE__ */ k({
   __name: "CoordinatePickerThumb",
   props: {
     disabled: { type: Boolean },
@@ -5638,7 +5638,7 @@ const bg = {
   },
   emits: ["decrement", "grab", "increment"],
   setup(t, { emit: e }) {
-    const a = e, i = be(he(() => t.disabled));
+    const a = e, i = be(me(() => t.disabled));
     function s(o) {
       if (!n(i)) {
         switch (o.key) {
@@ -5675,9 +5675,9 @@ const bg = {
       type: "button",
       onKeydown: s,
       onPointerdown: l[0] || (l[0] = (r) => o.$emit("grab", r))
-    }, null, 46, Ob));
+    }, null, 46, Rb));
   }
-}), zb = ["aria-disabled"], Nb = /* @__PURE__ */ k({
+}), Nb = ["aria-disabled"], Hb = /* @__PURE__ */ k({
   __name: "CoordinatePicker",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -5692,7 +5692,7 @@ const bg = {
   }),
   emits: /* @__PURE__ */ ee(["dragging"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const a = e, i = ae(t, "modelValue"), s = be(he(() => t.disabled)), o = te("root"), l = P(!1), r = L(() => Array.isArray(t.max) ? t.max : [t.max, t.max]), u = L(() => Array.isArray(t.min) ? t.min : [t.min, t.min]), m = L(() => Array.isArray(t.step) ? t.step : [t.step, t.step]), f = L(() => [
+    const a = e, i = ae(t, "modelValue"), s = be(me(() => t.disabled)), o = te("root"), l = P(!1), r = L(() => Array.isArray(t.max) ? t.max : [t.max, t.max]), u = L(() => Array.isArray(t.min) ? t.min : [t.min, t.min]), m = L(() => Array.isArray(t.step) ? t.step : [t.step, t.step]), f = L(() => [
       (n(i)[0] - n(u)[0]) / (n(r)[0] - n(u)[0]),
       (n(i)[1] - n(u)[1]) / (n(r)[1] - n(u)[1])
     ]);
@@ -5725,9 +5725,9 @@ const bg = {
       const [E, C] = n(r), [x, G] = n(u), [T, V] = n(m);
       let { top: M, left: j, width: Q, height: _ } = v.getBoundingClientRect();
       M += 6, j += 6, Q -= 12, _ -= 12;
-      const me = Math.max(0, Math.min(1, (B.clientX - j) / Q)), Me = Math.max(0, Math.min(1, (B.clientY - M) / _));
+      const pe = Math.max(0, Math.min(1, (B.clientX - j) / Q)), Me = Math.max(0, Math.min(1, (B.clientY - M) / _));
       i.value = [
-        +ut(me * (E - x) + x, T).toPrecision(4),
+        +ut(pe * (E - x) + x, T).toPrecision(4),
         +ut(Me * (C - G) + G, V).toPrecision(4)
       ], B.preventDefault();
     }
@@ -5741,16 +5741,16 @@ const bg = {
       "aria-disabled": n(s) ? !0 : void 0,
       onPointerdown: h
     }, [
-      y(Rb, {
+      y(zb, {
         disabled: n(s),
         "is-dragging": l.value,
         position: f.value,
         onDecrement: g,
         onIncrement: $
       }, null, 8, ["disabled", "is-dragging", "position"])
-    ], 42, zb));
+    ], 42, Nb));
   }
-}), Hb = { key: 1 }, _a = /* @__PURE__ */ k({
+}), Gb = { key: 1 }, _a = /* @__PURE__ */ k({
   __name: "FluxFormFieldAddition",
   props: {
     icon: {},
@@ -5771,11 +5771,11 @@ const bg = {
         name: e.icon,
         size: 16
       }, null, 8, ["class", "name"])) : S("", !0),
-      e.message ? (c(), p("span", Hb, O(e.message), 1)) : S("", !0),
+      e.message ? (c(), p("span", Gb, O(e.message), 1)) : S("", !0),
       w(e.$slots, "default")
     ], 2));
   }
-}), Gb = ["for"], Ve = /* @__PURE__ */ k({
+}), Ub = ["for"], Ve = /* @__PURE__ */ k({
   __name: "FluxFormField",
   props: {
     currentLength: {},
@@ -5809,7 +5809,7 @@ const bg = {
         }, [
           w(s.$slots, "value", ce(de({ currentLength: s.currentLength, error: s.error, hint: s.hint, id: n(a), isOptional: s.isOptional, label: s.label, maxLength: s.maxLength })))
         ], 2)) : S("", !0)
-      ], 10, Gb),
+      ], 10, Ub),
       w(s.$slots, "default", ce(de({ id: n(a) }))),
       s.currentLength && s.maxLength && s.maxLength > 0 ? (c(), p("span", {
         key: 0,
@@ -5847,7 +5847,7 @@ const bg = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), i = te("thumb"), s = P(!1), o = P(0), l = P(0), r = P(null), u = L(() => t.formatter(e.value, ca(t.step)));
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), i = te("thumb"), s = P(!1), o = P(0), l = P(0), r = P(null), u = L(() => t.formatter(e.value, ca(t.step)));
     function m(h) {
       var F;
       s.value = h, h && !r.value && !t.isTooltipDisabled ? r.value = Mn({
@@ -5913,7 +5913,7 @@ const bg = {
       _: 1
     }, 8, ["disabled", "is-dragging", "is-ticks-visible", "max", "min", "step"]));
   }
-}), Ub = "color-picker", Wb = "color-picker-preview", jb = "color-picker-saturation", _b = "color-picker-slider", qb = "slider-track-value", Kb = "slider-track", Yb = "color-picker-value", Zb = "form-field-label", Qb = "form-input", Xb = "color-select", Jb = "color-select-item", ev = "icon", tv = "color-select-custom-picker", nv = "color-select-buttons", av = "button", iv = "color-select-check", sv = "color-picker-alpha-slider color-picker-slider", ov = "color-picker-hue-slider color-picker-slider", lv = "color-select-color color-select-item", rv = "color-select-color-deselected color-select-color color-select-item", uv = "color-select-color-selected color-select-color color-select-item", cv = "color-select-custom color-select-item", xe = { colorPicker: Ub, colorPickerPreview: Wb, colorPickerSaturation: jb, colorPickerSlider: _b, sliderTrackValue: qb, sliderTrack: Kb, colorPickerValue: Yb, formFieldLabel: Zb, formInput: Qb, colorSelect: Xb, colorSelectItem: Jb, icon: ev, colorSelectCustomPicker: tv, colorSelectButtons: nv, button: av, colorSelectCheck: iv, colorPickerAlphaSlider: sv, colorPickerHueSlider: ov, colorSelectColor: lv, colorSelectColorDeselected: rv, colorSelectColorSelected: uv, colorSelectCustom: cv }, dv = /* @__PURE__ */ k({
+}), Wb = "color-picker", jb = "color-picker-preview", _b = "color-picker-saturation", qb = "color-picker-slider", Kb = "slider-track-value", Yb = "slider-track", Zb = "color-picker-value", Qb = "form-field-label", Xb = "form-input", Jb = "color-select", ev = "color-select-item", tv = "icon", nv = "color-select-custom-picker", av = "color-select-buttons", iv = "button", sv = "color-select-check", ov = "color-picker-alpha-slider color-picker-slider", lv = "color-picker-hue-slider color-picker-slider", rv = "color-select-color color-select-item", uv = "color-select-color-deselected color-select-color color-select-item", cv = "color-select-color-selected color-select-color color-select-item", dv = "color-select-custom color-select-item", xe = { colorPicker: Wb, colorPickerPreview: jb, colorPickerSaturation: _b, colorPickerSlider: qb, sliderTrackValue: Kb, sliderTrack: Yb, colorPickerValue: Zb, formFieldLabel: Qb, formInput: Xb, colorSelect: Jb, colorSelectItem: ev, icon: tv, colorSelectCustomPicker: nv, colorSelectButtons: av, button: iv, colorSelectCheck: sv, colorPickerAlphaSlider: ov, colorPickerHueSlider: lv, colorSelectColor: rv, colorSelectColorDeselected: uv, colorSelectColorSelected: cv, colorSelectCustom: dv }, mv = /* @__PURE__ */ k({
   __name: "FluxColorPicker",
   props: /* @__PURE__ */ ee({
     isAlphaEnabled: { type: Boolean },
@@ -5998,7 +5998,7 @@ const bg = {
         "--pickerBackground": f.value
       })
     }, [
-      y(Nb, {
+      y(Hb, {
         modelValue: m.value,
         "onUpdate:modelValue": V[0] || (V[0] = (M) => m.value = M),
         class: d(n(xe).colorPickerSaturation),
@@ -6207,7 +6207,7 @@ const bg = {
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), mv = ["onClick"], pv = ["onClick"], yF = /* @__PURE__ */ k({
+}), pv = ["onClick"], fv = ["onClick"], kF = /* @__PURE__ */ k({
   __name: "FluxColorSelect",
   props: /* @__PURE__ */ ee({
     colors: { default: () => [Ql, Jl, er, nr, ir, or, rr, cr, mr, fr, ts, br, yr, Ar, $r, Cr, Br] },
@@ -6239,7 +6239,7 @@ const bg = {
           name: "check",
           size: 16
         }, null, 8, ["class"])
-      ], 14, mv))), 256)),
+      ], 14, pv))), 256)),
       o.isCustomAllowed ? (c(), b(ot, { key: 0 }, {
         opener: A(({ open: r }) => [
           D("button", {
@@ -6250,10 +6250,10 @@ const bg = {
               name: "ellipsis-h",
               size: 16
             })
-          ], 10, pv)
+          ], 10, fv)
         ]),
         default: A(({ close: r }) => [
-          y(dv, {
+          y(mv, {
             modelValue: i.value,
             "onUpdate:modelValue": l[0] || (l[0] = (u) => i.value = u),
             class: d(n(xe).colorSelectCustomPicker)
@@ -6278,7 +6278,7 @@ const bg = {
       })) : S("", !0)
     ], 2));
   }
-}), kF = /* @__PURE__ */ k({
+}), AF = /* @__PURE__ */ k({
   __name: "FluxContainer",
   props: {
     gutter: { default: 30 }
@@ -6311,7 +6311,7 @@ const bg = {
   }),
   emits: ["update:searchQuery", "update:modelValue"],
   setup(t) {
-    const e = ae(t, "searchQuery"), a = ae(t, "modelValue"), i = be(he(() => t.disabled)), { groups: s, selected: o, values: l } = as(a, t.isMultiple, t.options, e);
+    const e = ae(t, "searchQuery"), a = ae(t, "modelValue"), i = be(me(() => t.disabled)), { groups: s, selected: o, values: l } = as(a, t.isMultiple, me(() => t.options), e);
     function r(m) {
       n(t.isMultiple) && (a.value = n(l).filter((f) => f !== m));
     }
@@ -6331,7 +6331,7 @@ const bg = {
       onSelect: u
     }, null, 8, ["searchQuery", "disabled", "is-multiple", "is-searchable", "options", "placeholder", "selected"]));
   }
-}), { buttonIcon: gn, button: bn, buttonLabel: vn } = zn, fv = "spinner", hv = "icon", gv = "publish-button-animation", bv = "is-done", vv = "publish-button-animation-arrow", yv = "publish-arrow-out", kv = "publish-button-animation-check", Av = "publish-button-animation-circle", $v = "is-idle", Fv = "is-loading", Cv = "publish-arrow-in", Bv = "publish-button-cloud", wv = "publish", Sv = "button-group", Ev = "button", Iv = `secondary-button-icon ${gn}`, Tv = `primary-button ${bn}`, Lv = `primary-button-icon ${gn}`, Dv = `secondary-button ${bn}`, Mv = `destructive-button ${bn}`, Pv = `secondary-button-label ${vn}`, Vv = `primary-button-label ${vn}`, xv = `link-button-label ${vn}`, Ov = `destructive-button-icon ${gn}`, Rv = `link-button-icon ${gn}`, zv = `destructive-button-label ${vn}`, Nv = `link-button ${bn}`, Hv = `publish-button primary-button ${bn}`, Gv = `publish-button-icon primary-button-icon ${gn}`, Uv = `publish-button-label primary-button-label ${vn}`, Wv = { spinner: fv, icon: hv, publishButtonAnimation: gv, isDone: bv, publishButtonAnimationArrow: vv, publishArrowOut: yv, publishButtonAnimationCheck: kv, publishButtonAnimationCircle: Av, isIdle: $v, isLoading: Fv, publishArrowIn: Cv, publishButtonCloud: Bv, publish: wv, buttonGroup: Sv, button: Ev, secondaryButtonIcon: Iv, primaryButton: Tv, primaryButtonIcon: Lv, secondaryButton: Dv, destructiveButton: Mv, secondaryButtonLabel: Pv, primaryButtonLabel: Vv, linkButtonLabel: xv, destructiveButtonIcon: Ov, linkButtonIcon: Rv, destructiveButtonLabel: zv, linkButton: Nv, publishButton: Hv, publishButtonIcon: Gv, publishButtonLabel: Uv }, { secondaryButtonLabel: jv, secondaryButtonIcon: _v, secondaryButton: qv } = Wv, Kv = "pagination", Yv = "pagination-button-arrow", Zv = "pagination-button-current", Qv = "pagination-button-spacer", Xv = "pagination-bar", Jv = "pagination-bar-limit", e0 = "pagination-bar-limit-displaying-of", t0 = "pagination-bar-limit-select", n0 = "menu-item", a0 = "menu-item-label", i0 = `pagination-button-label ${jv}`, s0 = `pagination-button-icon ${_v}`, o0 = `pagination-button ${qv}`, Oe = { pagination: Kv, paginationButtonArrow: Yv, paginationButtonCurrent: Zv, paginationButtonSpacer: Qv, paginationBar: Xv, paginationBarLimit: Jv, paginationBarLimitDisplayingOf: e0, paginationBarLimitSelect: t0, menuItem: n0, menuItemLabel: a0, paginationButtonLabel: i0, paginationButtonIcon: s0, paginationButton: o0 }, Ot = /* @__PURE__ */ k({
+}), { buttonIcon: gn, button: bn, buttonLabel: vn } = zn, hv = "spinner", gv = "icon", bv = "publish-button-animation", vv = "is-done", yv = "publish-button-animation-arrow", kv = "publish-arrow-out", Av = "publish-button-animation-check", $v = "publish-button-animation-circle", Fv = "is-idle", Cv = "is-loading", Bv = "publish-arrow-in", wv = "publish-button-cloud", Sv = "publish", Ev = "button-group", Iv = "button", Tv = `primary-button-icon ${gn}`, Lv = `secondary-button ${bn}`, Dv = `primary-button-label ${vn}`, Mv = `publish-button primary-button ${bn}`, Pv = `publish-button-label primary-button-label ${vn}`, Vv = `primary-button ${bn}`, xv = `secondary-button-icon ${gn}`, Ov = `link-button-icon ${gn}`, Rv = `destructive-button ${bn}`, zv = `link-button ${bn}`, Nv = `destructive-button-icon ${gn}`, Hv = `destructive-button-label ${vn}`, Gv = `secondary-button-label ${vn}`, Uv = `link-button-label ${vn}`, Wv = `publish-button-icon primary-button-icon ${gn}`, jv = { spinner: hv, icon: gv, publishButtonAnimation: bv, isDone: vv, publishButtonAnimationArrow: yv, publishArrowOut: kv, publishButtonAnimationCheck: Av, publishButtonAnimationCircle: $v, isIdle: Fv, isLoading: Cv, publishArrowIn: Bv, publishButtonCloud: wv, publish: Sv, buttonGroup: Ev, button: Iv, primaryButtonIcon: Tv, secondaryButton: Lv, primaryButtonLabel: Dv, publishButton: Mv, publishButtonLabel: Pv, primaryButton: Vv, secondaryButtonIcon: xv, linkButtonIcon: Ov, destructiveButton: Rv, linkButton: zv, destructiveButtonIcon: Nv, destructiveButtonLabel: Hv, secondaryButtonLabel: Gv, linkButtonLabel: Uv, publishButtonIcon: Wv }, { secondaryButtonLabel: _v, secondaryButtonIcon: qv, secondaryButton: Kv } = jv, Yv = "pagination", Zv = "pagination-button-arrow", Qv = "pagination-button-current", Xv = "pagination-button-spacer", Jv = "pagination-bar", e0 = "pagination-bar-limit", t0 = "pagination-bar-limit-displaying-of", n0 = "pagination-bar-limit-select", a0 = "menu-item", i0 = "menu-item-label", s0 = `pagination-button-label ${_v}`, o0 = `pagination-button-icon ${qv}`, l0 = `pagination-button ${Kv}`, Oe = { pagination: Yv, paginationButtonArrow: Zv, paginationButtonCurrent: Qv, paginationButtonSpacer: Xv, paginationBar: Jv, paginationBarLimit: e0, paginationBarLimitDisplayingOf: t0, paginationBarLimitSelect: n0, menuItem: a0, menuItemLabel: i0, paginationButtonLabel: s0, paginationButtonIcon: o0, paginationButton: l0 }, Ot = /* @__PURE__ */ k({
   __name: "FluxPaginationButton",
   props: {
     type: {},
@@ -6375,7 +6375,7 @@ const bg = {
       }))
     ]), 1040, ["class", "css-class", "css-class-icon", "css-class-label"]));
   }
-}), l0 = ["aria-label"], r0 = /* @__PURE__ */ k({
+}), r0 = ["aria-label"], u0 = /* @__PURE__ */ k({
   __name: "FluxPagination",
   props: {
     arrows: { type: Boolean },
@@ -6443,7 +6443,8 @@ const bg = {
           h[0] || (h[0] = D("span", null, "/", -1)),
           D("span", null, O(s.value), 1)
         ]),
-        _: 1
+        _: 1,
+        __: [0]
       }, 8, ["class"])) : (c(!0), p(N, { key: 1 }, q(r.value, (F) => (c(), p(N, null, [
         F === "dots" ? (c(), b(Ot, {
           key: 0,
@@ -6469,9 +6470,9 @@ const bg = {
         "aria-label": n(i)("flux.next"),
         onClick: m
       }, null, 8, ["disabled", "aria-label"])) : S("", !0)
-    ], 10, l0));
+    ], 10, r0));
   }
-}), u0 = /* @__PURE__ */ k({
+}), c0 = /* @__PURE__ */ k({
   __name: "FluxPaginationBar",
   props: {
     limits: { default: () => [5, 10, 25, 50, 100] },
@@ -6488,7 +6489,7 @@ const bg = {
     return z(s, (l) => a("limit", l)), z(() => t.perPage, (l) => s.value = l, { immediate: !0 }), (l, r) => (c(), p("div", {
       class: d(n(Oe).paginationBar)
     }, [
-      l.total > l.perPage ? (c(), b(r0, {
+      l.total > l.perPage ? (c(), b(u0, {
         key: 0,
         arrows: "",
         page: l.page,
@@ -6518,7 +6519,7 @@ const bg = {
       ], 2)
     ], 2));
   }
-}), { basePaneElement: c0, basePaneLoader: d0 } = pt, m0 = "table-base", p0 = "table-fill", f0 = "table-pagination", h0 = "table-row", g0 = "table-cell", b0 = "table-cell-content", v0 = "is-shrinking", y0 = "is-sticky", k0 = "is-striped", A0 = "is-hoverable", $0 = "is-bordered", F0 = "is-separated", C0 = "table-actions", B0 = "action", w0 = "table-sort", S0 = "base-pane-structure", E0 = "table-header table-cell", I0 = "table-header-content table-cell-content", T0 = `table ${c0}`, L0 = `table-loader ${d0}`, $e = { tableBase: m0, tableFill: p0, tablePagination: f0, tableRow: h0, tableCell: g0, tableCellContent: b0, isShrinking: v0, isSticky: y0, isStriped: k0, isHoverable: A0, isBordered: $0, isSeparated: F0, tableActions: C0, action: B0, tableSort: w0, basePaneStructure: S0, tableHeader: E0, tableHeaderContent: I0, table: T0, tableLoader: L0 }, D0 = /* @__PURE__ */ k({
+}), { basePaneElement: d0, basePaneLoader: m0 } = pt, p0 = "table-base", f0 = "table-fill", h0 = "table-pagination", g0 = "table-row", b0 = "table-cell", v0 = "table-cell-content", y0 = "is-shrinking", k0 = "is-sticky", A0 = "is-striped", $0 = "is-hoverable", F0 = "is-bordered", C0 = "is-separated", B0 = "table-actions", w0 = "action", S0 = "table-sort", E0 = "base-pane-structure", I0 = "table-header table-cell", T0 = "table-header-content table-cell-content", L0 = `table ${d0}`, D0 = `table-loader ${m0}`, $e = { tableBase: p0, tableFill: f0, tablePagination: h0, tableRow: g0, tableCell: b0, tableCellContent: v0, isShrinking: y0, isSticky: k0, isStriped: A0, isHoverable: $0, isBordered: F0, isSeparated: C0, tableActions: B0, action: w0, tableSort: S0, basePaneStructure: E0, tableHeader: I0, tableHeaderContent: T0, table: L0, tableLoader: D0 }, M0 = /* @__PURE__ */ k({
   __name: "FluxTableCell",
   props: {
     contentDirection: { default: "row" }
@@ -6561,7 +6562,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), M0 = { key: 0 }, P0 = { key: 1 }, V0 = { key: 2 }, x0 = /* @__PURE__ */ k({
+}), P0 = { key: 0 }, V0 = { key: 1 }, x0 = { key: 2 }, O0 = /* @__PURE__ */ k({
   __name: "FluxTable",
   props: {
     captionSide: { default: "bottom" },
@@ -6586,22 +6587,22 @@ const bg = {
         class: d(n($e).tableBase)
       }, [
         w(a.$slots, "colgroups"),
-        e.header ? (c(), p("thead", M0, [
+        e.header ? (c(), p("thead", P0, [
           w(a.$slots, "header")
         ])) : S("", !0),
-        e.default ? (c(), p("tbody", P0, [
+        e.default ? (c(), p("tbody", V0, [
           w(a.$slots, "default"),
           a.fillColumns ? (c(), b(Bn, {
             key: 0,
             class: d(n($e).tableFill)
           }, {
             default: A(() => [
-              (c(!0), p(N, null, q(a.fillColumns, (s) => (c(), b(D0))), 256))
+              (c(!0), p(N, null, q(a.fillColumns, (s) => (c(), b(M0))), 256))
             ]),
             _: 1
           }, 8, ["class"])) : S("", !0)
         ])) : S("", !0),
-        e.footer ? (c(), p("tfoot", V0, [
+        e.footer ? (c(), p("tfoot", x0, [
           w(a.$slots, "footer")
         ])) : S("", !0),
         e.caption ? (c(), p("caption", {
@@ -6628,7 +6629,7 @@ const bg = {
       }, 8, ["class"])) : S("", !0)
     ], 2));
   }
-}), AF = /* @__PURE__ */ k({
+}), $F = /* @__PURE__ */ k({
   __name: "FluxDataTable",
   props: {
     dataSet: {},
@@ -6647,7 +6648,7 @@ const bg = {
   emits: ["limit", "navigate"],
   setup(t, { emit: e }) {
     const a = ["header", "footer", "colgroups", "pagination"], i = e, s = De(), o = L(() => t.dataSet.slice(0, t.perPage));
-    return (l, r) => (c(), b(x0, {
+    return (l, r) => (c(), b(O0, {
       "fill-columns": l.fillColumns,
       "is-bordered": l.isBordered,
       "is-hoverable": l.isHoverable,
@@ -6707,7 +6708,7 @@ const bg = {
         name: "pagination",
         fn: A(() => [
           w(l.$slots, "pagination", ce(de({ page: l.page, perPage: l.perPage, rows: o.value, total: l.total })), () => [
-            y(u0, {
+            y(c0, {
               limits: l.limits,
               page: l.page,
               "per-page": l.perPage,
@@ -6721,7 +6722,7 @@ const bg = {
       } : void 0
     ]), 1032, ["fill-columns", "is-bordered", "is-hoverable", "is-loading", "is-separated", "is-striped"]));
   }
-}), O0 = ["id"], R0 = ["aria-labelledby"], z0 = ["onClick", "onMouseover"], yn = /* @__PURE__ */ k({
+}), R0 = ["id"], z0 = ["aria-labelledby"], N0 = ["onClick", "onMouseover"], yn = /* @__PURE__ */ k({
   __name: "FluxDatePicker",
   props: /* @__PURE__ */ ee({
     max: {},
@@ -6775,7 +6776,7 @@ const bg = {
     function _(H, ne) {
       return ne === "month" ? n(G).endOf("month") >= H && n(T).startOf("month") <= H : n(G) >= H && n(T) <= H;
     }
-    function me(H, ne) {
+    function pe(H, ne) {
       if (!t.rangeMode)
         return !1;
       const X = n(e);
@@ -6863,7 +6864,7 @@ const bg = {
             type: "button",
             onClick: ne[1] || (ne[1] = (X) => kn("year"))
           }, O(n(m)), 3)
-        ], 10, O0),
+        ], 10, R0),
         y(n(Ne), null, {
           default: A(() => [
             x.value === "date" ? (c(), b(ue, {
@@ -6877,7 +6878,7 @@ const bg = {
           _: 1
         })
       ], 2),
-      y(n(Im), {
+      y(n(Tm), {
         "is-back": x.value === "date"
       }, {
         default: A(() => [
@@ -6901,9 +6902,9 @@ const bg = {
                     class: d(n(Z)(
                       n(ge).datePickerDate,
                       j(X) && n(ge).isDisabled,
-                      me(X, "end") && n(ge).isRangeEnd,
-                      me(X) && n(ge).isRangeEntry,
-                      me(X, "start") && n(ge).isRangeStart,
+                      pe(X, "end") && n(ge).isRangeEnd,
+                      pe(X) && n(ge).isRangeEntry,
+                      pe(X, "start") && n(ge).isRangeStart,
                       Me(X, "end") && n(ge).isSelectionEnd,
                       Me(X) && n(ge).isSelectionEntry,
                       Me(X, "start") && n(ge).isSelectionStart,
@@ -6914,12 +6915,12 @@ const bg = {
                     onClick: (rt) => Pt(X),
                     onMouseover: (rt) => ys(X),
                     onMouseout: ks
-                  }, O(X.toLocaleString({ day: "numeric" })), 43, z0))), 128))
+                  }, O(X.toLocaleString({ day: "numeric" })), 43, N0))), 128))
                 ], 2))
               ]),
               _: 1
             }, 8, ["is-back"])
-          ], 10, R0)) : x.value === "month" ? (c(), p("div", {
+          ], 10, z0)) : x.value === "month" ? (c(), p("div", {
             key: "month",
             class: d(n(ge).datePickerMonths)
           }, [
@@ -6956,16 +6957,16 @@ const bg = {
       }, 8, ["is-back"])
     ], 2));
   }
-}), N0 = /* @__PURE__ */ k({
+}), H0 = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "FluxDisabled",
   props: {
     disabled: { type: Boolean, default: !0 }
   },
   setup(t) {
-    return Kt(ti, he(() => t.disabled)), (e, a) => w(e.$slots, "default");
+    return Kt(ti, me(() => t.disabled)), (e, a) => w(e.$slots, "default");
   }
-}), $F = /* @__PURE__ */ k({
+}), FF = /* @__PURE__ */ k({
   __name: "FluxDivider",
   props: {
     contentPlacement: { default: "center" }
@@ -6992,7 +6993,7 @@ const bg = {
       }, null, 2))
     ], 2));
   }
-}), H0 = ["id", "width", "height"], G0 = ["r", "cx", "cy"], U0 = ["fill"], FF = /* @__PURE__ */ k({
+}), G0 = ["id", "width", "height"], U0 = ["r", "cx", "cy"], W0 = ["fill"], CF = /* @__PURE__ */ k({
   __name: "FluxDotPattern",
   props: {
     width: { default: 16 },
@@ -7030,18 +7031,18 @@ const bg = {
             r: o.cr,
             cx: o.width / 2 - o.cx,
             cy: o.height / 2 - o.cy
-          }, null, 8, G0)
-        ], 8, H0)
+          }, null, 8, U0)
+        ], 8, G0)
       ]),
       D("rect", {
         width: "100%",
         height: "100%",
         "stroke-width": "0",
         fill: `url(#${n(a)})`
-      }, null, 8, U0)
+      }, null, 8, W0)
     ], 2));
   }
-}), W0 = "drop-zone", j0 = "drop-zone-actions", _0 = "drop-zone-border", q0 = "drop-zone-content", K0 = "avatar", Y0 = "placeholder", Z0 = "is-dragging", Q0 = "is-dragging-over", X0 = "drop-zone-border-animation", J0 = "drop-zone-loader", ht = { dropZone: W0, dropZoneActions: j0, dropZoneBorder: _0, dropZoneContent: q0, avatar: K0, placeholder: Y0, isDragging: Z0, isDraggingOver: Q0, dropZoneBorderAnimation: X0, dropZoneLoader: J0 }, ey = ["aria-disabled"], ty = ["pathLength"], ny = /* @__PURE__ */ k({
+}), j0 = "drop-zone", _0 = "drop-zone-actions", q0 = "drop-zone-border", K0 = "drop-zone-content", Y0 = "avatar", Z0 = "placeholder", Q0 = "is-dragging", X0 = "is-dragging-over", J0 = "drop-zone-border-animation", ey = "drop-zone-loader", ht = { dropZone: j0, dropZoneActions: _0, dropZoneBorder: q0, dropZoneContent: K0, avatar: Y0, placeholder: Z0, isDragging: Q0, isDraggingOver: X0, dropZoneBorderAnimation: J0, dropZoneLoader: ey }, ty = ["aria-disabled"], ny = ["pathLength"], ay = /* @__PURE__ */ k({
   __name: "FluxDropZone",
   props: {
     accept: {},
@@ -7051,7 +7052,7 @@ const bg = {
   },
   emits: ["select", "selectMultiple"],
   setup(t, { emit: e }) {
-    const a = e, i = De(), s = te("content"), o = be(he(() => t.disabled)), l = P(!1), r = P(!1), u = P(0);
+    const a = e, i = De(), s = te("content"), o = be(me(() => t.disabled)), l = P(!1), r = P(!1), u = P(0);
     Ie(() => {
       window.addEventListener("dragleave", $, { capture: !0 }), window.addEventListener("dragover", h, { capture: !0 }), window.addEventListener("drop", F, { capture: !0 });
     }), Re(() => {
@@ -7118,7 +7119,7 @@ const bg = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             pathLength: u.value
-          }, null, 8, ty)
+          }, null, 8, ny)
         ], 2)),
         w(v.$slots, "default", ce(de({ isDragging: l.value, isDraggingOver: r.value, showPicker: B }))),
         y(n(Ne), null, {
@@ -7140,9 +7141,9 @@ const bg = {
         w(v.$slots, "actions", ce(de({ isDragging: l.value, isDraggingOver: r.value, showPicker: B })))
       ], 2)) : S("", !0),
       w(v.$slots, "extra", ce(de({ isDragging: l.value, isDraggingOver: r.value, showPicker: B })))
-    ], 10, ey));
+    ], 10, ty));
   }
-}), ay = /* @__PURE__ */ k({
+}), iy = /* @__PURE__ */ k({
   __name: "FluxDynamicView",
   props: {
     vnode: {}
@@ -7153,7 +7154,7 @@ const bg = {
       vnode: e.vnode
     }, null, 8, ["vnode"])) : S("", !0);
   }
-}), iy = "expandable", sy = "expandable-header", oy = "icon", ly = "expandable-body", ry = "expandable-content", uy = "base-pane", cy = "expandable-group", dy = "expandable-opened expandable", zt = { expandable: iy, expandableHeader: sy, icon: oy, expandableBody: ly, expandableContent: ry, basePane: uy, expandableGroup: cy, expandableOpened: dy }, my = ["id", "aria-controls", "aria-expanded"], py = ["id", "aria-labelledby"], CF = /* @__PURE__ */ k({
+}), sy = "expandable", oy = "expandable-header", ly = "icon", ry = "expandable-body", uy = "expandable-content", cy = "base-pane", dy = "expandable-group", my = "expandable-opened expandable", zt = { expandable: sy, expandableHeader: oy, icon: ly, expandableBody: ry, expandableContent: uy, basePane: cy, expandableGroup: dy, expandableOpened: my }, py = ["id", "aria-controls", "aria-expanded"], fy = ["id", "aria-labelledby"], BF = /* @__PURE__ */ k({
   __name: "FluxExpandable",
   props: {
     icon: {},
@@ -7214,7 +7215,7 @@ const bg = {
           })
         ], 2)
       ]),
-      y(n(vd), null, {
+      y(n(yd), null, {
         default: A(() => [
           u.value ? (c(), p("div", {
             key: 0,
@@ -7229,13 +7230,13 @@ const bg = {
                 w(B.$slots, "default", ce(de({ label: B.label, close: h })))
               ], 2)
             ])
-          ], 10, py)) : S("", !0)
+          ], 10, fy)) : S("", !0)
         ]),
         _: 3
       })
-    ], 10, my));
+    ], 10, py));
   }
-}), BF = /* @__PURE__ */ k({
+}), wF = /* @__PURE__ */ k({
   __name: "FluxExpandableGroup",
   props: {
     isControlled: { type: Boolean }
@@ -7267,7 +7268,7 @@ const bg = {
       w(o.$slots, "default")
     ], 2));
   }
-}), fy = "fader", hy = "fader-item", gy = "is-current", by = "focal-point-image", wn = { fader: fy, faderItem: hy, isCurrent: gy, focalPointImage: by }, wF = /* @__PURE__ */ k({
+}), hy = "fader", gy = "fader-item", by = "is-current", vy = "focal-point-image", wn = { fader: hy, faderItem: gy, isCurrent: by, focalPointImage: vy }, SF = /* @__PURE__ */ k({
   __name: "FluxFader",
   props: {
     interval: { default: 9e3 }
@@ -7296,7 +7297,7 @@ const bg = {
       w(u.$slots, "default", ce(de({ current: s.value, next: l, previous: r })))
     ], 2));
   }
-}), SF = /* @__PURE__ */ k({
+}), EF = /* @__PURE__ */ k({
   __name: "FluxFaderItem",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -7305,7 +7306,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), vy = /* @__PURE__ */ k({
+}), yy = /* @__PURE__ */ k({
   __name: "FluxWindow",
   setup(t, { expose: e }) {
     const a = De(), i = P(!1), s = P("default");
@@ -7330,7 +7331,7 @@ const bg = {
       _: 3
     }, 8, ["is-back"]));
   }
-}), EF = /* @__PURE__ */ k({
+}), IF = /* @__PURE__ */ k({
   __name: "FluxFilter",
   props: /* @__PURE__ */ ee({
     resettable: {}
@@ -7380,9 +7381,9 @@ const bg = {
     }), (h, F) => Ln((c(), p("div", {
       class: d(n(Bt).filter)
     }, [
-      y(vy, { ref: "window" }, dt({
+      y(yy, { ref: "window" }, dt({
         default: A(({ navigate: I }) => [
-          y(n(lg), {
+          y(n(rg), {
             navigate: I,
             state: i.value
           }, {
@@ -7434,7 +7435,7 @@ const bg = {
       [n(Er)]
     ]);
   }
-}), IF = /* @__PURE__ */ k({
+}), TF = /* @__PURE__ */ k({
   __name: "FluxFilterDate",
   props: {
     icon: {},
@@ -7459,7 +7460,7 @@ const bg = {
       "onUpdate:modelValue": o
     }, null, 8, ["class", "max", "min", "model-value"]));
   }
-}), TF = /* @__PURE__ */ k({
+}), LF = /* @__PURE__ */ k({
   __name: "FluxFilterDateRange",
   props: {
     icon: {},
@@ -7489,7 +7490,7 @@ const bg = {
       "onUpdate:modelValue": o
     }, null, 8, ["class", "max", "min", "model-value", "range-mode"]));
   }
-}), LF = /* @__PURE__ */ k({
+}), DF = /* @__PURE__ */ k({
   __name: "FluxFilterOption",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -7518,7 +7519,7 @@ const bg = {
       onSelect: r
     }, null, 8, ["search-query", "is-searchable", "options", "selected", "search-placeholder"]));
   }
-}), DF = /* @__PURE__ */ k({
+}), MF = /* @__PURE__ */ k({
   __name: "FluxFilterOptionAsync",
   props: /* @__PURE__ */ ee({
     fetchOptions: { type: Function },
@@ -7560,7 +7561,7 @@ const bg = {
       onSelect: I
     }, null, 8, ["search-query", "is-loading", "options", "selected", "search-placeholder"]));
   }
-}), MF = /* @__PURE__ */ k({
+}), PF = /* @__PURE__ */ k({
   __name: "FluxFilterOptions",
   props: /* @__PURE__ */ ee({
     icon: {},
@@ -7595,7 +7596,7 @@ const bg = {
       onSelect: l
     }, null, 8, ["search-query", "is-searchable", "options", "selected", "search-placeholder"]));
   }
-}), PF = /* @__PURE__ */ k({
+}), VF = /* @__PURE__ */ k({
   __name: "FluxFilterOptionsAsync",
   props: /* @__PURE__ */ ee({
     fetchOptions: { type: Function },
@@ -7641,7 +7642,7 @@ const bg = {
       onSelect: F
     }, null, 8, ["search-query", "is-loading", "options", "selected", "search-placeholder"]));
   }
-}), yy = /* @__PURE__ */ k({
+}), ky = /* @__PURE__ */ k({
   __name: "FluxFormColumn",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -7650,7 +7651,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), VF = /* @__PURE__ */ k({
+}), xF = /* @__PURE__ */ k({
   __name: "FluxFilterRange",
   props: {
     icon: {},
@@ -7669,7 +7670,7 @@ const bg = {
     }
     return (l, r) => (c(), b(Ke, null, {
       default: A(() => [
-        y(yy, null, {
+        y(ky, null, {
           default: A(() => [
             y(Ve, {
               label: n(i)("flux.min")
@@ -7716,7 +7717,7 @@ const bg = {
       _: 1
     }));
   }
-}), xF = /* @__PURE__ */ k({
+}), OF = /* @__PURE__ */ k({
   __name: "FluxFlickeringGrid",
   props: {
     color: { default: "#1d4ed8" },
@@ -7795,7 +7796,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), ky = "focal-point-image", Ay = "focal-point-editor", $y = "focal-point-editor-area", Fy = "focal-point-editor-image", Cy = "focal-point-preview", By = "focal-point-preview-image", Nt = { focalPointImage: ky, focalPointEditor: Ay, focalPointEditorArea: $y, focalPointEditorImage: Fy, focalPointPreview: Cy, focalPointPreviewImage: By }, wy = ["src"], OF = /* @__PURE__ */ k({
+}), Ay = "focal-point-image", $y = "focal-point-editor", Fy = "focal-point-editor-area", Cy = "focal-point-editor-image", By = "focal-point-preview", wy = "focal-point-preview-image", Nt = { focalPointImage: Ay, focalPointEditor: $y, focalPointEditorArea: Fy, focalPointEditorImage: Cy, focalPointPreview: By, focalPointPreviewImage: wy }, Sy = ["src"], RF = /* @__PURE__ */ k({
   __name: "FluxFocalPointEditor",
   props: /* @__PURE__ */ ee({
     src: {}
@@ -7866,7 +7867,7 @@ const bg = {
                     src: F.src,
                     alt: "",
                     onLoad: m
-                  }, null, 42, wy),
+                  }, null, 42, Sy),
                   D("div", {
                     class: d(n(Nt).focalPointEditorArea),
                     style: Y({
@@ -7897,7 +7898,7 @@ const bg = {
       _: 3
     }, 8, ["style"]));
   }
-}), Sy = ["src", "alt"], Ey = /* @__PURE__ */ k({
+}), Ey = ["src", "alt"], Iy = /* @__PURE__ */ k({
   __name: "FluxFocalPointImage",
   props: {
     focalPoint: {},
@@ -7919,9 +7920,9 @@ const bg = {
       }),
       src: i.src,
       alt: i.alt
-    }, null, 14, Sy));
+    }, null, 14, Ey));
   }
-}), Iy = ["aria-disabled"], RF = /* @__PURE__ */ k({
+}), Ty = ["aria-disabled"], zF = /* @__PURE__ */ k({
   __name: "FluxForm",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -7932,7 +7933,7 @@ const bg = {
     function i() {
       a("submit");
     }
-    return (s, o) => (c(), b(N0, { disabled: s.disabled }, {
+    return (s, o) => (c(), b(H0, { disabled: s.disabled }, {
       default: A(() => [
         D("form", {
           class: d(n(R).form),
@@ -7940,7 +7941,7 @@ const bg = {
           onSubmit: o[0] || (o[0] = rn((l) => i(), ["prevent"]))
         }, [
           w(s.$slots, "default")
-        ], 42, Iy)
+        ], 42, Ty)
       ]),
       _: 3
     }, 8, ["disabled"]));
@@ -7961,7 +7962,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), zF = /* @__PURE__ */ k({
+}), NF = /* @__PURE__ */ k({
   __name: "FluxFormDateInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -7979,7 +7980,7 @@ const bg = {
   }),
   emits: /* @__PURE__ */ ee(["blur", "focus"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const a = e, i = ae(t, "modelValue"), s = be(he(() => t.disabled)), o = te("flyout"), l = P(null);
+    const a = e, i = ae(t, "modelValue"), s = be(me(() => t.disabled)), o = te("flyout"), l = P(null);
     function r() {
       a("blur");
     }
@@ -8031,7 +8032,7 @@ const bg = {
       _: 1
     }, 512));
   }
-}), NF = /* @__PURE__ */ k({
+}), HF = /* @__PURE__ */ k({
   __name: "FluxFormDateRangeInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -8050,7 +8051,7 @@ const bg = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), i = te("flyout"), s = P(null), o = L(() => {
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), i = te("flyout"), s = P(null), o = L(() => {
       const l = n(s);
       if (!l)
         return "";
@@ -8099,7 +8100,7 @@ const bg = {
       _: 1
     }, 512));
   }
-}), HF = /* @__PURE__ */ k({
+}), GF = /* @__PURE__ */ k({
   __name: "FluxFormDateTimeInput",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -8118,7 +8119,7 @@ const bg = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), i = te("flyout"), s = P(null);
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), i = te("flyout"), s = P(null);
     function o(r) {
       if (!Fe.isDateTime(r))
         return;
@@ -8196,7 +8197,7 @@ const bg = {
       _: 1
     }, 8, ["class", "aria-disabled"]));
   }
-}), Ty = { key: 1 }, GF = /* @__PURE__ */ k({
+}), Ly = { key: 1 }, UF = /* @__PURE__ */ k({
   __name: "FluxFormInputAddition",
   props: {
     icon: {},
@@ -8211,11 +8212,11 @@ const bg = {
         name: e.icon,
         size: 18
       }, null, 8, ["name"])) : S("", !0),
-      e.label ? (c(), p("span", Ty, O(e.label), 1)) : S("", !0),
+      e.label ? (c(), p("span", Ly, O(e.label), 1)) : S("", !0),
       w(e.$slots, "default")
     ], 2));
   }
-}), Ly = ["id", "autofocus", "aria-disabled"], Dy = ["autocomplete", "autofocus", "disabled", "tabindex", "type", "value"], UF = /* @__PURE__ */ k({
+}), Dy = ["id", "autofocus", "aria-disabled"], My = ["autocomplete", "autofocus", "disabled", "tabindex", "type", "value"], WF = /* @__PURE__ */ k({
   __name: "FluxFormPinInput",
   props: /* @__PURE__ */ ee({
     autoComplete: { default: "one-time-code" },
@@ -8231,7 +8232,7 @@ const bg = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), { id: i } = Yt(), s = te("fields");
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), { id: i } = Yt(), s = te("fields");
     function o(m) {
       const f = m.target;
       requestAnimationFrame(() => f.select());
@@ -8305,11 +8306,11 @@ const bg = {
           onInput: l,
           onKeydown: r,
           onPaste: u
-        }, null, 42, Dy);
+        }, null, 42, My);
       }), 128))
-    ], 14, Ly));
+    ], 14, Dy));
   }
-}), WF = /* @__PURE__ */ k({
+}), jF = /* @__PURE__ */ k({
   __name: "FluxFormRangeSlider",
   props: /* @__PURE__ */ ee({
     formatter: { type: Function, default: on },
@@ -8327,7 +8328,7 @@ const bg = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), i = te("lowerThumb"), s = te("upperThumb"), o = P(!1), l = P(!1), r = P(0), u = P(0), m = P(0), f = P(0), g = P(null), $ = L(() => t.formatter(e.value[o.value ? 0 : 1], ca(t.step)));
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), i = te("lowerThumb"), s = te("upperThumb"), o = P(!1), l = P(!1), r = P(0), u = P(0), m = P(0), f = P(0), g = P(null), $ = L(() => t.formatter(e.value[o.value ? 0 : 1], ca(t.step)));
     function h(v) {
       v || (o.value = v, l.value = v);
     }
@@ -8401,7 +8402,7 @@ const bg = {
       _: 1
     }, 8, ["disabled", "is-dragging", "is-ticks-visible", "max", "min", "step"]));
   }
-}), jF = /* @__PURE__ */ k({
+}), _F = /* @__PURE__ */ k({
   __name: "FluxFormRow",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -8410,7 +8411,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), _F = /* @__PURE__ */ k({
+}), qF = /* @__PURE__ */ k({
   __name: "FluxFormSection",
   props: {
     title: {}
@@ -8425,7 +8426,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), qF = /* @__PURE__ */ k({
+}), KF = /* @__PURE__ */ k({
   __name: "FluxFormSelectAsync",
   props: /* @__PURE__ */ ee({
     fetchOptions: { type: Function },
@@ -8446,7 +8447,7 @@ const bg = {
   }),
   emits: ["update:searchQuery", "update:modelValue"],
   setup(t) {
-    const e = ae(t, "searchQuery"), a = ae(t, "modelValue"), i = be(he(() => t.disabled)), s = P([]), o = P([]), l = L(() => {
+    const e = ae(t, "searchQuery"), a = ae(t, "modelValue"), i = be(me(() => t.disabled)), s = P([]), o = P([]), l = L(() => {
       const C = [], x = n(e), G = n(s), T = n(o);
       return T.forEach((V) => C.push(V)), G.forEach((V) => {
         ct(V) && T.find((M) => ct(M) && M.value === V.value) || ct(V) && !V.label.toLowerCase().includes(x.toLowerCase()) || C.push(V);
@@ -8480,7 +8481,7 @@ const bg = {
       onSelect: E
     }, null, 8, ["search-query", "disabled", "is-loading", "is-multiple", "options", "placeholder", "selected"]));
   }
-}), My = ["id", "autocomplete", "autofocus", "disabled", "maxlength", "placeholder", "aria-disabled"], KF = /* @__PURE__ */ k({
+}), Py = ["id", "autocomplete", "autofocus", "disabled", "maxlength", "placeholder", "aria-disabled"], YF = /* @__PURE__ */ k({
   __name: "FluxFormTextArea",
   props: /* @__PURE__ */ ee({
     autoComplete: {},
@@ -8498,7 +8499,7 @@ const bg = {
   }),
   emits: /* @__PURE__ */ ee(["blur", "focus"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const a = e, i = ae(t, "modelValue"), s = be(he(() => t.disabled)), { id: o } = Yt();
+    const a = e, i = ae(t, "modelValue"), s = be(me(() => t.disabled)), { id: o } = Yt();
     return (l, r) => Ln((c(), p("textarea", {
       "onUpdate:modelValue": r[0] || (r[0] = (u) => i.value = u),
       ref: "input",
@@ -8515,11 +8516,11 @@ const bg = {
       "aria-disabled": n(s) ? !0 : void 0,
       onBlur: r[1] || (r[1] = (u) => a("blur")),
       onFocus: r[2] || (r[2] = (u) => a("focus"))
-    }, null, 46, My)), [
+    }, null, 46, Py)), [
       [Xa, i.value]
     ]);
   }
-}), YF = /* @__PURE__ */ k({
+}), ZF = /* @__PURE__ */ k({
   __name: "FluxFormTimeZonePicker",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -9146,7 +9147,7 @@ const bg = {
       "flux.timezoneOther",
       "flux.timezoneIndian",
       "flux.timezonePacific"
-    ], i = ae(t, "modelValue"), s = be(he(() => t.disabled)), o = ve(), l = L(() => {
+    ], i = ae(t, "modelValue"), s = be(me(() => t.disabled)), o = ve(), l = L(() => {
       const r = {}, u = [];
       for (const f of e) {
         const g = Intl.DateTimeFormat(navigator.language, { timeZone: f }).resolvedOptions(), $ = new Intl.DateTimeFormat(navigator.language, { timeZone: f, timeZoneName: "longOffset" }).formatToParts().find((I) => I.type === "timeZoneName").value.substring(3), h = g.timeZone.replaceAll("_", " ").replaceAll("/", " / ");
@@ -9180,7 +9181,7 @@ const bg = {
       placeholder: r.placeholder
     }, null, 8, ["modelValue", "disabled", "options", "placeholder"]));
   }
-}), Py = "remove", Vy = "is-hidden", qa = { remove: Py, isHidden: Vy }, xy = /* @__PURE__ */ k({
+}), Vy = "remove", xy = "is-hidden", qa = { remove: Vy, isHidden: xy }, Oy = /* @__PURE__ */ k({
   __name: "FluxRemove",
   props: {
     icon: { default: "xmark" },
@@ -9204,7 +9205,7 @@ const bg = {
       }, null, 8, ["name"])) : S("", !0)
     ], 2));
   }
-}), Oy = "placeholder", Ry = "is-button", zy = "is-extended", Ny = "placeholder-icon", Hy = "is-simple", Gy = "is-small", Uy = "placeholder-caption", Wy = "button", jy = { placeholder: Oy, isButton: Ry, isExtended: zy, placeholderIcon: Ny, isSimple: Hy, isSmall: Gy, placeholderCaption: Uy, button: Wy }, { placeholder: _y } = jy, qy = "gallery", Ky = "gallery-move", Yy = "gallery-item", Zy = "remove", Qy = "gallery-item-image", Xy = "gallery-item-loader", Jy = "spinner", ek = `gallery-add ${_y}`, Gt = { gallery: qy, galleryMove: Ky, galleryItem: Yy, remove: Zy, galleryItemImage: Qy, galleryItemLoader: Xy, spinner: Jy, galleryAdd: ek }, Jn = /* @__PURE__ */ k({
+}), Ry = "placeholder", zy = "is-button", Ny = "is-extended", Hy = "placeholder-icon", Gy = "is-simple", Uy = "is-small", Wy = "placeholder-caption", jy = "button", _y = { placeholder: Ry, isButton: zy, isExtended: Ny, placeholderIcon: Hy, isSimple: Gy, isSmall: Uy, placeholderCaption: Wy, button: jy }, { placeholder: qy } = _y, Ky = "gallery", Yy = "gallery-move", Zy = "gallery-item", Qy = "remove", Xy = "gallery-item-image", Jy = "gallery-item-loader", ek = "spinner", tk = `gallery-add ${qy}`, Gt = { gallery: Ky, galleryMove: Yy, galleryItem: Zy, remove: Qy, galleryItemImage: Xy, galleryItemLoader: Jy, spinner: ek, galleryAdd: tk }, Jn = /* @__PURE__ */ k({
   __name: "FluxGalleryItem",
   props: {
     focalPoint: {},
@@ -9220,12 +9221,12 @@ const bg = {
       onMouseenterCapture: o[1] || (o[1] = (l) => i.value = !0),
       onMouseoutCapture: o[2] || (o[2] = (l) => i.value = !1)
     }, [
-      y(Ey, {
+      y(Iy, {
         class: d(n(Gt).galleryItemImage),
         "focal-point": s.focalPoint,
         src: s.url
       }, null, 8, ["class", "focal-point", "src"]),
-      s.isDeletable ? (c(), b(xy, {
+      s.isDeletable ? (c(), b(Oy, {
         key: 0,
         "is-hidden": !i.value,
         tabindex: "-1",
@@ -9239,7 +9240,7 @@ const bg = {
       ], 2)) : S("", !0)
     ], 34));
   }
-}), tk = ["onClick"], ZF = /* @__PURE__ */ k({
+}), nk = ["onClick"], QF = /* @__PURE__ */ k({
   __name: "FluxGallery",
   props: {
     isEditable: { type: Boolean },
@@ -9257,7 +9258,7 @@ const bg = {
       }
       a("upload", l);
     }
-    return (o, l) => (c(), b(ny, {
+    return (o, l) => (c(), b(ay, {
       accept: "image/*",
       disabled: !o.isEditable,
       "is-empty": o.items && o.items.length === 0,
@@ -9302,7 +9303,7 @@ const bg = {
               onClick: (u) => r()
             }, [
               y(U, { name: "plus" })
-            ], 10, tk)) : S("", !0)
+            ], 10, nk)) : S("", !0)
           ]),
           _: 2
         }, 1032, ["class", "move-class"])
@@ -9310,7 +9311,7 @@ const bg = {
       _: 3
     }, 8, ["disabled", "is-empty", "placeholder-button", "placeholder-message", "placeholder-title"]));
   }
-}), nk = "grid", ak = "grid-column", hs = { grid: nk, gridColumn: ak }, QF = /* @__PURE__ */ k({
+}), ak = "grid", ik = "grid-column", hs = { grid: ak, gridColumn: ik }, XF = /* @__PURE__ */ k({
   __name: "FluxGrid",
   props: {
     columns: { default: 12 },
@@ -9327,7 +9328,7 @@ const bg = {
       w(e.$slots, "default")
     ], 6));
   }
-}), XF = /* @__PURE__ */ k({
+}), JF = /* @__PURE__ */ k({
   __name: "FluxGridColumn",
   props: {
     xs: {},
@@ -9350,10 +9351,10 @@ const bg = {
       w(e.$slots, "default")
     ], 6));
   }
-}), ik = ["id", "width", "height"], sk = ["d", "stroke-dasharray"], ok = ["fill"], lk = {
+}), sk = ["id", "width", "height"], ok = ["d", "stroke-dasharray"], lk = ["fill"], rk = {
   key: 0,
   style: { overflow: "visible" }
-}, rk = ["width", "height", "x", "y"], uk = /* @__PURE__ */ k({
+}, uk = ["width", "height", "x", "y"], ck = /* @__PURE__ */ k({
   __name: "FluxGridPattern",
   props: {
     width: { default: 42 },
@@ -9380,16 +9381,16 @@ const bg = {
             d: `M.5 ${a.height}V.5H${a.width}`,
             fill: "none",
             "stroke-dasharray": a.strokeDasharray
-          }, null, 8, sk)
-        ], 8, ik)
+          }, null, 8, ok)
+        ], 8, sk)
       ]),
       D("rect", {
         width: "100%",
         height: "100%",
         "stroke-width": "0",
         fill: `url(#${n(e)})`
-      }, null, 8, ok),
-      a.squares ? (c(), p("svg", lk, [
+      }, null, 8, lk),
+      a.squares ? (c(), p("svg", rk, [
         (c(!0), p(N, null, q(a.squares, ([s, o]) => (c(), p("rect", {
           key: `${s}-${o}`,
           width: a.width - 1,
@@ -9397,11 +9398,11 @@ const bg = {
           x: s * a.width,
           y: o * a.height,
           "stroke-width": "0"
-        }, null, 8, rk))), 128))
+        }, null, 8, uk))), 128))
       ])) : S("", !0)
     ], 2));
   }
-}), ck = "info", dk = "icon", mk = "info-body", ea = { info: ck, icon: dk, infoBody: mk }, JF = /* @__PURE__ */ k({
+}), dk = "info", mk = "icon", pk = "info-body", ea = { info: dk, icon: mk, infoBody: pk }, eC = /* @__PURE__ */ k({
   __name: "FluxInfo",
   props: {
     icon: {}
@@ -9422,7 +9423,7 @@ const bg = {
       ], 2)
     ], 2));
   }
-}), eC = /* @__PURE__ */ k({
+}), tC = /* @__PURE__ */ k({
   __name: "FluxInfoStack",
   setup(t) {
     return (e, a) => (c(), b(Ye, {
@@ -9435,7 +9436,7 @@ const bg = {
       _: 3
     }));
   }
-}), { baseAutoGrid: pk } = is, fk = "aspect-ratio", hk = "container", gk = "spacer", bk = "stack", vk = "is-centered", yk = "is-fill", kk = "is-wrapping", Ak = "stack-horizontal stack", $k = "stack-vertical stack", Fk = `auto-grid ${pk}`, Ck = { aspectRatio: fk, container: hk, spacer: gk, stack: bk, isCentered: vk, isFill: yk, isWrapping: kk, stackHorizontal: Ak, stackVertical: $k, autoGrid: Fk }, { stackHorizontal: Bk, stackVertical: wk } = Ck, Sk = "legend-item", Ek = `legend-horizontal ${Bk}`, Ik = `legend-vertical ${wk}`, ta = { legendItem: Sk, legendHorizontal: Ek, legendVertical: Ik }, Tk = /* @__PURE__ */ k({
+}), { baseAutoGrid: fk } = is, hk = "aspect-ratio", gk = "container", bk = "spacer", vk = "stack", yk = "is-centered", kk = "is-fill", Ak = "is-wrapping", $k = "stack-horizontal stack", Fk = "stack-vertical stack", Ck = `auto-grid ${fk}`, Bk = { aspectRatio: hk, container: gk, spacer: bk, stack: vk, isCentered: yk, isFill: kk, isWrapping: Ak, stackHorizontal: $k, stackVertical: Fk, autoGrid: Ck }, { stackHorizontal: wk, stackVertical: Sk } = Bk, Ek = "legend-item", Ik = `legend-horizontal ${wk}`, Tk = `legend-vertical ${Sk}`, ta = { legendItem: Ek, legendHorizontal: Ik, legendVertical: Tk }, Lk = /* @__PURE__ */ k({
   __name: "FluxLegend",
   props: {
     direction: { default: "horizontal" },
@@ -9453,7 +9454,7 @@ const bg = {
       }, O(i.label), 7))), 256))
     ], 2));
   }
-}), tC = /* @__PURE__ */ k({
+}), nC = /* @__PURE__ */ k({
   __name: "FluxLink",
   props: {
     type: { default: "button" },
@@ -9491,7 +9492,7 @@ const bg = {
       }))
     ]), 1040, ["css-class", "css-class-icon", "css-class-label"]));
   }
-}), nC = /* @__PURE__ */ k({
+}), aC = /* @__PURE__ */ k({
   __name: "FluxMenuOptions",
   props: /* @__PURE__ */ ee({
     isHorizontal: { type: Boolean },
@@ -9517,18 +9518,18 @@ const bg = {
       _: 1
     }, 8, ["is-horizontal"]));
   }
-}), aC = /* @__PURE__ */ k({
+}), iC = /* @__PURE__ */ k({
   __name: "FluxMenuTitle",
   props: {
     title: {}
   },
   setup(t) {
     return (e, a) => (c(), p("div", {
-      class: d(n(pe).menuTitle),
+      class: d(n(fe).menuTitle),
       role: "presentation"
     }, O(e.title), 3));
   }
-}), { basePaneElement: Dt } = pt, Lk = "button", Dk = "notice-body", Mk = "notice-close", Pk = "icon", Vk = "notice-prefix", xk = "notice-message", Ok = "notice-title", Rk = "is-center", zk = "is-fluid", Nk = "spinner-track", Hk = "spinner-effect", Gk = "spinner-value", Uk = "base-pane", Wk = `notice ${Dt}`, jk = `notice-gray notice ${Dt}`, _k = `notice-primary notice ${Dt}`, qk = `notice-danger notice ${Dt}`, Kk = `notice-info notice ${Dt}`, Yk = `notice-success notice ${Dt}`, Zk = `notice-warning notice ${Dt}`, Te = { button: Lk, noticeBody: Dk, noticeClose: Mk, icon: Pk, noticePrefix: Vk, noticeMessage: xk, noticeTitle: Ok, isCenter: Rk, isFluid: zk, spinnerTrack: Nk, spinnerEffect: Hk, spinnerValue: Gk, basePane: Uk, notice: Wk, noticeGray: jk, noticePrimary: _k, noticeDanger: qk, noticeInfo: Kk, noticeSuccess: Yk, noticeWarning: Zk }, iC = /* @__PURE__ */ k({
+}), { basePaneElement: Dt } = pt, Dk = "button", Mk = "notice-body", Pk = "notice-close", Vk = "icon", xk = "notice-prefix", Ok = "notice-message", Rk = "notice-title", zk = "is-center", Nk = "is-fluid", Hk = "spinner-track", Gk = "spinner-effect", Uk = "spinner-value", Wk = "base-pane", jk = `notice ${Dt}`, _k = `notice-gray notice ${Dt}`, qk = `notice-primary notice ${Dt}`, Kk = `notice-danger notice ${Dt}`, Yk = `notice-info notice ${Dt}`, Zk = `notice-success notice ${Dt}`, Qk = `notice-warning notice ${Dt}`, Te = { button: Dk, noticeBody: Mk, noticeClose: Pk, icon: Vk, noticePrefix: xk, noticeMessage: Ok, noticeTitle: Rk, isCenter: zk, isFluid: Nk, spinnerTrack: Hk, spinnerEffect: Gk, spinnerValue: Uk, basePane: Wk, notice: jk, noticeGray: _k, noticePrimary: qk, noticeDanger: Kk, noticeInfo: Yk, noticeSuccess: Zk, noticeWarning: Qk }, sC = /* @__PURE__ */ k({
   __name: "FluxNotice",
   props: {
     color: { default: "gray" },
@@ -9589,7 +9590,7 @@ const bg = {
       ], 2)) : S("", !0)
     ], 2));
   }
-}), sC = /* @__PURE__ */ k({
+}), oC = /* @__PURE__ */ k({
   __name: "FluxNoticeStack",
   setup(t) {
     return (e, a) => (c(), b(Ye, {
@@ -9620,10 +9621,10 @@ const bg = {
         t.size === "medium" && ze.overlayMedium,
         t.size === "large" && ze.overlayLarge
       ),
-      wm
+      Sm
     );
   }
-}), oC = /* @__PURE__ */ k({
+}), lC = /* @__PURE__ */ k({
   __name: "FluxPaneDeck",
   props: {
     minColumnWidth: {}
@@ -9632,7 +9633,7 @@ const bg = {
     return (e, a) => (c(), p("div", {
       class: d(n(oe).paneDeck)
     }, [
-      y(bd, {
+      y(vd, {
         gap: 0,
         "min-column-width": e.minColumnWidth
       }, {
@@ -9643,7 +9644,7 @@ const bg = {
       }, 8, ["min-column-width"])
     ], 2));
   }
-}), lC = /* @__PURE__ */ k({
+}), rC = /* @__PURE__ */ k({
   __name: "FluxPaneGroup",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -9652,7 +9653,7 @@ const bg = {
       w(e.$slots, "default")
     ], 2));
   }
-}), Qk = { key: 0 }, Xk = { key: 1 }, Sa = /* @__PURE__ */ k({
+}), Xk = { key: 0 }, Jk = { key: 1 }, Sa = /* @__PURE__ */ k({
   __name: "FluxPaneHeader",
   props: {
     icon: {},
@@ -9674,13 +9675,13 @@ const bg = {
         key: 1,
         class: d(n(oe).paneHeaderCaption)
       }, [
-        e.title ? (c(), p("strong", Qk, O(e.title), 1)) : S("", !0),
-        e.subTitle ? (c(), p("span", Xk, O(e.subTitle), 1)) : S("", !0)
+        e.title ? (c(), p("strong", Xk, O(e.title), 1)) : S("", !0),
+        e.subTitle ? (c(), p("span", Jk, O(e.subTitle), 1)) : S("", !0)
       ], 2)) : S("", !0),
       w(e.$slots, "after")
     ], 2));
   }
-}), rC = /* @__PURE__ */ k({
+}), uC = /* @__PURE__ */ k({
   __name: "FluxPaneIllustration",
   props: {
     animatedColors: {},
@@ -9708,8 +9709,8 @@ const bg = {
           border: `1px solid ${a.value}`
         })
       }, [
-        y(uk, { "stroke-dasharray": 3 }),
-        y(gd, {
+        y(ck, { "stroke-dasharray": 3 }),
+        y(bd, {
           colors: i.animatedColors,
           opacity: i.animatedOpacity,
           seed: i.animatedSeed
@@ -9729,7 +9730,7 @@ const bg = {
       ], 2)) : S("", !0)
     ], 6));
   }
-}), Jk = ["src", "alt"], uC = /* @__PURE__ */ k({
+}), e1 = ["src", "alt"], cC = /* @__PURE__ */ k({
   __name: "FluxPaneMedia",
   props: {
     imageAlt: {},
@@ -9756,10 +9757,10 @@ const bg = {
         }),
         src: i.imageUrl,
         alt: i.imageAlt
-      }, null, 14, Jk)) : S("", !0)
+      }, null, 14, e1)) : S("", !0)
     ], 2));
   }
-}), e1 = "percentage-bar", t1 = "percentage-bar-segment", n1 = "percentage-bar-tooltip", a1 = "percentage-bar-track", Fn = { percentageBar: e1, percentageBarSegment: t1, percentageBarTooltip: n1, percentageBarTrack: a1 }, cC = /* @__PURE__ */ k({
+}), t1 = "percentage-bar", n1 = "percentage-bar-segment", a1 = "percentage-bar-tooltip", i1 = "percentage-bar-track", Fn = { percentageBar: t1, percentageBarSegment: n1, percentageBarTooltip: a1, percentageBarTrack: i1 }, dC = /* @__PURE__ */ k({
   __name: "FluxPercentageBar",
   props: {
     isLegendVisible: { type: Boolean },
@@ -9797,13 +9798,13 @@ const bg = {
           _: 2
         }, 1024))), 256))
       ], 2),
-      e.isLegendVisible ? (c(), b(Tk, {
+      e.isLegendVisible ? (c(), b(Lk, {
         key: 0,
         items: e.items
       }, null, 8, ["items"])) : S("", !0)
     ], 2));
   }
-}), i1 = { key: 0 }, dC = /* @__PURE__ */ k({
+}), s1 = { key: 0 }, mC = /* @__PURE__ */ k({
   __name: "FluxPersona",
   props: {
     avatarAlt: {},
@@ -9836,11 +9837,11 @@ const bg = {
         class: d(n(Se).personaDetails)
       }, [
         D("strong", null, O(e.name), 1),
-        e.title ? (c(), p("span", i1, O(e.title), 1)) : S("", !0)
+        e.title ? (c(), p("span", s1, O(e.title), 1)) : S("", !0)
       ], 2))
     ], 2));
   }
-}), s1 = "placeholder", o1 = "is-button", l1 = "is-extended", r1 = "placeholder-icon", u1 = "is-simple", c1 = "is-small", d1 = "placeholder-caption", m1 = "button", gt = { placeholder: s1, isButton: o1, isExtended: l1, placeholderIcon: r1, isSimple: u1, isSmall: c1, placeholderCaption: d1, button: m1 }, p1 = { key: 0 }, f1 = { key: 1 }, mC = /* @__PURE__ */ k({
+}), o1 = "placeholder", l1 = "is-button", r1 = "is-extended", u1 = "placeholder-icon", c1 = "is-simple", d1 = "is-small", m1 = "placeholder-caption", p1 = "button", gt = { placeholder: o1, isButton: l1, isExtended: r1, placeholderIcon: u1, isSimple: c1, isSmall: d1, placeholderCaption: m1, button: p1 }, f1 = { key: 0 }, h1 = { key: 1 }, pC = /* @__PURE__ */ k({
   __name: "FluxPlaceholder",
   props: {
     icon: {},
@@ -9874,13 +9875,13 @@ const bg = {
       D("div", {
         class: d(n(gt).placeholderCaption)
       }, [
-        s.title ? (c(), p("strong", p1, O(s.title), 1)) : S("", !0),
-        s.message ? (c(), p("p", f1, O(s.message), 1)) : S("", !0)
+        s.title ? (c(), p("strong", f1, O(s.title), 1)) : S("", !0),
+        s.message ? (c(), p("p", h1, O(s.message), 1)) : S("", !0)
       ], 2),
       w(s.$slots, "default")
     ], 2));
   }
-}), h1 = "progress-bar", g1 = "progress-bar-track", b1 = "progress-bar-value", v1 = "progress-bar-indeterminate", y1 = "progress-bar-info", k1 = "progress-bar-progress", A1 = "progress-bar-status", $1 = "base-pane-structure", F1 = "progress-bar-track-indeterminate progress-bar-track", bt = { progressBar: h1, progressBarTrack: g1, progressBarValue: b1, progressBarIndeterminate: v1, progressBarInfo: y1, progressBarProgress: k1, progressBarStatus: A1, basePaneStructure: $1, progressBarTrackIndeterminate: F1 }, C1 = /* @__PURE__ */ k({
+}), g1 = "progress-bar", b1 = "progress-bar-track", v1 = "progress-bar-value", y1 = "progress-bar-indeterminate", k1 = "progress-bar-info", A1 = "progress-bar-progress", $1 = "progress-bar-status", F1 = "base-pane-structure", C1 = "progress-bar-track-indeterminate progress-bar-track", bt = { progressBar: g1, progressBarTrack: b1, progressBarValue: v1, progressBarIndeterminate: y1, progressBarInfo: k1, progressBarProgress: A1, progressBarStatus: $1, basePaneStructure: F1, progressBarTrackIndeterminate: C1 }, B1 = /* @__PURE__ */ k({
   __name: "FluxProgressBar",
   props: {
     isIndeterminate: { type: Boolean },
@@ -9941,7 +9942,7 @@ const bg = {
       _: 1
     }, 8, ["class", "aria-valuenow", "aria-valuemax", "aria-valuemin"]));
   }
-}), pC = /* @__PURE__ */ k({
+}), fC = /* @__PURE__ */ k({
   __name: "FluxPublishButton",
   props: {
     type: {},
@@ -10008,7 +10009,7 @@ const bg = {
       _: 1
     }, 16, ["class", "css-class", "css-class-icon", "css-class-label"]));
   }
-}), B1 = ["disabled", "max", "min", "step"], fC = /* @__PURE__ */ k({
+}), w1 = ["disabled", "max", "min", "step"], hC = /* @__PURE__ */ k({
   __name: "FluxQuantitySelector",
   props: /* @__PURE__ */ ee({
     disabled: { type: Boolean },
@@ -10023,7 +10024,7 @@ const bg = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), i = te("input"), s = P(0);
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), i = te("input"), s = P(0);
     function o() {
       n(a) || (e.value = Math.max(t.min, n(e) - t.step));
     }
@@ -10071,7 +10072,7 @@ const bg = {
           max: u.max,
           min: u.min,
           step: u.step
-        }, null, 14, B1), [
+        }, null, 14, w1), [
           [Xa, e.value]
         ]),
         y(ue, {
@@ -10085,7 +10086,7 @@ const bg = {
       _: 1
     }, 8, ["class", "aria-disabled"]));
   }
-}), w1 = /* @__PURE__ */ k({
+}), S1 = /* @__PURE__ */ k({
   __name: "FluxAlert",
   props: {
     alert: {}
@@ -10116,7 +10117,7 @@ const bg = {
       _: 1
     }));
   }
-}), S1 = /* @__PURE__ */ k({
+}), E1 = /* @__PURE__ */ k({
   __name: "FluxConfirm",
   props: {
     confirm: {}
@@ -10151,7 +10152,7 @@ const bg = {
       _: 1
     }));
   }
-}), E1 = /* @__PURE__ */ k({
+}), I1 = /* @__PURE__ */ k({
   __name: "FluxPrompt",
   props: {
     prompt: {}
@@ -10217,7 +10218,7 @@ const bg = {
       _: 1
     }));
   }
-}), { basePane: Mt } = pt, I1 = "action", T1 = "progress-bar", L1 = "progress-bar-track", D1 = "snackbar-content", M1 = "icon", P1 = "spinner", V1 = "snackbar-body", x1 = "snackbar-message", O1 = "snackbar-sub-message", R1 = "snackbar-title", z1 = "snackbar-action", N1 = "snackbar-actions", H1 = "spinner-effect", G1 = "spinner-value", U1 = "snackbars", W1 = "snackbars-enter-active", j1 = "snackbars-leave-active", _1 = "snackbars-move", q1 = "snackbars-enter-from", K1 = "snackbars-leave-to", Y1 = `snackbar ${Mt}`, Z1 = `snackbar-gray snackbar ${Mt}`, Q1 = `snackbar-primary snackbar ${Mt}`, X1 = `snackbar-danger snackbar ${Mt}`, J1 = `snackbar-info snackbar ${Mt}`, eA = `snackbar-success snackbar ${Mt}`, tA = `snackbar-warning snackbar ${Mt}`, Ae = { action: I1, progressBar: T1, progressBarTrack: L1, snackbarContent: D1, icon: M1, spinner: P1, snackbarBody: V1, snackbarMessage: x1, snackbarSubMessage: O1, snackbarTitle: R1, snackbarAction: z1, snackbarActions: N1, spinnerEffect: H1, spinnerValue: G1, snackbars: U1, snackbarsEnterActive: W1, snackbarsLeaveActive: j1, snackbarsMove: _1, snackbarsEnterFrom: q1, snackbarsLeaveTo: K1, snackbar: Y1, snackbarGray: Z1, snackbarPrimary: Q1, snackbarDanger: X1, snackbarInfo: J1, snackbarSuccess: eA, snackbarWarning: tA }, nA = ["onClick"], aA = /* @__PURE__ */ k({
+}), { basePane: Mt } = pt, T1 = "action", L1 = "progress-bar", D1 = "progress-bar-track", M1 = "snackbar-content", P1 = "icon", V1 = "spinner", x1 = "snackbar-body", O1 = "snackbar-message", R1 = "snackbar-sub-message", z1 = "snackbar-title", N1 = "snackbar-action", H1 = "snackbar-actions", G1 = "spinner-effect", U1 = "spinner-value", W1 = "snackbars", j1 = "snackbars-enter-active", _1 = "snackbars-leave-active", q1 = "snackbars-move", K1 = "snackbars-enter-from", Y1 = "snackbars-leave-to", Z1 = `snackbar ${Mt}`, Q1 = `snackbar-gray snackbar ${Mt}`, X1 = `snackbar-primary snackbar ${Mt}`, J1 = `snackbar-danger snackbar ${Mt}`, eA = `snackbar-info snackbar ${Mt}`, tA = `snackbar-success snackbar ${Mt}`, nA = `snackbar-warning snackbar ${Mt}`, Ae = { action: T1, progressBar: L1, progressBarTrack: D1, snackbarContent: M1, icon: P1, spinner: V1, snackbarBody: x1, snackbarMessage: O1, snackbarSubMessage: R1, snackbarTitle: z1, snackbarAction: N1, snackbarActions: H1, spinnerEffect: G1, spinnerValue: U1, snackbars: W1, snackbarsEnterActive: j1, snackbarsLeaveActive: _1, snackbarsMove: q1, snackbarsEnterFrom: K1, snackbarsLeaveTo: Y1, snackbar: Z1, snackbarGray: Q1, snackbarPrimary: X1, snackbarDanger: J1, snackbarInfo: eA, snackbarSuccess: tA, snackbarWarning: nA }, aA = ["onClick"], iA = /* @__PURE__ */ k({
   __name: "FluxSnackbar",
   props: {
     actions: {},
@@ -10289,7 +10290,7 @@ const bg = {
             key: 1,
             class: d(n(Ae).snackbarMessage)
           }, O(u.message), 3)) : S("", !0),
-          u.progressIndeterminate || u.progressValue ? (c(), b(C1, {
+          u.progressIndeterminate || u.progressValue ? (c(), b(B1, {
             key: 2,
             "is-indeterminate": u.progressIndeterminate,
             max: u.progressMax,
@@ -10315,16 +10316,16 @@ const bg = {
           onClick: ($) => l(g)
         }, [
           D("span", null, O(f), 1)
-        ], 10, nA))), 128))
+        ], 10, aA))), 128))
       ], 2)) : S("", !0),
-      u.isCloseable ? (c(), b(Du, {
+      u.isCloseable ? (c(), b(Mu, {
         key: 1,
         icon: "xmark",
         onClick: m[0] || (m[0] = (f) => r())
       })) : S("", !0)
     ], 2)) : S("", !0);
   }
-}), iA = /* @__PURE__ */ k({
+}), sA = /* @__PURE__ */ k({
   __name: "FluxSnackbarProvider",
   setup(t) {
     const { snackbars: e } = Vn();
@@ -10345,7 +10346,7 @@ const bg = {
       "move-class": n(Ae).snackbarsMove
     }, {
       default: A(() => [
-        (c(!0), p(N, null, q(n(e).toReversed(), (o) => (c(), b(aA, ke({
+        (c(!0), p(N, null, q(n(e).toReversed(), (o) => (c(), b(iA, ke({
           key: o.id,
           ref_for: !0
         }, o, {
@@ -10360,7 +10361,7 @@ const bg = {
       _: 1
     }, 8, ["class", "enter-active-class", "enter-from-class", "leave-active-class", "leave-to-class", "move-class"]));
   }
-}), sA = "tooltip", oA = "tooltip-above tooltip", lA = "tooltip-below tooltip", rA = "tooltip-end tooltip", uA = "tooltip-start tooltip", an = { tooltip: sA, tooltipAbove: oA, tooltipBelow: lA, tooltipEnd: rA, tooltipStart: uA }, cA = k(() => {
+}), oA = "tooltip", lA = "tooltip-above tooltip", rA = "tooltip-below tooltip", uA = "tooltip-end tooltip", cA = "tooltip-start tooltip", an = { tooltip: oA, tooltipAbove: lA, tooltipBelow: rA, tooltipEnd: uA, tooltipStart: cA }, dA = k(() => {
   const { tooltip: t } = Vn(), e = P(null), a = P(null), i = L(() => {
     var l, r;
     return n(t) ? ((r = (l = n(t)).contentSlot) == null ? void 0 : r.call(l)) ?? [n(t).content] : null;
@@ -10379,9 +10380,9 @@ const bg = {
     let { width: $, height: h } = l.getBoundingClientRect();
     const { scale: F } = getComputedStyle(l), { top: I, left: B, width: v, height: E } = m.getBoundingClientRect();
     let C = Number(F ?? 1);
-    C = isNaN(C) ? 1 : C, h /= C, $ /= C, u === "horizontal" ? a.value = dA(I, B, $, h, v, E, f, g) : a.value = mA(I, B, $, h, v, E, f, g);
+    C = isNaN(C) ? 1 : C, h /= C, $ /= C, u === "horizontal" ? a.value = mA(I, B, $, h, v, E, f, g) : a.value = pA(I, B, $, h, v, E, f, g);
   }
-  return z(i, () => requestAnimationFrame(() => o())), () => Qe(Em, {}, {
+  return z(i, () => requestAnimationFrame(() => o())), () => Qe(Im, {}, {
     default: () => {
       if (!n(s))
         return;
@@ -10405,7 +10406,7 @@ const bg = {
     }
   });
 });
-function dA(t, e, a, i, s, o, l, r) {
+function mA(t, e, a, i, s, o, l, r) {
   let u, m, f, g, $, h;
   if (e > innerWidth / 2 ? (u = e - a - l, m = t + o / 2 - i / 2, f = "315deg", g = "100%", $ = "50%", h = "start") : (u = e + s + l, m = t + o / 2 - i / 2, f = "135deg", g = "0", $ = "50%", h = "end"), m + i > innerHeight - r) {
     const F = Math.min(m, innerHeight - i - r) - m;
@@ -10424,7 +10425,7 @@ function dA(t, e, a, i, s, o, l, r) {
     transition: h
   };
 }
-function mA(t, e, a, i, s, o, l, r) {
+function pA(t, e, a, i, s, o, l, r) {
   let u, m, f, g, $, h;
   if (t > 300 ? (u = e + s / 2 - a / 2, m = t - i - l, f = "45deg", g = "50%", $ = "100%", h = "above") : (u = e + s / 2 - a / 2, m = t + o + l, f = "225deg", g = "50%", $ = "0", h = "below"), u + a > innerWidth - r) {
     const F = Math.min(u, innerWidth - a - r) - u;
@@ -10443,7 +10444,7 @@ function mA(t, e, a, i, s, o, l, r) {
     transition: h
   };
 }
-const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["inert"], hC = /* @__PURE__ */ k({
+const fA = "root", hA = "is-locked", aa = { root: fA, isLocked: hA }, gA = ["inert"], gC = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "FluxRoot",
   setup(t) {
@@ -10456,10 +10457,10 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
         inert: n(i)
       }), [
         w(o.$slots, "default")
-      ], 16, hA),
+      ], 16, gA),
       y(na, { size: "medium" }, {
         default: A(() => [
-          (c(!0), p(N, null, q(n(e), (r) => (c(), b(w1, {
+          (c(!0), p(N, null, q(n(e), (r) => (c(), b(S1, {
             key: r.id,
             alert: r
           }, null, 8, ["alert"]))), 128))
@@ -10468,7 +10469,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       }),
       y(na, { size: "medium" }, {
         default: A(() => [
-          (c(!0), p(N, null, q(n(a), (r) => (c(), b(S1, {
+          (c(!0), p(N, null, q(n(a), (r) => (c(), b(E1, {
             key: r.id,
             confirm: r
           }, null, 8, ["confirm"]))), 128))
@@ -10477,18 +10478,18 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       }),
       y(na, { size: "medium" }, {
         default: A(() => [
-          (c(!0), p(N, null, q(n(s), (r) => (c(), b(E1, {
+          (c(!0), p(N, null, q(n(s), (r) => (c(), b(I1, {
             key: r.id,
             prompt: r
           }, null, 8, ["prompt"]))), 128))
         ]),
         _: 1
       }),
-      y(iA),
-      y(cA)
+      y(sA),
+      y(dA)
     ], 64));
   }
-}), gA = "segmented-control", bA = "segmented-control-highlight", vA = "segmented-control-item", yA = "is-active", kA = "segmented-control-separator", AA = "segmented-control-fill segmented-control", $A = "segmented-control-inline segmented-control", vt = { segmentedControl: gA, segmentedControlHighlight: bA, segmentedControlItem: vA, isActive: yA, segmentedControlSeparator: kA, segmentedControlFill: AA, segmentedControlInline: $A }, FA = ["onClick"], gC = /* @__PURE__ */ k({
+}), bA = "segmented-control", vA = "segmented-control-highlight", yA = "segmented-control-item", kA = "is-active", AA = "segmented-control-separator", $A = "segmented-control-fill segmented-control", FA = "segmented-control-inline segmented-control", vt = { segmentedControl: bA, segmentedControlHighlight: vA, segmentedControlItem: yA, isActive: kA, segmentedControlSeparator: AA, segmentedControlFill: $A, segmentedControlInline: FA }, CA = ["onClick"], bC = /* @__PURE__ */ k({
   __name: "FluxSegmentedControl",
   props: /* @__PURE__ */ ee({
     isFill: { type: Boolean },
@@ -10544,18 +10545,18 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
             size: 15
           }, null, 8, ["name"])) : S("", !0),
           D("span", null, O(m.label), 1)
-        ], 10, FA)
+        ], 10, CA)
       ], 64))), 256))
     ], 2));
   }
-}), bC = k({
+}), vC = k({
   props: {
     index: Number
   },
   setup(t, { slots: e }) {
     return () => e.default()[t.index];
   }
-}), vC = k({
+}), yC = k({
   emits: ["close"],
   inheritAttrs: !1,
   props: {
@@ -10569,10 +10570,10 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       a,
       i,
       ze.slideOver,
-      Sm
+      Em
     );
   }
-}), yC = /* @__PURE__ */ k({
+}), kC = /* @__PURE__ */ k({
   __name: "FluxSpacing",
   props: {
     size: {}
@@ -10602,7 +10603,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       style: Y({ flex: `0 0 ${e[a.size]}px` })
     }, null, 4));
   }
-}), kC = /* @__PURE__ */ k({
+}), AC = /* @__PURE__ */ k({
   __name: "FluxSplitButton",
   props: {
     buttonIcon: { default: "ellipsis-h" },
@@ -10635,7 +10636,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       _: 3
     }, 8, ["direction", "is-auto-width", "margin", "width"]));
   }
-}), CA = "statistic", BA = "is-gray", wA = "statistic-icon", SA = "is-primary", EA = "is-danger", IA = "is-info", TA = "is-success", LA = "is-warning", DA = "statistic-change", MA = "statistic-data", PA = "statistic-horizontal statistic", VA = "statistic-vertical statistic", Ce = { statistic: CA, isGray: BA, statisticIcon: wA, isPrimary: SA, isDanger: EA, isInfo: IA, isSuccess: TA, isWarning: LA, statisticChange: DA, statisticData: MA, statisticHorizontal: PA, statisticVertical: VA }, xA = { key: 0 }, AC = /* @__PURE__ */ k({
+}), BA = "statistic", wA = "is-gray", SA = "statistic-icon", EA = "is-primary", IA = "is-danger", TA = "is-info", LA = "is-success", DA = "is-warning", MA = "statistic-change", PA = "statistic-data", VA = "statistic-horizontal statistic", xA = "statistic-vertical statistic", Ce = { statistic: BA, isGray: wA, statisticIcon: SA, isPrimary: EA, isDanger: IA, isInfo: TA, isSuccess: LA, isWarning: DA, statisticChange: MA, statisticData: PA, statisticHorizontal: VA, statisticVertical: xA }, OA = { key: 0 }, $C = /* @__PURE__ */ k({
   __name: "FluxStatistic",
   props: {
     changeColor: { default: "gray" },
@@ -10687,7 +10688,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
             e.changeColor === "warning" && n(Ce).isWarning
           ))
         }, [
-          e.changeValue ? (c(), p("span", xA, O(e.changeValue), 1)) : S("", !0),
+          e.changeValue ? (c(), p("span", OA, O(e.changeValue), 1)) : S("", !0),
           e.changeIcon ? (c(), b(U, {
             key: 1,
             name: e.changeIcon,
@@ -10698,7 +10699,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       _: 1
     }, 8, ["class"]));
   }
-}), OA = "sparkles-container", RA = "sparkles-particles", zA = "sparkles-container-active", NA = "heart", HA = "bubble", GA = "sparkles", UA = { sparklesContainer: OA, sparklesParticles: RA, sparklesContainerActive: zA, heart: NA, bubble: HA, sparkles: GA }, { sparklesContainerActive: WA, sparklesContainer: jn, sparklesParticles: jA } = UA, _A = "stepper-step", qA = "stepper-steps", KA = "icon", YA = `stepper-steps-item-complete ${WA} stepper-steps-item ${jn}`, ZA = `stepper-steps-item-idle stepper-steps-item ${jn}`, QA = `stepper-steps-item ${jn}`, XA = `stepper-steps-item-current stepper-steps-item ${jn}`, JA = `stepper-steps-item-particles ${jA}`, At = { stepperStep: _A, stepperSteps: qA, icon: KA, stepperStepsItemComplete: YA, stepperStepsItemIdle: ZA, stepperStepsItem: QA, stepperStepsItemCurrent: XA, stepperStepsItemParticles: JA }, e$ = ["onClick"], t$ = { key: 1 }, n$ = /* @__PURE__ */ k({
+}), RA = "sparkles-container", zA = "sparkles-particles", NA = "sparkles-container-active", HA = "heart", GA = "bubble", UA = "sparkles", WA = { sparklesContainer: RA, sparklesParticles: zA, sparklesContainerActive: NA, heart: HA, bubble: GA, sparkles: UA }, { sparklesContainer: jn, sparklesContainerActive: jA, sparklesParticles: _A } = WA, qA = "stepper-step", KA = "stepper-steps", YA = "icon", ZA = `stepper-steps-item ${jn}`, QA = `stepper-steps-item-complete ${jA} stepper-steps-item ${jn}`, XA = `stepper-steps-item-current stepper-steps-item ${jn}`, JA = `stepper-steps-item-idle stepper-steps-item ${jn}`, e$ = `stepper-steps-item-particles ${_A}`, At = { stepperStep: qA, stepperSteps: KA, icon: YA, stepperStepsItem: ZA, stepperStepsItemComplete: QA, stepperStepsItemCurrent: XA, stepperStepsItemIdle: JA, stepperStepsItemParticles: e$ }, t$ = ["onClick"], n$ = { key: 1 }, a$ = /* @__PURE__ */ k({
   __name: "FluxStepperSteps",
   props: {
     amount: {},
@@ -10736,14 +10737,14 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
             o.current > r ? (c(), b(U, {
               key: 0,
               name: "check"
-            })) : (c(), p("span", t$, O(r), 1))
+            })) : (c(), p("span", n$, O(r), 1))
           ]),
           _: 2
         }, 1024)
-      ], 10, e$))), 128))
+      ], 10, t$))), 128))
     ], 6));
   }
-}), $C = /* @__PURE__ */ k({
+}), FC = /* @__PURE__ */ k({
   __name: "FluxStepper",
   props: {
     modelValue: {
@@ -10764,7 +10765,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       i.value = u < m;
     }), (u, m) => (c(), p(N, null, [
       w(u.$slots, "steps", ce(de({ activate: r, modelValue: e.value, steps: o.value })), () => [
-        y(n$, {
+        y(a$, {
           amount: o.value,
           current: e.value + 1,
           onActivate: r
@@ -10773,7 +10774,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       w(u.$slots, "content", ce(de({ activate: r, modelValue: e.value, children: s.value, isTransitioningBack: i.value, steps: o.value, view: l.value })), () => [
         y(n(hn), { "is-back": i.value }, {
           default: A(() => [
-            (c(), b(ay, {
+            (c(), b(iy, {
               key: e.value,
               vnode: l.value
             }, null, 8, ["vnode"]))
@@ -10783,7 +10784,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       ])
     ], 64));
   }
-}), FC = /* @__PURE__ */ k({
+}), CC = /* @__PURE__ */ k({
   __name: "FluxStepperStep",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -10792,7 +10793,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       w(e.$slots, "default")
     ], 2));
   }
-}), a$ = "tab", i$ = "tab-bar", s$ = "tab-bar-arrow", o$ = "tab-bar-tabs", l$ = "is-start-masked", r$ = "is-end-masked", u$ = "tab-bar-item", c$ = "tabs", d$ = "tabs-bar", m$ = "base-pane-structure", p$ = "pane-header", f$ = "tab-bar-arrow-start tab-bar-arrow", h$ = "tab-bar-arrow-end tab-bar-arrow", g$ = "tab-bar-item-active tab-bar-item", We = { tab: a$, tabBar: i$, tabBarArrow: s$, tabBarTabs: o$, isStartMasked: l$, isEndMasked: r$, tabBarItem: u$, tabs: c$, tabsBar: d$, basePaneStructure: m$, paneHeader: p$, tabBarArrowStart: f$, tabBarArrowEnd: h$, tabBarItemActive: g$ }, CC = /* @__PURE__ */ k({
+}), i$ = "tab", s$ = "tab-bar", o$ = "tab-bar-arrow", l$ = "tab-bar-tabs", r$ = "is-start-masked", u$ = "is-end-masked", c$ = "tab-bar-item", d$ = "tabs", m$ = "tabs-bar", p$ = "base-pane-structure", f$ = "pane-header", h$ = "tab-bar-arrow-start tab-bar-arrow", g$ = "tab-bar-arrow-end tab-bar-arrow", b$ = "tab-bar-item-active tab-bar-item", We = { tab: i$, tabBar: s$, tabBarArrow: o$, tabBarTabs: l$, isStartMasked: r$, isEndMasked: u$, tabBarItem: c$, tabs: d$, tabsBar: m$, basePaneStructure: p$, paneHeader: f$, tabBarArrowStart: h$, tabBarArrowEnd: g$, tabBarItemActive: b$ }, BC = /* @__PURE__ */ k({
   __name: "FluxTab",
   props: {
     icon: {},
@@ -10806,7 +10807,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       w(e.$slots, "default")
     ], 2));
   }
-}), b$ = /* @__PURE__ */ k({
+}), v$ = /* @__PURE__ */ k({
   __name: "FluxTabBar",
   setup(t) {
     const e = te("tabBar");
@@ -10870,7 +10871,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       ], 2)) : S("", !0)
     ], 2));
   }
-}), v$ = { key: 1 }, y$ = /* @__PURE__ */ k({
+}), y$ = { key: 1 }, k$ = /* @__PURE__ */ k({
   __name: "FluxTabBarItem",
   props: {
     type: {},
@@ -10886,7 +10887,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
   },
   emits: ["click", "mouseenter", "mouseleave"],
   setup(t, { emit: e }) {
-    const a = e, i = be(he(() => t.disabled)), s = te("tab");
+    const a = e, i = be(me(() => t.disabled)), s = te("tab");
     function o(u) {
       if (n(i)) {
         u.preventDefault(), u.stopPropagation();
@@ -10937,12 +10938,12 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
           name: u.icon,
           size: 16
         }, null, 8, ["name"])) : S("", !0),
-        u.label ? (c(), p("span", v$, O(u.label), 1)) : S("", !0)
+        u.label ? (c(), p("span", y$, O(u.label), 1)) : S("", !0)
       ]),
       _: 1
     }, 8, ["component-type", "class", "aria-disabled", "aria-selected", "disabled", "tabindex", "href", "rel", "target", "to"]));
   }
-}), BC = /* @__PURE__ */ k({
+}), wC = /* @__PURE__ */ k({
   __name: "FluxTabs",
   props: {
     modelValue: {
@@ -10970,11 +10971,11 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       class: d(n(We).tabs)
     }, [
       w(r.$slots, "tabs", ce(de({ children: s.value, modelValue: e.value, tabs: o.value, activate: l })), () => [
-        y(b$, {
+        y(v$, {
           class: d(n(We).tabsBar)
         }, {
           default: A(() => [
-            (c(!0), p(N, null, q(o.value, (m, f) => (c(), b(y$, {
+            (c(!0), p(N, null, q(o.value, (m, f) => (c(), b(k$, {
               key: f,
               icon: m.icon,
               "is-active": e.value === f,
@@ -10998,10 +10999,10 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       ])
     ], 2));
   }
-}), wC = /* @__PURE__ */ k({
+}), SC = /* @__PURE__ */ k({
   __name: "FluxTableActions",
   setup(t) {
-    return (e, a) => (c(), b(rd, {
+    return (e, a) => (c(), b(ud, {
       class: d(n($e).tableActions)
     }, {
       default: A(() => [
@@ -11010,7 +11011,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       _: 3
     }, 8, ["class"]));
   }
-}), k$ = ["aria-label", "onClick"], SC = /* @__PURE__ */ k({
+}), A$ = ["aria-label", "onClick"], EC = /* @__PURE__ */ k({
   __name: "FluxTableHeader",
   props: {
     isShrinking: { type: Boolean },
@@ -11059,7 +11060,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
                 size: 16,
                 name: i.value
               }, null, 8, ["name"])
-            ], 10, k$)
+            ], 10, A$)
           ]),
           default: A(() => [
             y(ln, null, {
@@ -11104,7 +11105,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       ], 2)
     ], 6));
   }
-}), EC = /* @__PURE__ */ k({
+}), IC = /* @__PURE__ */ k({
   __name: "FluxTagStack",
   setup(t) {
     return (e, a) => (c(), b(Ye, {
@@ -11118,7 +11119,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       _: 3
     }));
   }
-}), A$ = "timeline", $$ = "timeline-item", F$ = "timeline-item-icon", C$ = "timeline-item-photo", B$ = "timeline-item-photo-icon", w$ = "timeline-item-photo-image", S$ = "timeline-item-body", E$ = "timeline-item-header", I$ = "timeline-item-line", T$ = "timeline-item-gray timeline-item", L$ = "timeline-item-primary timeline-item", D$ = "timeline-item-danger timeline-item", M$ = "timeline-item-info timeline-item", P$ = "timeline-item-success timeline-item", V$ = "timeline-item-warning timeline-item", Le = { timeline: A$, timelineItem: $$, timelineItemIcon: F$, timelineItemPhoto: C$, timelineItemPhotoIcon: B$, timelineItemPhotoImage: w$, timelineItemBody: S$, timelineItemHeader: E$, timelineItemLine: I$, timelineItemGray: T$, timelineItemPrimary: L$, timelineItemDanger: D$, timelineItemInfo: M$, timelineItemSuccess: P$, timelineItemWarning: V$ }, IC = /* @__PURE__ */ k({
+}), $$ = "timeline", F$ = "timeline-item", C$ = "timeline-item-icon", B$ = "timeline-item-photo", w$ = "timeline-item-photo-icon", S$ = "timeline-item-photo-image", E$ = "timeline-item-body", I$ = "timeline-item-header", T$ = "timeline-item-line", L$ = "timeline-item-gray timeline-item", D$ = "timeline-item-primary timeline-item", M$ = "timeline-item-danger timeline-item", P$ = "timeline-item-info timeline-item", V$ = "timeline-item-success timeline-item", x$ = "timeline-item-warning timeline-item", Le = { timeline: $$, timelineItem: F$, timelineItemIcon: C$, timelineItemPhoto: B$, timelineItemPhotoIcon: w$, timelineItemPhotoImage: S$, timelineItemBody: E$, timelineItemHeader: I$, timelineItemLine: T$, timelineItemGray: L$, timelineItemPrimary: D$, timelineItemDanger: M$, timelineItemInfo: P$, timelineItemSuccess: V$, timelineItemWarning: x$ }, TC = /* @__PURE__ */ k({
   __name: "FluxTimeline",
   setup(t) {
     return (e, a) => (c(), p("div", {
@@ -11128,7 +11129,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       w(e.$slots, "default")
     ], 2));
   }
-}), x$ = ["src"], O$ = { key: 0 }, R$ = { key: 1 }, TC = /* @__PURE__ */ k({
+}), O$ = ["src"], R$ = { key: 0 }, z$ = { key: 1 }, LC = /* @__PURE__ */ k({
   __name: "FluxTimelineItem",
   props: {
     color: { default: "gray" },
@@ -11160,7 +11161,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
           class: d(n(Le).timelineItemPhotoImage),
           src: e.photo,
           alt: ""
-        }, null, 10, x$),
+        }, null, 10, O$),
         e.icon ? (c(), p("div", {
           key: 0,
           class: d(n(Le).timelineItemPhotoIcon)
@@ -11186,14 +11187,14 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
           key: 0,
           class: d(n(Le).timelineItemHeader)
         }, [
-          e.title ? (c(), p("strong", O$, O(e.title), 1)) : S("", !0),
-          e.when ? (c(), p("span", R$, O(e.when), 1)) : S("", !0)
+          e.title ? (c(), p("strong", R$, O(e.title), 1)) : S("", !0),
+          e.when ? (c(), p("span", z$, O(e.when), 1)) : S("", !0)
         ], 2)) : S("", !0),
         w(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), z$ = ["for", "aria-disabled"], N$ = ["id", "disabled", "checked", "aria-checked"], LC = /* @__PURE__ */ k({
+}), N$ = ["for", "aria-disabled"], H$ = ["id", "disabled", "checked", "aria-checked"], DC = /* @__PURE__ */ k({
   __name: "FluxToggle",
   props: /* @__PURE__ */ ee({
     iconOff: {},
@@ -11206,7 +11207,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ae(t, "modelValue"), a = be(he(() => t.disabled)), { id: i } = Yt();
+    const e = ae(t, "modelValue"), a = be(me(() => t.disabled)), { id: i } = Yt();
     function s(o) {
       e.value = o.target.checked;
     }
@@ -11241,10 +11242,10 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
         role: "switch",
         "aria-checked": e.value,
         onInput: s
-      }, null, 42, N$)
-    ], 10, z$));
+      }, null, 42, H$)
+    ], 10, N$));
   }
-}), { basePane: gs } = pt, H$ = "toolbar", G$ = "separator-vertical", U$ = "is-free", W$ = "is-top-end", j$ = "is-top-start", _$ = "is-bottom-end", q$ = "is-bottom-start", K$ = "base-pane-structure", Y$ = "pane-header", Z$ = `toolbar-flat ${gs} toolbar`, Q$ = `toolbar-floating ${gs} toolbar`, yt = { toolbar: H$, separatorVertical: G$, isFree: U$, isTopEnd: W$, isTopStart: j$, isBottomEnd: _$, isBottomStart: q$, basePaneStructure: K$, paneHeader: Y$, toolbarFlat: Z$, toolbarFloating: Q$ }, DC = /* @__PURE__ */ k({
+}), { basePane: gs } = pt, G$ = "toolbar", U$ = "separator-vertical", W$ = "is-free", j$ = "is-top-end", _$ = "is-top-start", q$ = "is-bottom-end", K$ = "is-bottom-start", Y$ = "base-pane-structure", Z$ = "pane-header", Q$ = `toolbar-flat ${gs} toolbar`, X$ = `toolbar-floating ${gs} toolbar`, yt = { toolbar: G$, separatorVertical: U$, isFree: W$, isTopEnd: j$, isTopStart: _$, isBottomEnd: q$, isBottomStart: K$, basePaneStructure: Y$, paneHeader: Z$, toolbarFlat: Q$, toolbarFloating: X$ }, MC = /* @__PURE__ */ k({
   __name: "FluxToolbar",
   props: {
     floatingMode: {}
@@ -11269,7 +11270,7 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
       _: 3
     }, 8, ["class"]));
   }
-}), MC = /* @__PURE__ */ k({
+}), PC = /* @__PURE__ */ k({
   __name: "FluxToolbarGroup",
   setup(t) {
     return (e, a) => (c(), b(Ye, {
@@ -11285,172 +11286,172 @@ const pA = "root", fA = "is-locked", aa = { root: pA, isLocked: fA }, hA = ["ine
   }
 });
 export {
-  Du as FluxAction,
-  od as FluxActionBar,
-  iF as FluxActionPane,
-  rd as FluxActions,
-  gd as FluxAnimatedColors,
-  sF as FluxAspectRatio,
-  bd as FluxAutoGrid,
-  vd as FluxAutoHeightTransition,
-  oF as FluxAutoWidthTransition,
+  Mu as FluxAction,
+  ld as FluxActionBar,
+  sF as FluxActionPane,
+  ud as FluxActions,
+  bd as FluxAnimatedColors,
+  oF as FluxAspectRatio,
+  vd as FluxAutoGrid,
+  yd as FluxAutoHeightTransition,
+  lF as FluxAutoWidthTransition,
   ss as FluxAvatar,
-  uF as FluxBadge,
-  cF as FluxBadgeStack,
-  dF as FluxBorderShine,
-  mF as FluxBoxedIcon,
-  lF as FluxBreakthroughTransition,
+  cF as FluxBadge,
+  dF as FluxBadgeStack,
+  mF as FluxBorderShine,
+  pF as FluxBoxedIcon,
+  rF as FluxBreakthroughTransition,
   ft as FluxButton,
   Fa as FluxButtonGroup,
-  ld as FluxButtonStack,
-  pF as FluxCalendar,
-  fF as FluxCalendarEvent,
-  hF as FluxCheckbox,
-  gF as FluxChip,
-  bF as FluxClickablePane,
-  dv as FluxColorPicker,
-  yF as FluxColorSelect,
-  vF as FluxComment,
-  kF as FluxContainer,
-  AF as FluxDataTable,
+  rd as FluxButtonStack,
+  fF as FluxCalendar,
+  hF as FluxCalendarEvent,
+  gF as FluxCheckbox,
+  bF as FluxChip,
+  vF as FluxClickablePane,
+  mv as FluxColorPicker,
+  kF as FluxColorSelect,
+  yF as FluxComment,
+  AF as FluxContainer,
+  $F as FluxDataTable,
   yn as FluxDatePicker,
-  dc as FluxDestructiveButton,
-  N0 as FluxDisabled,
-  $F as FluxDivider,
-  FF as FluxDotPattern,
-  ny as FluxDropZone,
-  ay as FluxDynamicView,
-  CF as FluxExpandable,
-  BF as FluxExpandableGroup,
+  mc as FluxDestructiveButton,
+  H0 as FluxDisabled,
+  FF as FluxDivider,
+  CF as FluxDotPattern,
+  ay as FluxDropZone,
+  iy as FluxDynamicView,
+  BF as FluxExpandable,
+  wF as FluxExpandableGroup,
   Ne as FluxFadeTransition,
-  wF as FluxFader,
-  SF as FluxFaderItem,
-  EF as FluxFilter,
-  IF as FluxFilterDate,
-  TF as FluxFilterDateRange,
-  LF as FluxFilterOption,
-  DF as FluxFilterOptionAsync,
-  MF as FluxFilterOptions,
-  PF as FluxFilterOptionsAsync,
-  VF as FluxFilterRange,
-  xF as FluxFlickeringGrid,
+  SF as FluxFader,
+  EF as FluxFaderItem,
+  IF as FluxFilter,
+  TF as FluxFilterDate,
+  LF as FluxFilterDateRange,
+  DF as FluxFilterOption,
+  MF as FluxFilterOptionAsync,
+  PF as FluxFilterOptions,
+  VF as FluxFilterOptionsAsync,
+  xF as FluxFilterRange,
+  OF as FluxFlickeringGrid,
   ot as FluxFlyout,
-  OF as FluxFocalPointEditor,
-  Ey as FluxFocalPointImage,
-  RF as FluxForm,
-  yy as FluxFormColumn,
-  zF as FluxFormDateInput,
-  NF as FluxFormDateRangeInput,
-  HF as FluxFormDateTimeInput,
+  RF as FluxFocalPointEditor,
+  Iy as FluxFocalPointImage,
+  zF as FluxForm,
+  ky as FluxFormColumn,
+  NF as FluxFormDateInput,
+  HF as FluxFormDateRangeInput,
+  GF as FluxFormDateTimeInput,
   Ve as FluxFormField,
   _a as FluxFormFieldAddition,
   we as FluxFormInput,
-  GF as FluxFormInputAddition,
+  UF as FluxFormInputAddition,
   wa as FluxFormInputGroup,
-  UF as FluxFormPinInput,
-  WF as FluxFormRangeSlider,
-  jF as FluxFormRow,
-  _F as FluxFormSection,
+  WF as FluxFormPinInput,
+  jF as FluxFormRangeSlider,
+  _F as FluxFormRow,
+  qF as FluxFormSection,
   fs as FluxFormSelect,
-  qF as FluxFormSelectAsync,
+  KF as FluxFormSelectAsync,
   In as FluxFormSlider,
-  KF as FluxFormTextArea,
-  YF as FluxFormTimeZonePicker,
-  ZF as FluxGallery,
+  YF as FluxFormTextArea,
+  ZF as FluxFormTimeZonePicker,
+  QF as FluxGallery,
   Jn as FluxGalleryItem,
-  QF as FluxGrid,
-  XF as FluxGridColumn,
-  uk as FluxGridPattern,
+  XF as FluxGrid,
+  JF as FluxGridColumn,
+  ck as FluxGridPattern,
   U as FluxIcon,
-  JF as FluxInfo,
-  eC as FluxInfoStack,
-  Tk as FluxLegend,
-  tC as FluxLink,
+  eC as FluxInfo,
+  tC as FluxInfoStack,
+  Lk as FluxLegend,
+  nC as FluxLink,
   ln as FluxMenu,
   It as FluxMenuGroup,
   _e as FluxMenuItem,
-  nC as FluxMenuOptions,
+  aC as FluxMenuOptions,
   fa as FluxMenuSubHeader,
-  aC as FluxMenuTitle,
-  iC as FluxNotice,
-  sC as FluxNoticeStack,
+  iC as FluxMenuTitle,
+  sC as FluxNotice,
+  oC as FluxNoticeStack,
   na as FluxOverlay,
-  wm as FluxOverlayTransition,
-  r0 as FluxPagination,
-  u0 as FluxPaginationBar,
+  Sm as FluxOverlayTransition,
+  u0 as FluxPagination,
+  c0 as FluxPaginationBar,
   Lt as FluxPane,
   Ke as FluxPaneBody,
-  oC as FluxPaneDeck,
+  lC as FluxPaneDeck,
   Wn as FluxPaneFooter,
-  lC as FluxPaneGroup,
+  rC as FluxPaneGroup,
   Sa as FluxPaneHeader,
-  rC as FluxPaneIllustration,
-  uC as FluxPaneMedia,
-  cC as FluxPercentageBar,
-  dC as FluxPersona,
-  mC as FluxPlaceholder,
+  uC as FluxPaneIllustration,
+  cC as FluxPaneMedia,
+  dC as FluxPercentageBar,
+  mC as FluxPersona,
+  pC as FluxPlaceholder,
   Zt as FluxPressable,
   Un as FluxPrimaryButton,
-  C1 as FluxProgressBar,
-  pC as FluxPublishButton,
-  fC as FluxQuantitySelector,
-  xy as FluxRemove,
-  hC as FluxRoot,
-  rF as FluxRouteTransition,
+  B1 as FluxProgressBar,
+  fC as FluxPublishButton,
+  hC as FluxQuantitySelector,
+  Oy as FluxRemove,
+  gC as FluxRoot,
+  uF as FluxRouteTransition,
   ue as FluxSecondaryButton,
-  gC as FluxSegmentedControl,
-  bC as FluxSegmentedView,
+  bC as FluxSegmentedControl,
+  vC as FluxSegmentedView,
   ms as FluxSeparator,
-  vC as FluxSlideOver,
-  Sm as FluxSlideOverTransition,
-  aA as FluxSnackbar,
-  iA as FluxSnackbarProvider,
+  yC as FluxSlideOver,
+  Em as FluxSlideOverTransition,
+  iA as FluxSnackbar,
+  sA as FluxSnackbarProvider,
   Qt as FluxSpacer,
-  yC as FluxSpacing,
+  kC as FluxSpacing,
   Ee as FluxSpinner,
-  kC as FluxSplitButton,
+  AC as FluxSplitButton,
   Ye as FluxStack,
-  AC as FluxStatistic,
-  $C as FluxStepper,
-  FC as FluxStepperStep,
-  n$ as FluxStepperSteps,
-  CC as FluxTab,
-  b$ as FluxTabBar,
-  y$ as FluxTabBarItem,
-  x0 as FluxTable,
-  wC as FluxTableActions,
-  D0 as FluxTableCell,
-  SC as FluxTableHeader,
+  $C as FluxStatistic,
+  FC as FluxStepper,
+  CC as FluxStepperStep,
+  a$ as FluxStepperSteps,
+  BC as FluxTab,
+  v$ as FluxTabBar,
+  k$ as FluxTabBarItem,
+  O0 as FluxTable,
+  SC as FluxTableActions,
+  M0 as FluxTableCell,
+  EC as FluxTableHeader,
   Bn as FluxTableRow,
-  BC as FluxTabs,
-  xh as FluxTag,
-  EC as FluxTagStack,
-  qh as FluxTicks,
-  IC as FluxTimeline,
-  TC as FluxTimelineItem,
-  LC as FluxToggle,
-  DC as FluxToolbar,
-  MC as FluxToolbarGroup,
+  wC as FluxTabs,
+  Oh as FluxTag,
+  IC as FluxTagStack,
+  Kh as FluxTicks,
+  TC as FluxTimeline,
+  LC as FluxTimelineItem,
+  DC as FluxToggle,
+  MC as FluxToolbar,
+  PC as FluxToolbarGroup,
   Ba as FluxTooltip,
-  cA as FluxTooltipProvider,
-  Em as FluxTooltipTransition,
-  Im as FluxVerticalWindowTransition,
-  vy as FluxWindow,
+  dA as FluxTooltipProvider,
+  Im as FluxTooltipTransition,
+  Tm as FluxVerticalWindowTransition,
+  yy as FluxWindow,
   hn as FluxWindowTransition,
-  nF as fluxRegisterIcons,
+  aF as fluxRegisterIcons,
   sa as isFluxFormSelectGroup,
   ct as isFluxFormSelectOption,
   Ms as showAlert,
   Ps as showConfirm,
   fi as showPrompt,
   Da as showSnackbar,
-  tF as useBreakpoints,
+  nF as useBreakpoints,
   be as useDisabled,
   qs as useDisabledInjection,
   Ks as useExpandableGroupInjection,
   Tt as useFilterInjection,
   Vn as useFluxStore,
-  aF as useFlyoutInjection,
+  iF as useFlyoutInjection,
   Yt as useFormFieldInjection,
   yi as useTableInjection
 };