@flux-ui/dashboard 3.0.0-next.21 → 3.0.0-next.23

package/dist/index.css

@@ -422,4 +422,4 @@ body:has(.root > .dashboard) {
     pointer-events: none;
     translate: -100% 0;
   }
-}
+}/*$vite$:1*/

package/dist/index.js

@@ -1,318 +1,312 @@
-import { ref, watch, unref, defineComponent, provide, createElementBlock, openBlock, normalizeClass, renderSlot, createElementVNode, inject, createBlock, withCtx, createCommentVNode, createVNode, toDisplayString, useSlots, resolveComponent, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, openBlock, provide, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
 import { DateTime } from "luxon";
-import { FluxIcon, FluxSpacer, FluxMenuItem } from "@flux-ui/components";
-function k(e, t, o, n = { passive: true }) {
-  watch(e, (s, r, a) => {
-    if (!s) return;
-    s.addEventListener(t, o, n), a(() => s.removeEventListener(t, o));
-  }, { immediate: true });
+import { FluxIcon, FluxMenuItem, FluxSpacer } from "@flux-ui/components";
+[
+	"a:not([disabled])",
+	"button:not([disabled])",
+	"input[type=checkbox]:not([disabled])",
+	"input[type=radio]:not([disabled])",
+	"input[type=text]:not([disabled])",
+	"[tabindex]:not([disabled]):not([tabindex=\"-1\"])"
+].join(",");
+var X = class {
+	get active() {
+		return this.current?.isEnabled ?? !1;
+	}
+	get current() {
+		return this.#e[this.#e.length - 1] ?? null;
+	}
+	#t = [];
+	#e = [];
+	add(e, t, o = !0) {
+		let n = {
+			id: e,
+			setEnabled: t,
+			isEnabled: !0
+		};
+		if (this.current && this.toggle(this.current, !1), this.#e.push(n), o) this.toggle(n, !0), this.emit();
+	}
+	remove(e) {
+		let t = this.#e.find((s) => s.id === e);
+		t && this.toggle(t, !1);
+		let n = this.current?.id === e;
+		this.#e = this.#e.filter((s) => s.id !== e), n && this.current && this.toggle(this.current, !0), this.emit();
+	}
+	emit() {
+		this.#t.forEach((e) => e(this.active, this.#e));
+	}
+	subscribe(e) {
+		return this.#t.push(e), e(this.active, this.#e), () => this.#t = this.#t.filter((t) => t !== e);
+	}
+	toggle(e, t) {
+		e.setEnabled(t), e.isEnabled = t;
+	}
+};
+new X();
+globalThis.document;
+function k(e, t, o, n = { passive: !0 }) {
+	watch(e, (s, r, a) => {
+		if (!s) return;
+		s.addEventListener(t, o, n), a(() => s.removeEventListener(t, o));
+	}, { immediate: !0 });
 }
 function ne(e, t) {
-  let o = `flux/${e}`, n = ref(s() ?? t);
-  function s() {
-    if (o in localStorage) {
-      let r = JSON.parse(localStorage.getItem(o));
-      if (Array.isArray(r) && r[0] === "DateTime") r = DateTime.fromISO(r[1]);
-      return r;
-    }
-    return null;
-  }
-  return watch(n, (r) => {
-    let a = r;
-    if (DateTime.isDateTime(r)) a = ["DateTime", r.toISO({ includeOffset: true, extendedZone: true })];
-    localStorage.setItem(o, JSON.stringify(a));
-  }), n;
+	let o = `flux/${e}`, n = ref(s() ?? t);
+	function s() {
+		if (o in localStorage) {
+			let r = JSON.parse(localStorage.getItem(o));
+			if (Array.isArray(r) && r[0] === "DateTime") r = DateTime.fromISO(r[1]);
+			return r;
+		}
+		return null;
+	}
+	return watch(n, (r) => {
+		let a = r;
+		if (DateTime.isDateTime(r)) a = ["DateTime", r.toISO({
+			includeOffset: !0,
+			extendedZone: !0
+		})];
+		localStorage.setItem(o, JSON.stringify(a));
+	}), n;
 }
 function re(e) {
-  let t = ref(0), o = ref(0);
-  if (!e) e = ref(document);
-  return k(e, "scroll", () => {
-    let n = unref(e);
-    if (n instanceof Document) n = n.scrollingElement;
-    t.value = n?.scrollLeft ?? 0, o.value = n?.scrollTop ?? 0;
-  }), { x: t, y: o };
+	let t = ref(0), o = ref(0);
+	if (!e) e = ref(document);
+	return k(e, "scroll", () => {
+		let n = unref(e);
+		if (n instanceof Document) n = n.scrollingElement;
+		t.value = n?.scrollLeft ?? 0, o.value = n?.scrollTop ?? 0;
+	}), {
+		x: t,
+		y: o
+	};
 }
 const FluxDashboardInjectionKey = Symbol();
-const root = `root`;
-const dashboard$2 = `dashboard`;
-const dashboardMount = `dashboard-mount`;
-const isResizing = `is-resizing`;
-const dashboardNavigation$1 = `dashboard-navigation`;
-const dashboardNavigationCollapsed$1 = `dashboard-navigation-collapsed`;
-const dashboardMenu$2 = `dashboard-menu`;
-const dashboardSide$1 = `dashboard-side`;
-const $style$4 = { root, dashboard: dashboard$2, dashboardMount, isResizing, dashboardNavigation: dashboardNavigation$1, dashboardNavigationCollapsed: dashboardNavigationCollapsed$1, dashboardMenu: dashboardMenu$2, dashboardSide: dashboardSide$1 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboard",
-  setup(__props) {
-    const isMenuCollapsed = ne("dashboard-menu-collapsed", true);
-    const isNavigationCollapsed = ne("dashboard-navigation-collapsed", true);
-    const isResizing2 = ref(false);
-    provide(FluxDashboardInjectionKey, {
-      isMenuCollapsed,
-      isNavigationCollapsed
-    });
-    watch(isNavigationCollapsed, (_, __, onCleanup) => {
-      let timeout;
-      function onResize() {
-        clearTimeout(timeout);
-        isResizing2.value = true;
-        timeout = setTimeout(() => isResizing2.value = false, 10);
-      }
-      window.addEventListener("resize", onResize, { passive: true });
-      onCleanup(() => window.removeEventListener("resize", onResize));
-    }, { immediate: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref($style$4).dashboard, isResizing2.value && unref($style$4).isResizing])
-      }, [
-        renderSlot(_ctx.$slots, "navigation"),
-        renderSlot(_ctx.$slots, "menu"),
-        createElementVNode("div", {
-          class: normalizeClass(unref($style$4).dashboardMount)
-        }, [
-          renderSlot(_ctx.$slots, "header"),
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        renderSlot(_ctx.$slots, "side")
-      ], 2);
-    };
-  }
+var Dashboard_module_default = {
+	root: `root`,
+	dashboard: `dashboard`,
+	dashboardMount: `dashboard-mount`,
+	isResizing: `is-resizing`,
+	dashboardNavigation: `dashboard-navigation`,
+	dashboardNavigationCollapsed: `dashboard-navigation-collapsed`,
+	dashboardMenu: `dashboard-menu`,
+	dashboardSide: `dashboard-side`
+};
+var FluxDashboard_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboard",
+	setup(__props) {
+		const isMenuCollapsed = ne("dashboard-menu-collapsed", true);
+		const isNavigationCollapsed = ne("dashboard-navigation-collapsed", true);
+		const isResizing$1 = ref(false);
+		provide(FluxDashboardInjectionKey, {
+			isMenuCollapsed,
+			isNavigationCollapsed
+		});
+		watch(isNavigationCollapsed, (_, __, onCleanup) => {
+			let timeout;
+			function onResize() {
+				clearTimeout(timeout);
+				isResizing$1.value = true;
+				timeout = setTimeout(() => isResizing$1.value = false, 10);
+			}
+			window.addEventListener("resize", onResize, { passive: true });
+			onCleanup(() => window.removeEventListener("resize", onResize));
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(Dashboard_module_default).dashboard, isResizing$1.value && unref(Dashboard_module_default).isResizing]) }, [
+				renderSlot(_ctx.$slots, "navigation"),
+				renderSlot(_ctx.$slots, "menu"),
+				createElementVNode("div", { class: normalizeClass(unref(Dashboard_module_default).dashboardMount) }, [renderSlot(_ctx.$slots, "header"), renderSlot(_ctx.$slots, "default")], 2),
+				renderSlot(_ctx.$slots, "side")
+			], 2);
+		};
+	}
 });
-function useDashboardInjection() {
-  const injection = inject(FluxDashboardInjectionKey);
-  if (!injection) {
-    throw new Error("[Flux] useDashboardInjection() was used outside a FluxDashboard component.");
-  }
-  return injection;
+function useDashboardInjection_default() {
+	const injection = inject(FluxDashboardInjectionKey);
+	if (!injection) throw new Error("[Flux] useDashboardInjection() was used outside a FluxDashboard component.");
+	return injection;
 }
-const notice = `notice`;
-const dashboardContent = `dashboard-content`;
-const calendar = `calendar`;
-const table = `table`;
-const calendarActions = `calendar-actions`;
-const tableCell = `table-cell`;
-const tableCellContent = `table-cell-content`;
-const dashboardContentCollapsed = `dashboard-content-collapsed`;
-const $style$3 = { notice, dashboardContent, calendar, table, calendarActions, tableCell, tableCellContent, dashboardContentCollapsed };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardContent",
-  setup(__props) {
-    const { isMenuCollapsed } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("main", {
-        class: normalizeClass([unref($style$3).dashboardContent, !unref(isMenuCollapsed) && unref($style$3).dashboardContentCollapsed])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+var DashboardContent_module_default = {
+	notice: `notice`,
+	dashboardContent: `dashboard-content`,
+	calendar: `calendar`,
+	table: `table`,
+	calendarActions: `calendar-actions`,
+	tableCell: `table-cell`,
+	tableCellContent: `table-cell-content`,
+	dashboardContentCollapsed: `dashboard-content-collapsed`
+};
+var FluxDashboardContent_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardContent",
+	setup(__props) {
+		const { isMenuCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("main", { class: normalizeClass([unref(DashboardContent_module_default).dashboardContent, !unref(isMenuCollapsed) && unref(DashboardContent_module_default).dashboardContentCollapsed]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
 });
-const dashboardTopBar$1 = `dashboard-top-bar`;
-const icon = `icon`;
-const separator$1 = `separator`;
-const dashboardHeader = `dashboard-header`;
-const routeTransitionEnterActive = `route-transition-enter-active`;
-const routeTransitionLeaveActive = `route-transition-leave-active`;
-const dashboardHeaderScrolled = `dashboard-header-scrolled dashboard-header`;
-const dashboard$1 = `dashboard`;
-const dashboardTopBarCollapsed = `dashboard-top-bar-collapsed`;
-const $style$2 = { dashboardTopBar: dashboardTopBar$1, icon, separator: separator$1, dashboardHeader, routeTransitionEnterActive, routeTransitionLeaveActive, dashboardHeaderScrolled, dashboard: dashboard$1, dashboardTopBarCollapsed };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardTopBar",
-  setup(__props) {
-    const { isMenuCollapsed } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("header", {
-        class: normalizeClass([unref($style$2).dashboardTopBar, !unref(isMenuCollapsed) && unref($style$2).dashboardTopBarCollapsed])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+var DashboardTopBar_module_default = {
+	dashboardTopBar: `dashboard-top-bar`,
+	icon: `icon`,
+	separator: `separator`,
+	dashboardHeader: `dashboard-header`,
+	routeTransitionEnterActive: `route-transition-enter-active`,
+	routeTransitionLeaveActive: `route-transition-leave-active`,
+	dashboardHeaderScrolled: `dashboard-header-scrolled dashboard-header`,
+	dashboard: `dashboard`,
+	dashboardTopBarCollapsed: `dashboard-top-bar-collapsed`
+};
+var FluxDashboardTopBar_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardTopBar",
+	setup(__props) {
+		const { isMenuCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", { class: normalizeClass([unref(DashboardTopBar_module_default).dashboardTopBar, !unref(isMenuCollapsed) && unref(DashboardTopBar_module_default).dashboardTopBarCollapsed]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
 });
-const _hoisted_1$1 = { key: 1 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardHeader",
-  props: {
-    icon: {},
-    title: {}
-  },
-  setup(__props) {
-    const { y } = re();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, {
-        class: normalizeClass(unref(y) > 0 ? unref($style$2).dashboardHeaderScrolled : unref($style$2).dashboardHeader)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "start"),
-          __props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
-            key: 0,
-            name: __props.icon
-          }, null, 8, ["name"])) : createCommentVNode("", true),
-          __props.title ? (openBlock(), createElementBlock("h1", _hoisted_1$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          createVNode(unref(FluxSpacer)),
-          renderSlot(_ctx.$slots, "end")
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
+var _hoisted_1$1 = { key: 1 };
+var FluxDashboardHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardHeader",
+	props: {
+		icon: {},
+		title: {}
+	},
+	setup(__props) {
+		const { y } = re();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxDashboardTopBar_default, { class: normalizeClass(unref(y) > 0 ? unref(DashboardTopBar_module_default).dashboardHeaderScrolled : unref(DashboardTopBar_module_default).dashboardHeader) }, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "start"),
+					__props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
+						key: 0,
+						name: __props.icon
+					}, null, 8, ["name"])) : createCommentVNode("", true),
+					__props.title ? (openBlock(), createElementBlock("h1", _hoisted_1$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					createVNode(unref(FluxSpacer)),
+					renderSlot(_ctx.$slots, "end")
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
 });
-const dashboardPane = `dashboard-pane`;
-const menuSubHeader = `menu-sub-header`;
-const dashboardTopBar = `dashboard-top-bar`;
-const filter = `filter`;
-const filterHeader = `filter-header`;
-const menu$1 = `menu`;
-const menuItemCommand = `menu-item-command`;
-const menuItemIcon$1 = `menu-item-icon`;
-const divider$1 = `divider`;
-const separator = `separator`;
-const dashboardMenu$1 = `dashboard-menu dashboard-pane`;
-const dashboardMenuBody = `dashboard-menu-body`;
-const dashboardSide = `dashboard-side dashboard-pane`;
-const dashboardMenuCollapsed = `dashboard-menu-collapsed`;
-const $style$1 = { dashboardPane, menuSubHeader, dashboardTopBar, filter, filterHeader, menu: menu$1, menuItemCommand, menuItemIcon: menuItemIcon$1, divider: divider$1, separator, dashboardMenu: dashboardMenu$1, dashboardMenuBody, dashboardSide, dashboardMenuCollapsed };
-const _hoisted_1 = { key: 1 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardMenu",
-  props: {
-    icon: {},
-    title: {}
-  },
-  setup(__props) {
-    const { isMenuCollapsed } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", {
-        class: normalizeClass([unref($style$1).dashboardMenu, unref(isMenuCollapsed) && unref($style$1).dashboardMenuCollapsed])
-      }, [
-        createVNode(_sfc_main$4, null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "top-bar-start"),
-            __props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
-              key: 0,
-              name: __props.icon
-            }, null, 8, ["name"])) : createCommentVNode("", true),
-            __props.title ? (openBlock(), createElementBlock("h1", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-            createVNode(unref(FluxSpacer)),
-            renderSlot(_ctx.$slots, "top-bar-end")
-          ]),
-          _: 3
-        }),
-        createElementVNode("div", {
-          class: normalizeClass(unref($style$1).dashboardMenuBody)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ], 2);
-    };
-  }
+var DashboardPane_module_default = {
+	dashboardPane: `dashboard-pane`,
+	menuSubHeader: `menu-sub-header`,
+	dashboardTopBar: `dashboard-top-bar`,
+	filter: `filter`,
+	filterHeader: `filter-header`,
+	menu: `menu`,
+	menuItemCommand: `menu-item-command`,
+	menuItemIcon: `menu-item-icon`,
+	divider: `divider`,
+	separator: `separator`,
+	dashboardMenu: `dashboard-menu dashboard-pane`,
+	dashboardMenuBody: `dashboard-menu-body`,
+	dashboardSide: `dashboard-side dashboard-pane`,
+	dashboardMenuCollapsed: `dashboard-menu-collapsed`
+};
+var _hoisted_1 = { key: 1 };
+var FluxDashboardMenu_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardMenu",
+	props: {
+		icon: {},
+		title: {}
+	},
+	setup(__props) {
+		const { isMenuCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", { class: normalizeClass([unref(DashboardPane_module_default).dashboardMenu, unref(isMenuCollapsed) && unref(DashboardPane_module_default).dashboardMenuCollapsed]) }, [createVNode(FluxDashboardTopBar_default, null, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "top-bar-start"),
+					__props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
+						key: 0,
+						name: __props.icon
+					}, null, 8, ["name"])) : createCommentVNode("", true),
+					__props.title ? (openBlock(), createElementBlock("h1", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					createVNode(unref(FluxSpacer)),
+					renderSlot(_ctx.$slots, "top-bar-end")
+				]),
+				_: 3
+			}), createElementVNode("div", { class: normalizeClass(unref(DashboardPane_module_default).dashboardMenuBody) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
 });
-const dashboardNavigation = `dashboard-navigation`;
-const divider = `divider`;
-const dividerLine = `divider-line`;
-const menu = `menu`;
-const menuItem = `menu-item`;
-const menuItemHighlighted = `menu-item-highlighted`;
-const menuItemIcon = `menu-item-icon`;
-const menuItemLabel = `menu-item-label`;
-const dashboardNavigationCollapsed = `dashboard-navigation-collapsed dashboard-navigation`;
-const dashboardNavigationLogo = `dashboard-navigation-logo`;
-const dashboardNavigationRoundingFix = `dashboard-navigation-rounding-fix`;
-const dashboard = `dashboard`;
-const dashboardMenu = `dashboard-menu`;
-const dashboardNavigationHeader = `dashboard-navigation-header`;
-const dashboardNavigationNav = `dashboard-navigation-nav`;
-const $style = { dashboardNavigation, divider, dividerLine, menu, menuItem, menuItemHighlighted, menuItemIcon, menuItemLabel, dashboardNavigationCollapsed, dashboardNavigationLogo, dashboardNavigationRoundingFix, dashboard, dashboardMenu, dashboardNavigationHeader, dashboardNavigationNav };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "FluxDashboardNavigation",
-  props: {
-    logoLocation: {}
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const {
-      isMenuCollapsed,
-      isNavigationCollapsed
-    } = useDashboardInjection();
-    return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("nav", mergeProps(_ctx.$attrs, {
-        class: unref(isNavigationCollapsed) ? unref($style).dashboardNavigationCollapsed : unref($style).dashboardNavigation
-      }), [
-        createElementVNode("header", {
-          class: normalizeClass(unref($style).dashboardNavigationHeader)
-        }, [
-          createVNode(unref(FluxMenuItem), {
-            "icon-leading": "bars",
-            onClick: _cache[0] || (_cache[0] = ($event) => isNavigationCollapsed.value = !unref(isNavigationCollapsed))
-          }),
-          slots.logo ? (openBlock(), createBlock(_component_router_link, {
-            key: 0,
-            class: normalizeClass(unref($style).dashboardNavigationLogo),
-            to: __props.logoLocation || "/"
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "logo", normalizeProps(guardReactiveProps({ isNavigationCollapsed: unref(isNavigationCollapsed) })))
-            ]),
-            _: 3
-          }, 8, ["class", "to"])) : createCommentVNode("", true),
-          createVNode(unref(FluxMenuItem), {
-            "icon-leading": "ellipsis-h",
-            onClick: _cache[1] || (_cache[1] = ($event) => isMenuCollapsed.value = !unref(isMenuCollapsed))
-          })
-        ], 2),
-        (openBlock(), createElementBlock(Fragment, null, renderList(2, (index) => {
-          return createElementVNode("div", {
-            key: index,
-            class: normalizeClass(unref($style).dashboardNavigationRoundingFix)
-          }, null, 2);
-        }), 64)),
-        createElementVNode("main", {
-          class: normalizeClass(unref($style).dashboardNavigationNav)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ], 16);
-    };
-  }
+var DashboardNavigation_module_default = {
+	dashboardNavigation: `dashboard-navigation`,
+	divider: `divider`,
+	dividerLine: `divider-line`,
+	menu: `menu`,
+	menuItem: `menu-item`,
+	menuItemHighlighted: `menu-item-highlighted`,
+	menuItemIcon: `menu-item-icon`,
+	menuItemLabel: `menu-item-label`,
+	dashboardNavigationCollapsed: `dashboard-navigation-collapsed dashboard-navigation`,
+	dashboardNavigationLogo: `dashboard-navigation-logo`,
+	dashboardNavigationRoundingFix: `dashboard-navigation-rounding-fix`,
+	dashboard: `dashboard`,
+	dashboardMenu: `dashboard-menu`,
+	dashboardNavigationHeader: `dashboard-navigation-header`,
+	dashboardNavigationNav: `dashboard-navigation-nav`
+};
+var FluxDashboardNavigation_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "FluxDashboardNavigation",
+	props: { logoLocation: {} },
+	setup(__props) {
+		const slots = useSlots();
+		const { isMenuCollapsed, isNavigationCollapsed } = useDashboardInjection_default();
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("nav", mergeProps(_ctx.$attrs, { class: unref(isNavigationCollapsed) ? unref(DashboardNavigation_module_default).dashboardNavigationCollapsed : unref(DashboardNavigation_module_default).dashboardNavigation }), [
+				createElementVNode("header", { class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationHeader) }, [
+					createVNode(unref(FluxMenuItem), {
+						"icon-leading": "bars",
+						onClick: _cache[0] || (_cache[0] = ($event) => isNavigationCollapsed.value = !unref(isNavigationCollapsed))
+					}),
+					slots.logo ? (openBlock(), createBlock(_component_router_link, {
+						key: 0,
+						class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationLogo),
+						to: __props.logoLocation || "/"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "logo", normalizeProps(guardReactiveProps({ isNavigationCollapsed: unref(isNavigationCollapsed) })))]),
+						_: 3
+					}, 8, ["class", "to"])) : createCommentVNode("", true),
+					createVNode(unref(FluxMenuItem), {
+						"icon-leading": "ellipsis-h",
+						onClick: _cache[1] || (_cache[1] = ($event) => isMenuCollapsed.value = !unref(isMenuCollapsed))
+					})
+				], 2),
+				(openBlock(), createElementBlock(Fragment, null, renderList(2, (index) => {
+					return createElementVNode("div", {
+						key: index,
+						class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationRoundingFix)
+					}, null, 2);
+				}), 64)),
+				createElementVNode("main", { class: normalizeClass(unref(DashboardNavigation_module_default).dashboardNavigationNav) }, [renderSlot(_ctx.$slots, "default")], 2)
+			], 16);
+		};
+	}
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FluxDashboardSide",
-  props: {
-    title: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", {
-        class: normalizeClass(unref($style$1).dashboardSide)
-      }, [
-        createVNode(_sfc_main$4, null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "top-bar-start"),
-            createElementVNode("h1", null, toDisplayString(__props.title), 1),
-            createVNode(unref(FluxSpacer)),
-            renderSlot(_ctx.$slots, "top-bar-end")
-          ]),
-          _: 3
-        }),
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+var FluxDashboardSide_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDashboardSide",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", { class: normalizeClass(unref(DashboardPane_module_default).dashboardSide) }, [createVNode(FluxDashboardTopBar_default, null, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "top-bar-start"),
+					createElementVNode("h1", null, toDisplayString(__props.title), 1),
+					createVNode(unref(FluxSpacer)),
+					renderSlot(_ctx.$slots, "top-bar-end")
+				]),
+				_: 3
+			}), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
 });
-export {
-  _sfc_main$6 as FluxDashboard,
-  _sfc_main$5 as FluxDashboardContent,
-  _sfc_main$3 as FluxDashboardHeader,
-  FluxDashboardInjectionKey,
-  _sfc_main$2 as FluxDashboardMenu,
-  _sfc_main$1 as FluxDashboardNavigation,
-  _sfc_main as FluxDashboardSide,
-  useDashboardInjection
-};
-//# sourceMappingURL=index.js.map
+export { FluxDashboard_default as FluxDashboard, FluxDashboardContent_default as FluxDashboardContent, FluxDashboardHeader_default as FluxDashboardHeader, FluxDashboardInjectionKey, FluxDashboardMenu_default as FluxDashboardMenu, FluxDashboardNavigation_default as FluxDashboardNavigation, FluxDashboardSide_default as FluxDashboardSide, useDashboardInjection_default as useDashboardInjection };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../internals/dist/index.js","../src/data/index.ts","../src/component/FluxDashboard.vue","../src/composable/useDashboardInjection.ts","../src/component/FluxDashboardContent.vue","../src/component/FluxDashboardTopBar.vue","../src/component/FluxDashboardHeader.vue","../src/component/FluxDashboardMenu.vue","../src/component/FluxDashboardNavigation.vue","../src/component/FluxDashboardSide.vue"],"sourcesContent":["import{computed as E,ref as _,unref as b}from\"vue\";function N(e,t){let o=_(!1),n=_(e),s=E(()=>{let c=[],m=b(n).month,h=b(n).startOf(\"month\");do c.push(h),h=h.plus({day:1});while(h.month===m);let y=c[0],T=c[c.length-1];for(let x=1;x<y.weekday;++x)c.unshift(y.minus({day:x}));for(let x=T.weekday+1;x<=7;++x)c.push(T.plus({day:x-T.weekday}));while(c.length/7<6){let x=c[c.length-1];for(let A=1;A<=7;++A)c.push(x.plus({day:A}))}return c}),r=E(()=>b(s).slice(0,7).map((c)=>c.toLocaleString({weekday:t?.weekDayLength??\"short\"}))),a=E(()=>b(n).plus({month:1})),i=E(()=>b(n).minus({month:1})),f=E(()=>b(n).toLocaleString({month:t?.monthLength??\"long\"})),l=E(()=>b(n).year.toString());function u(c){o.value=n.value>c,n.value=c}function v(){u(b(n).plus({month:1}))}function L(){u(b(n).minus({month:1}))}return{isTransitioningToPast:o,viewDate:n,viewDateNext:a,viewDatePrevious:i,viewMonth:f,viewYear:l,dates:s,days:r,setViewDate:u,nextMonth:v,previousMonth:L}}import{computed as me,unref as xe}from\"vue\";function U(e,t){return{months:me(()=>{let n=[],s=xe(e),r=s.startOf(\"year\");while(r.month<=12&&r.year===s.year)n.push({date:r,label:r.toLocaleString({month:t})}),r=r.plus({months:1});return n})}}import{computed as be,ref as he,unref as P,watch as ye}from\"vue\";function K(e,t=10){let o=he(0),n=be(()=>{let a=P(e).year,i=[],f=a-a%t+P(o)*t;for(let l=0;l<t;++l)i.push(f+l);return i});function s(){++o.value}function r(){--o.value}return ye(e,()=>o.value=0),{years:n,next:s,previous:r}}import{onMounted as De,onUnmounted as Se,ref as Ae,unref as j,watchEffect as Ie}from\"vue\";function z(e){let t=0;return()=>{cancelAnimationFrame(t),t=requestAnimationFrame(e)}}import{Fragment as Te}from\"vue\";function B(e){let t=[];for(let o of e){if(o.type===Te&&Array.isArray(o.children)){t.push(...o.children);continue}t.push(o)}return t}import{isHtmlElement as ve}from\"@basmilius/utils\";var Ee=[\"a:not([disabled])\",\"button:not([disabled])\",\"input[type=checkbox]:not([disabled])\",\"input[type=radio]:not([disabled])\",\"input[type=text]:not([disabled])\",'[tabindex]:not([disabled]):not([tabindex=\"-1\"])'].join(\",\");function d(e){return Array.from(e.querySelectorAll(Ee)).filter(ve).filter((t)=>t.offsetWidth>0||t.offsetHeight>0||t===document.activeElement)}function M(e,t,o){let n=d(e),s=n.indexOf(t);if(s===-1)return null;let r=Le(n);ge(r,s,o);let a=we(s,o,r,n);if(!a){if(o===\"up\"||o===\"left\")a=n[s-1];if(o===\"down\"||o===\"right\")a=n[s+1]}return a}function ge(e,t,o){let n=e[t];e.forEach((s)=>{let r=s.center;switch(o){case\"up\":r={x:r.x,y:s.top+s.height};break;case\"down\":r={x:r.x,y:s.top};break;case\"left\":r={x:s.left+s.width,y:r.y};break;case\"right\":r={x:s.left,y:r.y};break}s.distance=Math.sqrt(Math.pow(n.center.x-r.x,2)+Math.pow(n.center.y-r.y,2))})}function we(e,t,o,n){let s=o[e],r=[];switch(t){case\"up\":r=o.map((i,f)=>f===e||i.top+i.height>s.top?Number.MAX_SAFE_INTEGER:i.distance);break;case\"down\":r=o.map((i,f)=>f===e||i.top<s.top+s.height?Number.MAX_SAFE_INTEGER:i.distance);break;case\"left\":r=o.map((i,f)=>f===e||i.left+i.width>s.left?Number.MAX_SAFE_INTEGER:i.distance);break;case\"right\":r=o.map((i,f)=>f===e||i.left<s.left+s.width?Number.MAX_SAFE_INTEGER:i.distance);break}let a=r.indexOf(Math.min(...r));if(r[a]!==Number.MAX_SAFE_INTEGER)return n[a];return null}function Le(e){return e.map((t)=>t.getBoundingClientRect()).map((t)=>({height:t.height,width:t.width,top:t.top,left:t.left,right:t.right,bottom:t.bottom,center:{x:t.left+t.width/2,y:t.top+t.height/2},distance:0}))}function V(e){let t=\"UnknownComponent\";if(e.type&&e.type.__name)t=e.type.__name;return t}import{camelCase as Me}from\"lodash-es\";function q(e){return Object.fromEntries(Object.entries(e.props??{}).map(([t,o])=>[Me(t),o]))}function W(e,t){if(!e.exposed||!(t in e.exposed))throw Error(`'${t}' was not exposed by the component.`);return e.exposed[t]}import{isHtmlElement as Re}from\"@basmilius/utils\";function R(e,t,o=void 0){let n=d(e),s=o||document.activeElement;if(!s||!Re(s))return n[0]||void 0;let r=n.indexOf(s);return n[r+t]||void 0}function F(e){return Array.from(e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])')).filter((t)=>!t.hasAttribute(\"disabled\")||t.getAttribute(\"disabled\")!==\"true\").filter((t)=>!t.hasAttribute(\"aria-disabled\")||t.getAttribute(\"aria-disabled\")!==\"true\")}import{isHtmlElement as Fe}from\"@basmilius/utils\";import{unref as ke}from\"vue\";function p(e){let t=ke(e);if(Fe(t))return t;return t?.$el}function G(...e){console.warn(\"[Flux]\",...e)}function g(e,t,o=!1){let n=He(e),s=t.compareDocumentPosition(e),r;if(s&&Node.DOCUMENT_POSITION_PRECEDING||o)r=n.firstChild();else r=n.lastChild();(r!==null?r:e).focus()}function He(e){return document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:(t)=>t.tabIndex>=0&&!t.disabled?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})}class X{get active(){return this.current?.isEnabled??!1}get current(){return this.#e[this.#e.length-1]??null}#t=[];#e=[];add(e,t,o=!0){let n={id:e,setEnabled:t,isEnabled:!0};if(this.current&&this.toggle(this.current,!1),this.#e.push(n),o)this.toggle(n,!0),this.emit()}remove(e){let t=this.#e.find((s)=>s.id===e);t&&this.toggle(t,!1);let n=this.current?.id===e;this.#e=this.#e.filter((s)=>s.id!==e),n&&this.current&&this.toggle(this.current,!0),this.emit()}emit(){this.#t.forEach((e)=>e(this.active,this.#e))}subscribe(e){return this.#t.push(e),e(this.active,this.#e),()=>this.#t=this.#t.filter((t)=>t!==e)}toggle(e,t){e.setEnabled(t),e.isEnabled=t}}var w=new X;var Y=!globalThis.document;function Z(e,t,o){let n=Ae([]);De(()=>{document.addEventListener(\"pointerdown\",s)}),Se(()=>{document.removeEventListener(\"pointerdown\",s)});function s(r){if(!j(t))return;!j(n).some((i)=>i.contains(r.target))&&o(r)}Ie(()=>{let r=[];(Array.isArray(e)?e:[e]).forEach((a)=>{let i=p(a);i&&r.push(i)}),n.value=r})}import{computed as Oe,getCurrentInstance as Ce}from\"vue\";function $(){let e=Ce();return Oe(()=>e?.uid??(e?.proxy)._uid??0)}import{customRef as _e,isRef as J,ref as Ne,watch as Ue}from\"vue\";function Q(e,t,o=!1){let n=Ne(J(e)?e.value:e),s=_e((r,a)=>({get(){return r(),n.value},set:Pe((i)=>{n.value=i,a()},t,o)}));if(J(e))Ue(e,(r)=>s.value=r);return s}function Pe(e,t,o=!1){let n;return(...s)=>{if(o&&!n)e(...s);clearTimeout(n),n=setTimeout(()=>requestAnimationFrame(()=>e(...s)),t)}}import{watch as Ke}from\"vue\";function k(e,t,o,n={passive:!0}){Ke(e,(s,r,a)=>{if(!s)return;s.addEventListener(t,o,n),a(()=>s.removeEventListener(t,o))},{immediate:!0})}import{onMounted as ze,onUnmounted as Be,ref as Ve,unref as qe}from\"vue\";function ee(e,t){let o=Ve();ze(()=>{s()}),Be(()=>{clearTimeout(o.value)});function n(){o.value=setTimeout(()=>requestAnimationFrame(s),qe(e))}function s(){n(),t()}}import{ref as We,watch as Ge}from\"vue\";function te(e,t={}){let o=We(t.initial??!1);return Ge(e,(n,s,r)=>{let a=p(e);if(!a)return;let i=new IntersectionObserver((f)=>o.value=f[0]?.isIntersecting??!1,t);i.observe(a),r(()=>i.disconnect())},{immediate:!0}),o}import{onScopeDispose as Xe,watch as Ye}from\"vue\";function H(e,t,o){o??={attributes:!0};let n,s=Ye(()=>p(e),(i)=>{if(r(),!i)return;n=new MutationObserver(t),n.observe(i,o)},{immediate:!0});function r(){if(!n)return;n.disconnect(),n=void 0}function a(){r(),s()}Xe(a)}import{DateTime as oe}from\"luxon\";import{ref as je,watch as Ze}from\"vue\";function ne(e,t){let o=`flux/${e}`,n=je(s()??t);function s(){if(o in localStorage){let r=JSON.parse(localStorage.getItem(o));if(Array.isArray(r)&&r[0]===\"DateTime\")r=oe.fromISO(r[1]);return r}return null}return Ze(n,(r)=>{let a=r;if(oe.isDateTime(r))a=[\"DateTime\",r.toISO({includeOffset:!0,extendedZone:!0})];localStorage.setItem(o,JSON.stringify(a))}),n}import{ref as I,unref as $e}from\"vue\";function re(e){let t=I(0),o=I(0);if(!e)e=I(document);return k(e,\"scroll\",()=>{let n=$e(e);if(n instanceof Document)n=n.scrollingElement;t.value=n?.scrollLeft??0,o.value=n?.scrollTop??0}),{x:t,y:o}}import{ref as ie,watch as ce}from\"vue\";import{onMounted as Je,onUnmounted as Qe,ref as se,unref as ae}from\"vue\";var et=0;function D(e=!1){let t=se(`focus-trap-${++et}`),o=se(!1);return Je(()=>w.add(ae(t),(n)=>o.value=n,e)),Qe(()=>w.remove(ae(t))),o}import{unref as tt,watch as ot}from\"vue\";function S(e,t){ot(e,(o,n,s)=>{if(!p(e)||tt(t))return;let a=document.activeElement;s(()=>{requestAnimationFrame(()=>a?.focus())})})}function le(e,t={}){if(Y)return;let{disable:o=ie(!1),disableReturn:n=ie(!1),attachTo:s=null}=t,r=D(!o);S(e,n),ce(e,(a,i,f)=>{let l=p(e),u=s||document;if(r.value&&l&&document.activeElement&&!l.contains(document.activeElement)&&!l.querySelector(\"[autofocus]\"))g(l,document.activeElement,!0);function v(c){if(!r.value||!l)return;let m=c.target||document.body;if(l.contains(m))return;c.preventDefault(),c.stopImmediatePropagation(),g(l,m)}function L(c){if(!r.value||!l)return;if(!c.relatedTarget||c.relatedTarget===document.body)c.preventDefault(),l.focus();let m=c.target||document.body;if(l.contains(m))return;g(l,m)}if(u.addEventListener(\"focusin\",v,{capture:!0}),u.addEventListener(\"focusout\",L,{capture:!0}),l){let c=d(l),m=c.findIndex((T)=>T.classList.contains(\"is-active\")),h=c.findIndex((T)=>!T.hasAttribute(\"aria-disabled\")),y=c[0];if(m>-1)y=c[m];if(h>-1)y=c[h];if(y)y.focus()}f(()=>{u.removeEventListener(\"focusin\",v),u.removeEventListener(\"focusout\",L)})},{immediate:!0}),ce(()=>o,()=>{let a=p(e);if(r.value=!o,o||!a)return;let i=d(a);if(i.includes(document.activeElement))return;i[0]?.focus()},{immediate:!0})}import{onMounted as nt,onUnmounted as rt,ref as st}from\"vue\";function fe(e){let t=st(null);nt(()=>t.value=w.subscribe(e)),rt(()=>t.value?.())}import{watch as at}from\"vue\";function pe(e,{cycle:t=!0,direction:o=\"bidirectional\"}={}){H(e,()=>s(n(),!1));function n(){let a=p(e),i=d(a),f=i.findIndex((u)=>u.classList.contains(\"is-active\")),l=i.findIndex((u)=>!u.hasAttribute(\"aria-disabled\"));if(f>-1)return f;if(l>-1)return l;return 0}function s(a,i=!0){let f=p(e),l=d(f);l.forEach((u,v)=>u.tabIndex=v===a?0:-1),i&&l[a]?.focus()}function r(a){let i=p(e),f=d(i);if([\"Enter\",\" \"].includes(a.key))return;switch(o){case\"bidirectional\":it(a,i,f,s);break;case\"horizontal\":case\"vertical\":ct(a,i,t,o,f,s);break}}at(e,(a,i,f)=>{let l=p(e);if(!l)return;l.addEventListener(\"keydown\",r),s(n(),!1),f(()=>l.removeEventListener(\"keydown\",r))},{immediate:!0})}function it(e,t,o,n){let s;switch(e.key){case\"ArrowUp\":s=\"up\";break;case\"ArrowDown\":s=\"down\";break;case\"ArrowLeft\":s=\"left\";break;case\"ArrowRight\":s=\"right\";break;default:return}let r=M(t,document.activeElement,s);if(r)n(o.indexOf(r));e.preventDefault()}function ct(e,t,o,n,s,r){let a;if(e.key===(n===\"horizontal\"?\"ArrowLeft\":\"ArrowUp\"))a=-1;else if(e.key===(n===\"horizontal\"?\"ArrowRight\":\"ArrowDown\"))a=1;else return;let i=R(t,a);if(i)r(s.indexOf(i));else if(o)r(a===1?0:s.length-1);e.preventDefault()}var an=\"#f8fafc\",cn=\"#f1f5f9\",ln=\"#e2e8f0\",fn=\"#cbd5e1\",pn=\"#94a3b8\",un=\"#64748b\",dn=\"#475569\",mn=\"#334155\",xn=\"#1e293b\",bn=\"#0f172a\",hn=\"#020617\",yn=\"#f9fafb\",Tn=\"#f3f4f6\",vn=\"#e5e7eb\",En=\"#d1d5db\",gn=\"#9ca3af\",wn=\"#6b7280\",Ln=\"#4b5563\",Mn=\"#374151\",Rn=\"#1f2937\",Fn=\"#111827\",kn=\"#030712\",Hn=\"#fafafa\",Dn=\"#f4f4f5\",Sn=\"#e4e4e7\",An=\"#d4d4d8\",In=\"#a1a1aa\",On=\"#71717a\",Cn=\"#52525b\",_n=\"#3f3f46\",Nn=\"#27272a\",Un=\"#18181b\",Pn=\"#09090b\",Kn=\"#fafafa\",zn=\"#f5f5f5\",Bn=\"#e5e5e5\",Vn=\"#d4d4d4\",qn=\"#a3a3a3\",Wn=\"#737373\",Gn=\"#525252\",Xn=\"#404040\",Yn=\"#262626\",jn=\"#171717\",Zn=\"#0a0a0a\",$n=\"#fafaf9\",Jn=\"#f5f5f4\",Qn=\"#e7e5e4\",er=\"#d6d3d1\",tr=\"#a8a29e\",or=\"#78716c\",nr=\"#57534e\",rr=\"#44403c\",sr=\"#292524\",ar=\"#1c1917\",ir=\"#0c0a09\",cr=\"#fef2f2\",lr=\"#fee2e2\",fr=\"#fecaca\",pr=\"#fca5a5\",ur=\"#f87171\",dr=\"#ef4444\",mr=\"#dc2626\",xr=\"#b91c1c\",br=\"#991b1b\",hr=\"#7f1d1d\",yr=\"#450a0a\",Tr=\"#fff7ed\",vr=\"#ffedd5\",Er=\"#fed7aa\",gr=\"#fdba74\",wr=\"#fb923c\",Lr=\"#f97316\",Mr=\"#ea580c\",Rr=\"#c2410c\",Fr=\"#9a3412\",kr=\"#7c2d12\",Hr=\"#431407\",Dr=\"#fffbeb\",Sr=\"#fef3c7\",Ar=\"#fde68a\",Ir=\"#fcd34d\",Or=\"#fbbf24\",Cr=\"#f59e0b\",_r=\"#d97706\",Nr=\"#b45309\",Ur=\"#92400e\",Pr=\"#78350f\",Kr=\"#451a03\",zr=\"#fefce8\",Br=\"#fef9c3\",Vr=\"#fef08a\",qr=\"#fde047\",Wr=\"#facc15\",Gr=\"#eab308\",Xr=\"#ca8a04\",Yr=\"#a16207\",jr=\"#854d0e\",Zr=\"#713f12\",$r=\"#422006\",Jr=\"#f7fee7\",Qr=\"#ecfccb\",es=\"#d9f99d\",ts=\"#bef264\",os=\"#a3e635\",ns=\"#84cc16\",rs=\"#65a30d\",ss=\"#4d7c0f\",as=\"#3f6212\",is=\"#365314\",cs=\"#1a2e05\",ls=\"#f0fdf4\",fs=\"#dcfce7\",ps=\"#bbf7d0\",us=\"#86efac\",ds=\"#4ade80\",ms=\"#22c55e\",xs=\"#16a34a\",bs=\"#15803d\",hs=\"#166534\",ys=\"#14532d\",Ts=\"#052e16\",vs=\"#ecfdf5\",Es=\"#d1fae5\",gs=\"#a7f3d0\",ws=\"#6ee7b7\",Ls=\"#34d399\",Ms=\"#10b981\",Rs=\"#059669\",Fs=\"#047857\",ks=\"#065f46\",Hs=\"#064e3b\",Ds=\"#022c22\",Ss=\"#f0fdfa\",As=\"#ccfbf1\",Is=\"#99f6e4\",Os=\"#5eead4\",Cs=\"#2dd4bf\",_s=\"#14b8a6\",Ns=\"#0d9488\",Us=\"#0f766e\",Ps=\"#115e59\",Ks=\"#134e4a\",zs=\"#042f2e\",Bs=\"#ecfeff\",Vs=\"#cffafe\",qs=\"#a5f3fc\",Ws=\"#67e8f9\",Gs=\"#22d3ee\",Xs=\"#06b6d4\",Ys=\"#0891b2\",js=\"#0e7490\",Zs=\"#155e75\",$s=\"#164e63\",Js=\"#083344\",Qs=\"#f0f9ff\",ea=\"#e0f2fe\",ta=\"#bae6fd\",oa=\"#7dd3fc\",na=\"#38bdf8\",ra=\"#0ea5e9\",sa=\"#0284c7\",aa=\"#0369a1\",ia=\"#075985\",ca=\"#0c4a6e\",la=\"#082f49\",fa=\"#eff6ff\",pa=\"#dbeafe\",ua=\"#bfdbfe\",da=\"#93c5fd\",ma=\"#60a5fa\",xa=\"#3b82f6\",ba=\"#2563eb\",ha=\"#1d4ed8\",ya=\"#1e40af\",Ta=\"#1e3a8a\",va=\"#172554\",Ea=\"#eef2ff\",ga=\"#e0e7ff\",wa=\"#c7d2fe\",La=\"#a5b4fc\",Ma=\"#818cf8\",Ra=\"#6366f1\",Fa=\"#4f46e5\",ka=\"#4338ca\",Ha=\"#3730a3\",Da=\"#312e81\",Sa=\"#1e1b4b\",Aa=\"#f5f3ff\",Ia=\"#ede9fe\",Oa=\"#ddd6fe\",Ca=\"#c4b5fd\",_a=\"#a78bfa\",Na=\"#8b5cf6\",Ua=\"#7c3aed\",Pa=\"#6d28d9\",Ka=\"#5b21b6\",za=\"#4c1d95\",Ba=\"#2e1065\",Va=\"#faf5ff\",qa=\"#f3e8ff\",Wa=\"#e9d5ff\",Ga=\"#d8b4fe\",Xa=\"#c084fc\",Ya=\"#a855f7\",ja=\"#9333ea\",Za=\"#7e22ce\",$a=\"#6b21a8\",Ja=\"#581c87\",Qa=\"#3b0764\",ei=\"#fdf4ff\",ti=\"#fae8ff\",oi=\"#f5d0fe\",ni=\"#f0abfc\",ri=\"#e879f9\",si=\"#d946ef\",ai=\"#c026d3\",ii=\"#a21caf\",ci=\"#86198f\",li=\"#701a75\",fi=\"#4a044e\",pi=\"#fdf2f8\",ui=\"#fce7f3\",di=\"#fbcfe8\",mi=\"#f9a8d4\",xi=\"#f472b6\",bi=\"#ec4899\",hi=\"#db2777\",yi=\"#be185d\",Ti=\"#9d174d\",vi=\"#831843\",Ei=\"#500724\",gi=\"#fff1f2\",wi=\"#ffe4e6\",Li=\"#fecdd3\",Mi=\"#fda4af\",Ri=\"#fb7185\",Fi=\"#f43f5e\",ki=\"#e11d48\",Hi=\"#be123c\",Di=\"#9f1239\",Si=\"#881337\",Ai=\"#4c0519\";class ue{#t;#e;constructor(e){this.#e=[],this.#t=e,this.onKeyDown=this.onKeyDown.bind(this)}focusElement(e,t=!0){if(!this.#e[e])return;for(let o=0;o<this.#e.length;++o)this.#e[o].tabIndex=o===e?0:-1;if(t)this.#e[e]?.focus()}register(){this.#e=F(this.#t),this.#t.addEventListener(\"keydown\",this.onKeyDown),this.focusElement(0,!1)}unregister(){this.#t.removeEventListener(\"keydown\",this.onKeyDown)}onKeyDown(e){let t=this.#t.querySelector('[tabindex=\"0\"]'),o=this.#e.findIndex((n)=>n===t)??0;switch(e.key){case\"ArrowUp\":case\"ArrowLeft\":this.focusElement(o-1);break;case\"ArrowDown\":case\"ArrowRight\":this.focusElement(o+1);break;default:return}e.preventDefault(),e.stopPropagation()}}var lt={beforeUnmount(e){O.get(e)?.unregister(),O.delete(e)},mounted(e){let t=new ue(e);t.register(),O.set(e,t)},getSSRProps(){return{}}},O=new WeakMap;class de{#t;#e;constructor(e){this.#t=e,this.#e=new MutationObserver(this.onMutation.bind(this))}register(){this.#e.observe(this.#t,{childList:!0,subtree:!0}),requestAnimationFrame(this.onMutation.bind(this))}unregister(){this.#e.disconnect()}onMutation(){let{height:e}=getComputedStyle(this.#t);this.#t.style.height=\"auto\";let{height:t}=getComputedStyle(this.#t);if(this.#t.style.height=e,t===e)return;getComputedStyle(this.#t),requestAnimationFrame(()=>requestAnimationFrame(()=>this.#t.style.height=t))}}var ft={beforeUnmount(e){C.get(e)?.unregister(),C.delete(e)},mounted(e){let t=new de(e);t.register(),C.set(e,t)},getSSRProps(){return{}}},C=new WeakMap;export{Pn as zinc950,Un as zinc900,Nn as zinc800,_n as zinc700,Cn as zinc600,On as zinc500,Hn as zinc50,In as zinc400,An as zinc300,Sn as zinc200,Dn as zinc100,$r as yellow950,Zr as yellow900,jr as yellow800,Yr as yellow700,Xr as yellow600,Gr as yellow500,zr as yellow50,Wr as yellow400,qr as yellow300,Vr as yellow200,Br as yellow100,g as wrapFocus,G as warn,Ba as violet950,za as violet900,Ka as violet800,Pa as violet700,Ua as violet600,Na as violet500,Aa as violet50,_a as violet400,Ca as violet300,Oa as violet200,Ia as violet100,ft as vHeightTransition,lt as vFocusTrap,re as useScrollPosition,ne as useRemembered,H as useMutationObserver,ee as useInterval,te as useInView,pe as useFocusZone,fe as useFocusTrapSubscription,S as useFocusTrapReturn,D as useFocusTrapLock,le as useFocusTrap,k as useEventListener,Q as useDebouncedRef,$ as useComponentId,Z as useClickOutside,K as useCalendarYearSwitcher,U as useCalendarMonthSwitcher,N as useCalendar,p as unrefTemplateElement,zs as teal950,Ks as teal900,Ps as teal800,Us as teal700,Ns as teal600,_s as teal500,Ss as teal50,Cs as teal400,Os as teal300,Is as teal200,As as teal100,ir as stone950,ar as stone900,sr as stone800,rr as stone700,nr as stone600,or as stone500,$n as stone50,tr as stone400,er as stone300,Qn as stone200,Jn as stone100,hn as slate950,bn as slate900,xn as slate800,mn as slate700,dn as slate600,un as slate500,an as slate50,pn as slate400,fn as slate300,ln as slate200,cn as slate100,la as sky950,ca as sky900,ia as sky800,aa as sky700,sa as sky600,ra as sky500,Qs as sky50,na as sky400,oa as sky300,ta as sky200,ea as sky100,Ai as rose950,Si as rose900,Di as rose800,Hi as rose700,ki as rose600,Fi as rose500,gi as rose50,Ri as rose400,Mi as rose300,Li as rose200,wi as rose100,yr as red950,hr as red900,br as red800,xr as red700,mr as red600,dr as red500,cr as red50,ur as red400,pr as red300,fr as red200,lr as red100,Qa as purple950,Ja as purple900,$a as purple800,Za as purple700,ja as purple600,Ya as purple500,Va as purple50,Xa as purple400,Ga as purple300,Wa as purple200,qa as purple100,Ei as pink950,vi as pink900,Ti as pink800,yi as pink700,hi as pink600,bi as pink500,pi as pink50,xi as pink400,mi as pink300,di as pink200,ui as pink100,Hr as orange950,kr as orange900,Fr as orange800,Rr as orange700,Mr as orange600,Lr as orange500,Tr as orange50,wr as orange400,gr as orange300,Er as orange200,vr as orange100,Zn as neutral950,jn as neutral900,Yn as neutral800,Xn as neutral700,Gn as neutral600,Wn as neutral500,Kn as neutral50,qn as neutral400,Vn as neutral300,Bn as neutral200,zn as neutral100,cs as lime950,is as lime900,as as lime800,ss as lime700,rs as lime600,ns as lime500,Jr as lime50,os as lime400,ts as lime300,es as lime200,Qr as lime100,Y as isSSR,Sa as indigo950,Da as indigo900,Ha as indigo800,ka as indigo700,Fa as indigo600,Ra as indigo500,Ea as indigo50,Ma as indigo400,La as indigo300,wa as indigo200,ga as indigo100,Ts as green950,ys as green900,hs as green800,bs as green700,xs as green600,ms as green500,ls as green50,ds as green400,us as green300,ps as green200,fs as green100,kn as gray950,Fn as gray900,Rn as gray800,Mn as gray700,Ln as gray600,wn as gray500,yn as gray50,gn as gray400,En as gray300,vn as gray200,Tn as gray100,F as getKeyboardFocusableElements,d as getFocusableElements,R as getFocusableElement,W as getExposedRef,q as getComponentProps,V as getComponentName,M as getBidirectionalFocusElement,fi as fuchsia950,li as fuchsia900,ci as fuchsia800,ii as fuchsia700,ai as fuchsia600,si as fuchsia500,ei as fuchsia50,ri as fuchsia400,ni as fuchsia300,oi as fuchsia200,ti as fuchsia100,B as flattenVNodeTree,Ds as emerald950,Hs as emerald900,ks as emerald800,Fs as emerald700,Rs as emerald600,Ms as emerald500,vs as emerald50,Ls as emerald400,ws as emerald300,gs as emerald200,Es as emerald100,Js as cyan950,$s as cyan900,Zs as cyan800,js as cyan700,Ys as cyan600,Xs as cyan500,Bs as cyan50,Gs as cyan400,Ws as cyan300,qs as cyan200,Vs as cyan100,va as blue950,Ta as blue900,ya as blue800,ha as blue700,ba as blue600,xa as blue500,fa as blue50,ma as blue400,da as blue300,ua as blue200,pa as blue100,z as animationFrameDebounce,Kr as amber950,Pr as amber900,Ur as amber800,Nr as amber700,_r as amber600,Cr as amber500,Dr as amber50,Or as amber400,Ir as amber300,Ar as amber200,Sr as amber100,w as FOCUS_TRAP_LOCKS};\n\n//# debugId=101630D55D17E66A64756E2164756E21\n//# sourceMappingURL=index.js.map\n","import type { InjectionKey, Ref } from 'vue';\n\nexport const FluxDashboardInjectionKey: InjectionKey<FluxDashboardInjection> = Symbol();\n\nexport type FluxDashboardInjection = {\n    readonly isMenuCollapsed: Ref<boolean>;\n    readonly isNavigationCollapsed: Ref<boolean>;\n};\n","<template>\n    <div :class=\"[$style.dashboard, isResizing && $style.isResizing]\">\n        <slot name=\"navigation\"/>\n        <slot name=\"menu\"/>\n\n        <div :class=\"$style.dashboardMount\">\n            <slot name=\"header\"/>\n            <slot/>\n        </div>\n\n        <slot name=\"side\"/>\n    </div>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useRemembered } from '@flux-ui/internals';\n    import { provide, ref, VNode, watch } from 'vue';\n    import { FluxDashboardInjectionKey } from '$fluxDashboard/data';\n    import $style from '$fluxDashboard/css/component/Dashboard.module.scss';\n\n    defineSlots<{\n        default(): VNode;\n        header?(): VNode;\n        navigation?(): VNode;\n        menu?(): VNode;\n        side?(): VNode;\n    }>();\n\n    const isMenuCollapsed = useRemembered('dashboard-menu-collapsed', true);\n    const isNavigationCollapsed = useRemembered('dashboard-navigation-collapsed', true);\n    const isResizing = ref(false);\n\n    provide(FluxDashboardInjectionKey, {\n        isMenuCollapsed,\n        isNavigationCollapsed\n    });\n\n    watch(isNavigationCollapsed, (_, __, onCleanup) => {\n        let timeout: NodeJS.Timeout;\n\n        function onResize(): void {\n            clearTimeout(timeout);\n            isResizing.value = true;\n            timeout = setTimeout(() => isResizing.value = false, 10);\n        }\n\n        window.addEventListener('resize', onResize, {passive: true});\n\n        onCleanup(() => window.removeEventListener('resize', onResize));\n    }, {immediate: true});\n</script>\n","import { inject } from 'vue';\nimport { FluxDashboardInjection, FluxDashboardInjectionKey } from '$fluxDashboard/data';\n\nexport default function (): FluxDashboardInjection {\n    const injection = inject(FluxDashboardInjectionKey);\n\n    if (!injection) {\n        throw new Error('[Flux] useDashboardInjection() was used outside a FluxDashboard component.');\n    }\n\n    return injection;\n}\n","<template>\n    <main :class=\"[$style.dashboardContent, !isMenuCollapsed && $style.dashboardContentCollapsed]\">\n        <slot/>\n    </main>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardContent.module.scss';\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <header :class=\"[$style.dashboardTopBar, !isMenuCollapsed && $style.dashboardTopBarCollapsed]\">\n        <slot/>\n    </header>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <FluxDashboardTopBar :class=\"y > 0 ? $style.dashboardHeaderScrolled : $style.dashboardHeader\">\n        <slot name=\"start\"/>\n\n        <FluxIcon\n            v-if=\"icon\"\n            :name=\"icon\"/>\n\n        <h1 v-if=\"title\">\n            {{ title }}\n        </h1>\n\n        <FluxSpacer/>\n\n        <slot name=\"end\"/>\n    </FluxDashboardTopBar>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxIcon, FluxSpacer } from '@flux-ui/components';\n    import { useScrollPosition } from '@flux-ui/internals';\n    import type { FluxIconName } from '@flux-ui/types';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';\n\n    defineProps<{\n        readonly icon?: FluxIconName;\n        readonly title?: string;\n    }>();\n\n    const {y} = useScrollPosition();\n</script>\n","<template>\n    <aside :class=\"[$style.dashboardMenu, isMenuCollapsed && $style.dashboardMenuCollapsed]\">\n        <FluxDashboardTopBar>\n            <slot name=\"top-bar-start\"/>\n\n            <FluxIcon\n                v-if=\"icon\"\n                :name=\"icon\"/>\n\n            <h1 v-if=\"title\">\n                {{ title }}\n            </h1>\n\n            <FluxSpacer/>\n\n            <slot name=\"top-bar-end\"/>\n        </FluxDashboardTopBar>\n\n        <div :class=\"$style.dashboardMenuBody\">\n            <slot/>\n        </div>\n    </aside>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxIcon, FluxSpacer } from '@flux-ui/components';\n    import type { FluxIconName } from '@flux-ui/types';\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';\n\n    defineProps<{\n        readonly icon?: FluxIconName;\n        readonly title?: string;\n    }>();\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <nav\n        v-bind=\"$attrs\"\n        :class=\"isNavigationCollapsed ? $style.dashboardNavigationCollapsed : $style.dashboardNavigation\">\n        <header :class=\"$style.dashboardNavigationHeader\">\n            <FluxMenuItem\n                icon-leading=\"bars\"\n                @click=\"isNavigationCollapsed = !isNavigationCollapsed\"/>\n\n            <router-link\n                v-if=\"slots.logo\"\n                :class=\"$style.dashboardNavigationLogo\"\n                :to=\"logoLocation || '/'\">\n                <slot\n                    name=\"logo\"\n                    v-bind=\"{isNavigationCollapsed}\"/>\n            </router-link>\n\n            <FluxMenuItem\n                icon-leading=\"ellipsis-h\"\n                @click=\"isMenuCollapsed = !isMenuCollapsed\"/>\n        </header>\n\n        <div\n            v-for=\"index of 2\"\n            :key=\"index\"\n            :class=\"$style.dashboardNavigationRoundingFix\"/>\n\n        <main :class=\"$style.dashboardNavigationNav\">\n            <slot/>\n        </main>\n    </nav>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxMenuItem } from '@flux-ui/components';\n    import type { FluxTo } from '@flux-ui/types';\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardNavigation.module.scss';\n\n    defineOptions({\n        inheritAttrs: false\n    });\n\n    defineProps<{\n        logoLocation?: FluxTo\n    }>();\n\n    const slots = defineSlots<{\n        default(): any;\n        logo?(): any;\n    }>();\n\n    const {\n        isMenuCollapsed,\n        isNavigationCollapsed\n    } = useDashboardInjection();\n</script>\n","<template>\n    <aside :class=\"$style.dashboardSide\">\n        <FluxDashboardTopBar>\n            <slot name=\"top-bar-start\"/>\n\n            <h1>{{ title }}</h1>\n\n            <FluxSpacer/>\n\n            <slot name=\"top-bar-end\"/>\n        </FluxDashboardTopBar>\n\n        <slot/>\n    </aside>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxSpacer } from '@flux-ui/components';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';\n\n    defineProps<{\n        readonly title: string;\n    }>();\n</script>\n"],"names":["Ke","je","oe","Ze","I","$e","useRemembered","isResizing","_createElementBlock","_normalizeClass","_unref","$style","_renderSlot","_createElementVNode","useScrollPosition","_createBlock","FluxDashboardTopBar","_openBlock","_createVNode","_useSlots","_mergeProps","_Fragment","_renderList"],"mappings":";;;AAAurM,SAAS,EAAE,GAAE,GAAE,GAAE,IAAE,EAAC,SAAQ,KAAE,GAAE;AAACA,QAAG,GAAE,CAAC,GAAE,GAAE,MAAI;AAAC,QAAG,CAAC,EAAE;AAAO,MAAE,iBAAiB,GAAE,GAAE,CAAC,GAAE,EAAE,MAAI,EAAE,oBAAoB,GAAE,CAAC,CAAC;AAAA,EAAC,GAAE,EAAC,WAAU,KAAE,CAAC;AAAC;AAAg0B,SAAS,GAAG,GAAE,GAAE;AAAC,MAAI,IAAE,QAAQ,CAAC,IAAG,IAAEC,IAAG,EAAC,KAAI,CAAC;AAAE,WAAS,IAAG;AAAC,QAAG,KAAK,cAAa;AAAC,UAAI,IAAE,KAAK,MAAM,aAAa,QAAQ,CAAC,CAAC;AAAE,UAAG,MAAM,QAAQ,CAAC,KAAG,EAAE,CAAC,MAAI,WAAW,KAAEC,SAAG,QAAQ,EAAE,CAAC,CAAC;AAAE,aAAO;AAAA,IAAC;AAAC,WAAO;AAAA,EAAI;AAAC,SAAOC,MAAG,GAAE,CAAC,MAAI;AAAC,QAAI,IAAE;AAAE,QAAGD,SAAG,WAAW,CAAC,EAAE,KAAE,CAAC,YAAW,EAAE,MAAM,EAAC,eAAc,MAAG,cAAa,KAAE,CAAC,CAAC;AAAE,iBAAa,QAAQ,GAAE,KAAK,UAAU,CAAC,CAAC;AAAA,EAAC,CAAC,GAAE;AAAC;AAAuC,SAAS,GAAG,GAAE;AAAC,MAAI,IAAEE,IAAE,CAAC,GAAE,IAAEA,IAAE,CAAC;AAAE,MAAG,CAAC,EAAE,KAAEA,IAAE,QAAQ;AAAE,SAAO,EAAE,GAAE,UAAS,MAAI;AAAC,QAAI,IAAEC,MAAG,CAAC;AAAE,QAAG,aAAa,SAAS,KAAE,EAAE;AAAiB,MAAE,QAAM,GAAG,cAAY,GAAE,EAAE,QAAM,GAAG,aAAW;AAAA,EAAC,CAAC,GAAE,EAAC,GAAE,GAAE,GAAE,EAAC;AAAC;ACEtsP,MAAM,4BAAkE,OAAA;;;;;;;;;;;;;AC4B3E,UAAM,kBAAkBC,GAAc,4BAA4B,IAAI;AACtE,UAAM,wBAAwBA,GAAc,kCAAkC,IAAI;AAClF,UAAMC,cAAa,IAAI,KAAK;AAE5B,YAAQ,2BAA2B;AAAA,MAC/B;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,uBAAuB,CAAC,GAAG,IAAI,cAAc;AAC/C,UAAI;AAEJ,eAAS,WAAiB;AACtB,qBAAa,OAAO;AACpB,QAAAA,YAAW,QAAQ;AACnB,kBAAU,WAAW,MAAMA,YAAW,QAAQ,OAAO,EAAE;AAAA,MAAA;AAG3D,aAAO,iBAAiB,UAAU,UAAU,EAAC,SAAS,MAAK;AAE3D,gBAAU,MAAM,OAAO,oBAAoB,UAAU,QAAQ,CAAC;AAAA,IAAA,GAC/D,EAAC,WAAW,MAAK;;0BAlDpBC,mBAUM,OAAA;AAAA,QAVA,OAAKC,eAAA,CAAGC,gBAAO,WAAWH,YAAA,SAAcG,MAAAC,QAAA,EAAO,UAAU,CAAA;AAAA,MAAA;QAC3DC,WAAyB,KAAA,QAAA,YAAA;AAAA,QACzBA,WAAmB,KAAA,QAAA,MAAA;AAAA,QAEnBC,mBAGM,OAAA;AAAA,UAHA,OAAKJ,eAAEC,MAAAC,QAAA,EAAO,cAAc;AAAA,QAAA;UAC9BC,WAAqB,KAAA,QAAA,QAAA;AAAA,UACrBA,WAAO,KAAA,QAAA,SAAA;AAAA,QAAA;QAGXA,WAAmB,KAAA,QAAA,MAAA;AAAA,MAAA;;;;ACP3B,SAAA,wBAAmD;AAC/C,QAAM,YAAY,OAAO,yBAAyB;AAElD,MAAI,CAAC,WAAW;AACZ,UAAM,IAAI,MAAM,4EAA4E;AAAA,EAAA;AAGhG,SAAO;AACX;;;;;;;;;;;;;ACCI,UAAM,EAAC,gBAAA,IAAmB,sBAAA;;0BAX1BJ,mBAEO,QAAA;AAAA,QAFA,OAAKC,eAAA,CAAGC,gBAAO,mBAAmBA,MAAA,eAAA,KAAmBA,MAAAC,QAAA,EAAO,yBAAyB,CAAA;AAAA,MAAA;QACxFC,WAAO,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;ACUX,UAAM,EAAC,gBAAA,IAAmB,sBAAA;;0BAX1BJ,mBAES,UAAA;AAAA,QAFA,OAAKC,eAAA,CAAGC,gBAAO,kBAAkBA,MAAA,eAAA,KAAmBA,MAAAC,QAAA,EAAO,wBAAwB,CAAA;AAAA,MAAA;QACxFC,WAAO,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;AC8BX,UAAM,EAAC,EAAA,IAAKE,GAAA;;0BA/BZC,YAcsBC,aAAA;AAAA,QAdA,OAAKP,eAAEC,WAAC,IAAOA,MAAAC,QAAA,EAAO,0BAA0BD,MAAAC,QAAA,EAAO,eAAe;AAAA,MAAA;yBACxF,MAAoB;AAAA,UAApBC,WAAoB,KAAA,QAAA,OAAA;AAAA,UAGV,QAAA,qBADVG,YAEkBL,MAAA,QAAA,GAAA;AAAA;YAAb,MAAM,QAAA;AAAA,UAAA;UAED,QAAA,SAAVO,UAAA,GAAAT,mBAEK,oCADE,QAAA,KAAK,GAAA,CAAA;UAGZU,YAAaR,MAAA,UAAA,CAAA;AAAA,UAEbE,WAAkB,KAAA,QAAA,KAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwBtB,UAAM,EAAC,gBAAA,IAAmB,sBAAA;;0BArC1BJ,mBAoBQ,SAAA;AAAA,QApBA,OAAKC,eAAA,CAAGC,gBAAO,eAAeA,MAAA,eAAA,KAAmBA,MAAAC,QAAA,EAAO,sBAAsB,CAAA;AAAA,MAAA;QAClFO,YAcsBF,aAAA,MAAA;AAAA,2BAblB,MAA4B;AAAA,YAA5BJ,WAA4B,KAAA,QAAA,eAAA;AAAA,YAGlB,QAAA,qBADVG,YAEkBL,MAAA,QAAA,GAAA;AAAA;cAAb,MAAM,QAAA;AAAA,YAAA;YAED,QAAA,SAAVO,UAAA,GAAAT,mBAEK,kCADE,QAAA,KAAK,GAAA,CAAA;YAGZU,YAAaR,MAAA,UAAA,CAAA;AAAA,YAEbE,WAA0B,KAAA,QAAA,aAAA;AAAA,UAAA;;;QAG9BC,mBAEM,OAAA;AAAA,UAFA,OAAKJ,eAAEC,MAAAC,QAAA,EAAO,iBAAiB;AAAA,QAAA;UACjCC,WAAO,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC+Bf,UAAM,QAAQO,SAAA;AAKd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,IAAA,IACA,sBAAA;;;0BAzDJX,mBA8BM,OA9BNY,WA8BM,KAAA,QA7BY;AAAA,QACb,OAAOV,+BAAwBA,MAAA,MAAA,EAAO,+BAA+BA,MAAA,MAAA,EAAO;AAAA,MAAA;QAC7EG,mBAiBS,UAAA;AAAA,UAjBA,OAAKJ,eAAEC,MAAA,MAAA,EAAO,yBAAyB;AAAA,QAAA;UAC5CQ,YAE6DR,MAAA,YAAA,GAAA;AAAA,YADzD,gBAAa;AAAA,YACZ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,sBAAA,QAAqB,CAAIA,MAAA,qBAAA;AAAA,UAAA;UAG3B,MAAM,qBADhBK,YAOc,wBAAA;AAAA;YALT,OAAKN,eAAEC,MAAA,MAAA,EAAO,uBAAuB;AAAA,YACrC,IAAI,QAAA,gBAAY;AAAA,UAAA;6BACjB,MAEsC;AAAA,cAFtCE,WAEsC,gFAAzBF,MAAA,qBAAA,EAAA,CAAqB,CAAA,CAAA;AAAA,YAAA;;;UAGtCQ,YAEiDR,MAAA,YAAA,GAAA;AAAA,YAD7C,gBAAa;AAAA,YACZ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,gBAAA,QAAe,CAAIA,MAAA,eAAA;AAAA,UAAA;;sBAGnCF,mBAGoDa,UAAA,MAAAC,WAFhC,GAAC,CAAV,UAAK;iBADhBT,mBAGoD,OAAA;AAAA,YAD/C,KAAK;AAAA,YACL,OAAKJ,eAAEC,MAAA,MAAA,EAAO,8BAA8B;AAAA,UAAA;;QAEjDG,mBAEO,QAAA;AAAA,UAFA,OAAKJ,eAAEC,MAAA,MAAA,EAAO,sBAAsB;AAAA,QAAA;UACvCE,WAAO,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;;;;;;0BC5BfJ,mBAYQ,SAAA;AAAA,QAZA,OAAKC,eAAEC,MAAAC,QAAA,EAAO,aAAa;AAAA,MAAA;QAC/BO,YAQsBF,aAAA,MAAA;AAAA,2BAPlB,MAA4B;AAAA,YAA5BJ,WAA4B,KAAA,QAAA,eAAA;AAAA,YAE5BC,mBAAoB,4BAAb,QAAA,KAAK,GAAA,CAAA;AAAA,YAEZK,YAAaR,MAAA,UAAA,CAAA;AAAA,YAEbE,WAA0B,KAAA,QAAA,aAAA;AAAA,UAAA;;;QAG9BA,WAAO,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"index.js","names":["#e","#t","je","oe","Ze","I","$e","FluxDashboardInjectionKey: InjectionKey<FluxDashboardInjection>","$attrs"],"sources":["../../internals/dist/index.js","../src/data/index.ts","../src/css/component/Dashboard.module.scss","../src/component/FluxDashboard.vue","../src/component/FluxDashboard.vue","../src/composable/useDashboardInjection.ts","../src/css/component/DashboardContent.module.scss","../src/component/FluxDashboardContent.vue","../src/component/FluxDashboardContent.vue","../src/css/component/DashboardTopBar.module.scss","../src/component/FluxDashboardTopBar.vue","../src/component/FluxDashboardTopBar.vue","../src/component/FluxDashboardHeader.vue","../src/component/FluxDashboardHeader.vue","../src/css/component/DashboardPane.module.scss","../src/component/FluxDashboardMenu.vue","../src/component/FluxDashboardMenu.vue","../src/css/component/DashboardNavigation.module.scss","../src/component/FluxDashboardNavigation.vue","../src/component/FluxDashboardNavigation.vue","../src/component/FluxDashboardSide.vue","../src/component/FluxDashboardSide.vue"],"sourcesContent":["import{computed as E,ref as _,unref as b}from\"vue\";function N(e,t){let o=_(!1),n=_(e),s=E(()=>{let c=[],m=b(n).month,h=b(n).startOf(\"month\");do c.push(h),h=h.plus({day:1});while(h.month===m);let y=c[0],T=c[c.length-1];for(let x=1;x<y.weekday;++x)c.unshift(y.minus({day:x}));for(let x=T.weekday+1;x<=7;++x)c.push(T.plus({day:x-T.weekday}));while(c.length/7<6){let x=c[c.length-1];for(let A=1;A<=7;++A)c.push(x.plus({day:A}))}return c}),r=E(()=>b(s).slice(0,7).map((c)=>c.toLocaleString({weekday:t?.weekDayLength??\"short\"}))),a=E(()=>b(n).plus({month:1})),i=E(()=>b(n).minus({month:1})),f=E(()=>b(n).toLocaleString({month:t?.monthLength??\"long\"})),l=E(()=>b(n).year.toString());function u(c){o.value=n.value>c,n.value=c}function v(){u(b(n).plus({month:1}))}function L(){u(b(n).minus({month:1}))}return{isTransitioningToPast:o,viewDate:n,viewDateNext:a,viewDatePrevious:i,viewMonth:f,viewYear:l,dates:s,days:r,setViewDate:u,nextMonth:v,previousMonth:L}}import{computed as me,unref as xe}from\"vue\";function U(e,t){return{months:me(()=>{let n=[],s=xe(e),r=s.startOf(\"year\");while(r.month<=12&&r.year===s.year)n.push({date:r,label:r.toLocaleString({month:t})}),r=r.plus({months:1});return n})}}import{computed as be,ref as he,unref as P,watch as ye}from\"vue\";function K(e,t=10){let o=he(0),n=be(()=>{let a=P(e).year,i=[],f=a-a%t+P(o)*t;for(let l=0;l<t;++l)i.push(f+l);return i});function s(){++o.value}function r(){--o.value}return ye(e,()=>o.value=0),{years:n,next:s,previous:r}}import{onMounted as De,onUnmounted as Se,ref as Ae,unref as j,watchEffect as Ie}from\"vue\";function z(e){let t=0;return()=>{cancelAnimationFrame(t),t=requestAnimationFrame(e)}}import{Fragment as Te}from\"vue\";function B(e){let t=[];for(let o of e){if(o.type===Te&&Array.isArray(o.children)){t.push(...o.children);continue}t.push(o)}return t}import{isHtmlElement as ve}from\"@basmilius/utils\";var Ee=[\"a:not([disabled])\",\"button:not([disabled])\",\"input[type=checkbox]:not([disabled])\",\"input[type=radio]:not([disabled])\",\"input[type=text]:not([disabled])\",'[tabindex]:not([disabled]):not([tabindex=\"-1\"])'].join(\",\");function d(e){return Array.from(e.querySelectorAll(Ee)).filter(ve).filter((t)=>t.offsetWidth>0||t.offsetHeight>0||t===document.activeElement)}function M(e,t,o){let n=d(e),s=n.indexOf(t);if(s===-1)return null;let r=Le(n);ge(r,s,o);let a=we(s,o,r,n);if(!a){if(o===\"up\"||o===\"left\")a=n[s-1];if(o===\"down\"||o===\"right\")a=n[s+1]}return a}function ge(e,t,o){let n=e[t];e.forEach((s)=>{let r=s.center;switch(o){case\"up\":r={x:r.x,y:s.top+s.height};break;case\"down\":r={x:r.x,y:s.top};break;case\"left\":r={x:s.left+s.width,y:r.y};break;case\"right\":r={x:s.left,y:r.y};break}s.distance=Math.sqrt(Math.pow(n.center.x-r.x,2)+Math.pow(n.center.y-r.y,2))})}function we(e,t,o,n){let s=o[e],r=[];switch(t){case\"up\":r=o.map((i,f)=>f===e||i.top+i.height>s.top?Number.MAX_SAFE_INTEGER:i.distance);break;case\"down\":r=o.map((i,f)=>f===e||i.top<s.top+s.height?Number.MAX_SAFE_INTEGER:i.distance);break;case\"left\":r=o.map((i,f)=>f===e||i.left+i.width>s.left?Number.MAX_SAFE_INTEGER:i.distance);break;case\"right\":r=o.map((i,f)=>f===e||i.left<s.left+s.width?Number.MAX_SAFE_INTEGER:i.distance);break}let a=r.indexOf(Math.min(...r));if(r[a]!==Number.MAX_SAFE_INTEGER)return n[a];return null}function Le(e){return e.map((t)=>t.getBoundingClientRect()).map((t)=>({height:t.height,width:t.width,top:t.top,left:t.left,right:t.right,bottom:t.bottom,center:{x:t.left+t.width/2,y:t.top+t.height/2},distance:0}))}function V(e){let t=\"UnknownComponent\";if(e.type&&e.type.__name)t=e.type.__name;return t}import{camelCase as Me}from\"lodash-es\";function q(e){return Object.fromEntries(Object.entries(e.props??{}).map(([t,o])=>[Me(t),o]))}function W(e,t){if(!e.exposed||!(t in e.exposed))throw Error(`'${t}' was not exposed by the component.`);return e.exposed[t]}import{isHtmlElement as Re}from\"@basmilius/utils\";function R(e,t,o=void 0){let n=d(e),s=o||document.activeElement;if(!s||!Re(s))return n[0]||void 0;let r=n.indexOf(s);return n[r+t]||void 0}function F(e){return Array.from(e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])')).filter((t)=>!t.hasAttribute(\"disabled\")||t.getAttribute(\"disabled\")!==\"true\").filter((t)=>!t.hasAttribute(\"aria-disabled\")||t.getAttribute(\"aria-disabled\")!==\"true\")}import{isHtmlElement as Fe}from\"@basmilius/utils\";import{unref as ke}from\"vue\";function p(e){let t=ke(e);if(Fe(t))return t;return t?.$el}function G(...e){console.warn(\"[Flux]\",...e)}function g(e,t,o=!1){let n=He(e),s=t.compareDocumentPosition(e),r;if(s&&Node.DOCUMENT_POSITION_PRECEDING||o)r=n.firstChild();else r=n.lastChild();(r!==null?r:e).focus()}function He(e){return document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:(t)=>t.tabIndex>=0&&!t.disabled?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})}class X{get active(){return this.current?.isEnabled??!1}get current(){return this.#e[this.#e.length-1]??null}#t=[];#e=[];add(e,t,o=!0){let n={id:e,setEnabled:t,isEnabled:!0};if(this.current&&this.toggle(this.current,!1),this.#e.push(n),o)this.toggle(n,!0),this.emit()}remove(e){let t=this.#e.find((s)=>s.id===e);t&&this.toggle(t,!1);let n=this.current?.id===e;this.#e=this.#e.filter((s)=>s.id!==e),n&&this.current&&this.toggle(this.current,!0),this.emit()}emit(){this.#t.forEach((e)=>e(this.active,this.#e))}subscribe(e){return this.#t.push(e),e(this.active,this.#e),()=>this.#t=this.#t.filter((t)=>t!==e)}toggle(e,t){e.setEnabled(t),e.isEnabled=t}}var w=new X;var Y=!globalThis.document;function Z(e,t,o){let n=Ae([]);De(()=>{document.addEventListener(\"pointerdown\",s)}),Se(()=>{document.removeEventListener(\"pointerdown\",s)});function s(r){if(!j(t))return;!j(n).some((i)=>i.contains(r.target))&&o(r)}Ie(()=>{let r=[];(Array.isArray(e)?e:[e]).forEach((a)=>{let i=p(a);i&&r.push(i)}),n.value=r})}import{computed as Oe,getCurrentInstance as Ce}from\"vue\";function $(){let e=Ce();return Oe(()=>e?.uid??(e?.proxy)._uid??0)}import{customRef as _e,isRef as J,ref as Ne,watch as Ue}from\"vue\";function Q(e,t,o=!1){let n=Ne(J(e)?e.value:e),s=_e((r,a)=>({get(){return r(),n.value},set:Pe((i)=>{n.value=i,a()},t,o)}));if(J(e))Ue(e,(r)=>s.value=r);return s}function Pe(e,t,o=!1){let n;return(...s)=>{if(o&&!n)e(...s);clearTimeout(n),n=setTimeout(()=>requestAnimationFrame(()=>e(...s)),t)}}import{watch as Ke}from\"vue\";function k(e,t,o,n={passive:!0}){Ke(e,(s,r,a)=>{if(!s)return;s.addEventListener(t,o,n),a(()=>s.removeEventListener(t,o))},{immediate:!0})}import{onMounted as ze,onUnmounted as Be,ref as Ve,unref as qe}from\"vue\";function ee(e,t){let o=Ve();ze(()=>{s()}),Be(()=>{clearTimeout(o.value)});function n(){o.value=setTimeout(()=>requestAnimationFrame(s),qe(e))}function s(){n(),t()}}import{ref as We,watch as Ge}from\"vue\";function te(e,t={}){let o=We(t.initial??!1);return Ge(e,(n,s,r)=>{let a=p(e);if(!a)return;let i=new IntersectionObserver((f)=>o.value=f[0]?.isIntersecting??!1,t);i.observe(a),r(()=>i.disconnect())},{immediate:!0}),o}import{onScopeDispose as Xe,watch as Ye}from\"vue\";function H(e,t,o){o??={attributes:!0};let n,s=Ye(()=>p(e),(i)=>{if(r(),!i)return;n=new MutationObserver(t),n.observe(i,o)},{immediate:!0});function r(){if(!n)return;n.disconnect(),n=void 0}function a(){r(),s()}Xe(a)}import{DateTime as oe}from\"luxon\";import{ref as je,watch as Ze}from\"vue\";function ne(e,t){let o=`flux/${e}`,n=je(s()??t);function s(){if(o in localStorage){let r=JSON.parse(localStorage.getItem(o));if(Array.isArray(r)&&r[0]===\"DateTime\")r=oe.fromISO(r[1]);return r}return null}return Ze(n,(r)=>{let a=r;if(oe.isDateTime(r))a=[\"DateTime\",r.toISO({includeOffset:!0,extendedZone:!0})];localStorage.setItem(o,JSON.stringify(a))}),n}import{ref as I,unref as $e}from\"vue\";function re(e){let t=I(0),o=I(0);if(!e)e=I(document);return k(e,\"scroll\",()=>{let n=$e(e);if(n instanceof Document)n=n.scrollingElement;t.value=n?.scrollLeft??0,o.value=n?.scrollTop??0}),{x:t,y:o}}import{ref as ie,watch as ce}from\"vue\";import{onMounted as Je,onUnmounted as Qe,ref as se,unref as ae}from\"vue\";var et=0;function D(e=!1){let t=se(`focus-trap-${++et}`),o=se(!1);return Je(()=>w.add(ae(t),(n)=>o.value=n,e)),Qe(()=>w.remove(ae(t))),o}import{unref as tt,watch as ot}from\"vue\";function S(e,t){ot(e,(o,n,s)=>{if(!p(e)||tt(t))return;let a=document.activeElement;s(()=>{requestAnimationFrame(()=>a?.focus())})})}function le(e,t={}){if(Y)return;let{disable:o=ie(!1),disableReturn:n=ie(!1),attachTo:s=null}=t,r=D(!o);S(e,n),ce(e,(a,i,f)=>{let l=p(e),u=s||document;if(r.value&&l&&document.activeElement&&!l.contains(document.activeElement)&&!l.querySelector(\"[autofocus]\"))g(l,document.activeElement,!0);function v(c){if(!r.value||!l)return;let m=c.target||document.body;if(l.contains(m))return;c.preventDefault(),c.stopImmediatePropagation(),g(l,m)}function L(c){if(!r.value||!l)return;if(!c.relatedTarget||c.relatedTarget===document.body)c.preventDefault(),l.focus();let m=c.target||document.body;if(l.contains(m))return;g(l,m)}if(u.addEventListener(\"focusin\",v,{capture:!0}),u.addEventListener(\"focusout\",L,{capture:!0}),l){let c=d(l),m=c.findIndex((T)=>T.classList.contains(\"is-active\")),h=c.findIndex((T)=>!T.hasAttribute(\"aria-disabled\")),y=c[0];if(m>-1)y=c[m];if(h>-1)y=c[h];if(y)y.focus()}f(()=>{u.removeEventListener(\"focusin\",v),u.removeEventListener(\"focusout\",L)})},{immediate:!0}),ce(()=>o,()=>{let a=p(e);if(r.value=!o,o||!a)return;let i=d(a);if(i.includes(document.activeElement))return;i[0]?.focus()},{immediate:!0})}import{onMounted as nt,onUnmounted as rt,ref as st}from\"vue\";function fe(e){let t=st(null);nt(()=>t.value=w.subscribe(e)),rt(()=>t.value?.())}import{watch as at}from\"vue\";function pe(e,{cycle:t=!0,direction:o=\"bidirectional\"}={}){H(e,()=>s(n(),!1));function n(){let a=p(e),i=d(a),f=i.findIndex((u)=>u.classList.contains(\"is-active\")),l=i.findIndex((u)=>!u.hasAttribute(\"aria-disabled\"));if(f>-1)return f;if(l>-1)return l;return 0}function s(a,i=!0){let f=p(e),l=d(f);l.forEach((u,v)=>u.tabIndex=v===a?0:-1),i&&l[a]?.focus()}function r(a){let i=p(e),f=d(i);if([\"Enter\",\" \"].includes(a.key))return;switch(o){case\"bidirectional\":it(a,i,f,s);break;case\"horizontal\":case\"vertical\":ct(a,i,t,o,f,s);break}}at(e,(a,i,f)=>{let l=p(e);if(!l)return;l.addEventListener(\"keydown\",r),s(n(),!1),f(()=>l.removeEventListener(\"keydown\",r))},{immediate:!0})}function it(e,t,o,n){let s;switch(e.key){case\"ArrowUp\":s=\"up\";break;case\"ArrowDown\":s=\"down\";break;case\"ArrowLeft\":s=\"left\";break;case\"ArrowRight\":s=\"right\";break;default:return}let r=M(t,document.activeElement,s);if(r)n(o.indexOf(r));e.preventDefault()}function ct(e,t,o,n,s,r){let a;if(e.key===(n===\"horizontal\"?\"ArrowLeft\":\"ArrowUp\"))a=-1;else if(e.key===(n===\"horizontal\"?\"ArrowRight\":\"ArrowDown\"))a=1;else return;let i=R(t,a);if(i)r(s.indexOf(i));else if(o)r(a===1?0:s.length-1);e.preventDefault()}var an=\"#f8fafc\",cn=\"#f1f5f9\",ln=\"#e2e8f0\",fn=\"#cbd5e1\",pn=\"#94a3b8\",un=\"#64748b\",dn=\"#475569\",mn=\"#334155\",xn=\"#1e293b\",bn=\"#0f172a\",hn=\"#020617\",yn=\"#f9fafb\",Tn=\"#f3f4f6\",vn=\"#e5e7eb\",En=\"#d1d5db\",gn=\"#9ca3af\",wn=\"#6b7280\",Ln=\"#4b5563\",Mn=\"#374151\",Rn=\"#1f2937\",Fn=\"#111827\",kn=\"#030712\",Hn=\"#fafafa\",Dn=\"#f4f4f5\",Sn=\"#e4e4e7\",An=\"#d4d4d8\",In=\"#a1a1aa\",On=\"#71717a\",Cn=\"#52525b\",_n=\"#3f3f46\",Nn=\"#27272a\",Un=\"#18181b\",Pn=\"#09090b\",Kn=\"#fafafa\",zn=\"#f5f5f5\",Bn=\"#e5e5e5\",Vn=\"#d4d4d4\",qn=\"#a3a3a3\",Wn=\"#737373\",Gn=\"#525252\",Xn=\"#404040\",Yn=\"#262626\",jn=\"#171717\",Zn=\"#0a0a0a\",$n=\"#fafaf9\",Jn=\"#f5f5f4\",Qn=\"#e7e5e4\",er=\"#d6d3d1\",tr=\"#a8a29e\",or=\"#78716c\",nr=\"#57534e\",rr=\"#44403c\",sr=\"#292524\",ar=\"#1c1917\",ir=\"#0c0a09\",cr=\"#fef2f2\",lr=\"#fee2e2\",fr=\"#fecaca\",pr=\"#fca5a5\",ur=\"#f87171\",dr=\"#ef4444\",mr=\"#dc2626\",xr=\"#b91c1c\",br=\"#991b1b\",hr=\"#7f1d1d\",yr=\"#450a0a\",Tr=\"#fff7ed\",vr=\"#ffedd5\",Er=\"#fed7aa\",gr=\"#fdba74\",wr=\"#fb923c\",Lr=\"#f97316\",Mr=\"#ea580c\",Rr=\"#c2410c\",Fr=\"#9a3412\",kr=\"#7c2d12\",Hr=\"#431407\",Dr=\"#fffbeb\",Sr=\"#fef3c7\",Ar=\"#fde68a\",Ir=\"#fcd34d\",Or=\"#fbbf24\",Cr=\"#f59e0b\",_r=\"#d97706\",Nr=\"#b45309\",Ur=\"#92400e\",Pr=\"#78350f\",Kr=\"#451a03\",zr=\"#fefce8\",Br=\"#fef9c3\",Vr=\"#fef08a\",qr=\"#fde047\",Wr=\"#facc15\",Gr=\"#eab308\",Xr=\"#ca8a04\",Yr=\"#a16207\",jr=\"#854d0e\",Zr=\"#713f12\",$r=\"#422006\",Jr=\"#f7fee7\",Qr=\"#ecfccb\",es=\"#d9f99d\",ts=\"#bef264\",os=\"#a3e635\",ns=\"#84cc16\",rs=\"#65a30d\",ss=\"#4d7c0f\",as=\"#3f6212\",is=\"#365314\",cs=\"#1a2e05\",ls=\"#f0fdf4\",fs=\"#dcfce7\",ps=\"#bbf7d0\",us=\"#86efac\",ds=\"#4ade80\",ms=\"#22c55e\",xs=\"#16a34a\",bs=\"#15803d\",hs=\"#166534\",ys=\"#14532d\",Ts=\"#052e16\",vs=\"#ecfdf5\",Es=\"#d1fae5\",gs=\"#a7f3d0\",ws=\"#6ee7b7\",Ls=\"#34d399\",Ms=\"#10b981\",Rs=\"#059669\",Fs=\"#047857\",ks=\"#065f46\",Hs=\"#064e3b\",Ds=\"#022c22\",Ss=\"#f0fdfa\",As=\"#ccfbf1\",Is=\"#99f6e4\",Os=\"#5eead4\",Cs=\"#2dd4bf\",_s=\"#14b8a6\",Ns=\"#0d9488\",Us=\"#0f766e\",Ps=\"#115e59\",Ks=\"#134e4a\",zs=\"#042f2e\",Bs=\"#ecfeff\",Vs=\"#cffafe\",qs=\"#a5f3fc\",Ws=\"#67e8f9\",Gs=\"#22d3ee\",Xs=\"#06b6d4\",Ys=\"#0891b2\",js=\"#0e7490\",Zs=\"#155e75\",$s=\"#164e63\",Js=\"#083344\",Qs=\"#f0f9ff\",ea=\"#e0f2fe\",ta=\"#bae6fd\",oa=\"#7dd3fc\",na=\"#38bdf8\",ra=\"#0ea5e9\",sa=\"#0284c7\",aa=\"#0369a1\",ia=\"#075985\",ca=\"#0c4a6e\",la=\"#082f49\",fa=\"#eff6ff\",pa=\"#dbeafe\",ua=\"#bfdbfe\",da=\"#93c5fd\",ma=\"#60a5fa\",xa=\"#3b82f6\",ba=\"#2563eb\",ha=\"#1d4ed8\",ya=\"#1e40af\",Ta=\"#1e3a8a\",va=\"#172554\",Ea=\"#eef2ff\",ga=\"#e0e7ff\",wa=\"#c7d2fe\",La=\"#a5b4fc\",Ma=\"#818cf8\",Ra=\"#6366f1\",Fa=\"#4f46e5\",ka=\"#4338ca\",Ha=\"#3730a3\",Da=\"#312e81\",Sa=\"#1e1b4b\",Aa=\"#f5f3ff\",Ia=\"#ede9fe\",Oa=\"#ddd6fe\",Ca=\"#c4b5fd\",_a=\"#a78bfa\",Na=\"#8b5cf6\",Ua=\"#7c3aed\",Pa=\"#6d28d9\",Ka=\"#5b21b6\",za=\"#4c1d95\",Ba=\"#2e1065\",Va=\"#faf5ff\",qa=\"#f3e8ff\",Wa=\"#e9d5ff\",Ga=\"#d8b4fe\",Xa=\"#c084fc\",Ya=\"#a855f7\",ja=\"#9333ea\",Za=\"#7e22ce\",$a=\"#6b21a8\",Ja=\"#581c87\",Qa=\"#3b0764\",ei=\"#fdf4ff\",ti=\"#fae8ff\",oi=\"#f5d0fe\",ni=\"#f0abfc\",ri=\"#e879f9\",si=\"#d946ef\",ai=\"#c026d3\",ii=\"#a21caf\",ci=\"#86198f\",li=\"#701a75\",fi=\"#4a044e\",pi=\"#fdf2f8\",ui=\"#fce7f3\",di=\"#fbcfe8\",mi=\"#f9a8d4\",xi=\"#f472b6\",bi=\"#ec4899\",hi=\"#db2777\",yi=\"#be185d\",Ti=\"#9d174d\",vi=\"#831843\",Ei=\"#500724\",gi=\"#fff1f2\",wi=\"#ffe4e6\",Li=\"#fecdd3\",Mi=\"#fda4af\",Ri=\"#fb7185\",Fi=\"#f43f5e\",ki=\"#e11d48\",Hi=\"#be123c\",Di=\"#9f1239\",Si=\"#881337\",Ai=\"#4c0519\";class ue{#t;#e;constructor(e){this.#e=[],this.#t=e,this.onKeyDown=this.onKeyDown.bind(this)}focusElement(e,t=!0){if(!this.#e[e])return;for(let o=0;o<this.#e.length;++o)this.#e[o].tabIndex=o===e?0:-1;if(t)this.#e[e]?.focus()}register(){this.#e=F(this.#t),this.#t.addEventListener(\"keydown\",this.onKeyDown),this.focusElement(0,!1)}unregister(){this.#t.removeEventListener(\"keydown\",this.onKeyDown)}onKeyDown(e){let t=this.#t.querySelector('[tabindex=\"0\"]'),o=this.#e.findIndex((n)=>n===t)??0;switch(e.key){case\"ArrowUp\":case\"ArrowLeft\":this.focusElement(o-1);break;case\"ArrowDown\":case\"ArrowRight\":this.focusElement(o+1);break;default:return}e.preventDefault(),e.stopPropagation()}}var lt={beforeUnmount(e){O.get(e)?.unregister(),O.delete(e)},mounted(e){let t=new ue(e);t.register(),O.set(e,t)},getSSRProps(){return{}}},O=new WeakMap;class de{#t;#e;constructor(e){this.#t=e,this.#e=new MutationObserver(this.onMutation.bind(this))}register(){this.#e.observe(this.#t,{childList:!0,subtree:!0}),requestAnimationFrame(this.onMutation.bind(this))}unregister(){this.#e.disconnect()}onMutation(){let{height:e}=getComputedStyle(this.#t);this.#t.style.height=\"auto\";let{height:t}=getComputedStyle(this.#t);if(this.#t.style.height=e,t===e)return;getComputedStyle(this.#t),requestAnimationFrame(()=>requestAnimationFrame(()=>this.#t.style.height=t))}}var ft={beforeUnmount(e){C.get(e)?.unregister(),C.delete(e)},mounted(e){let t=new de(e);t.register(),C.set(e,t)},getSSRProps(){return{}}},C=new WeakMap;export{Pn as zinc950,Un as zinc900,Nn as zinc800,_n as zinc700,Cn as zinc600,On as zinc500,Hn as zinc50,In as zinc400,An as zinc300,Sn as zinc200,Dn as zinc100,$r as yellow950,Zr as yellow900,jr as yellow800,Yr as yellow700,Xr as yellow600,Gr as yellow500,zr as yellow50,Wr as yellow400,qr as yellow300,Vr as yellow200,Br as yellow100,g as wrapFocus,G as warn,Ba as violet950,za as violet900,Ka as violet800,Pa as violet700,Ua as violet600,Na as violet500,Aa as violet50,_a as violet400,Ca as violet300,Oa as violet200,Ia as violet100,ft as vHeightTransition,lt as vFocusTrap,re as useScrollPosition,ne as useRemembered,H as useMutationObserver,ee as useInterval,te as useInView,pe as useFocusZone,fe as useFocusTrapSubscription,S as useFocusTrapReturn,D as useFocusTrapLock,le as useFocusTrap,k as useEventListener,Q as useDebouncedRef,$ as useComponentId,Z as useClickOutside,K as useCalendarYearSwitcher,U as useCalendarMonthSwitcher,N as useCalendar,p as unrefTemplateElement,zs as teal950,Ks as teal900,Ps as teal800,Us as teal700,Ns as teal600,_s as teal500,Ss as teal50,Cs as teal400,Os as teal300,Is as teal200,As as teal100,ir as stone950,ar as stone900,sr as stone800,rr as stone700,nr as stone600,or as stone500,$n as stone50,tr as stone400,er as stone300,Qn as stone200,Jn as stone100,hn as slate950,bn as slate900,xn as slate800,mn as slate700,dn as slate600,un as slate500,an as slate50,pn as slate400,fn as slate300,ln as slate200,cn as slate100,la as sky950,ca as sky900,ia as sky800,aa as sky700,sa as sky600,ra as sky500,Qs as sky50,na as sky400,oa as sky300,ta as sky200,ea as sky100,Ai as rose950,Si as rose900,Di as rose800,Hi as rose700,ki as rose600,Fi as rose500,gi as rose50,Ri as rose400,Mi as rose300,Li as rose200,wi as rose100,yr as red950,hr as red900,br as red800,xr as red700,mr as red600,dr as red500,cr as red50,ur as red400,pr as red300,fr as red200,lr as red100,Qa as purple950,Ja as purple900,$a as purple800,Za as purple700,ja as purple600,Ya as purple500,Va as purple50,Xa as purple400,Ga as purple300,Wa as purple200,qa as purple100,Ei as pink950,vi as pink900,Ti as pink800,yi as pink700,hi as pink600,bi as pink500,pi as pink50,xi as pink400,mi as pink300,di as pink200,ui as pink100,Hr as orange950,kr as orange900,Fr as orange800,Rr as orange700,Mr as orange600,Lr as orange500,Tr as orange50,wr as orange400,gr as orange300,Er as orange200,vr as orange100,Zn as neutral950,jn as neutral900,Yn as neutral800,Xn as neutral700,Gn as neutral600,Wn as neutral500,Kn as neutral50,qn as neutral400,Vn as neutral300,Bn as neutral200,zn as neutral100,cs as lime950,is as lime900,as as lime800,ss as lime700,rs as lime600,ns as lime500,Jr as lime50,os as lime400,ts as lime300,es as lime200,Qr as lime100,Y as isSSR,Sa as indigo950,Da as indigo900,Ha as indigo800,ka as indigo700,Fa as indigo600,Ra as indigo500,Ea as indigo50,Ma as indigo400,La as indigo300,wa as indigo200,ga as indigo100,Ts as green950,ys as green900,hs as green800,bs as green700,xs as green600,ms as green500,ls as green50,ds as green400,us as green300,ps as green200,fs as green100,kn as gray950,Fn as gray900,Rn as gray800,Mn as gray700,Ln as gray600,wn as gray500,yn as gray50,gn as gray400,En as gray300,vn as gray200,Tn as gray100,F as getKeyboardFocusableElements,d as getFocusableElements,R as getFocusableElement,W as getExposedRef,q as getComponentProps,V as getComponentName,M as getBidirectionalFocusElement,fi as fuchsia950,li as fuchsia900,ci as fuchsia800,ii as fuchsia700,ai as fuchsia600,si as fuchsia500,ei as fuchsia50,ri as fuchsia400,ni as fuchsia300,oi as fuchsia200,ti as fuchsia100,B as flattenVNodeTree,Ds as emerald950,Hs as emerald900,ks as emerald800,Fs as emerald700,Rs as emerald600,Ms as emerald500,vs as emerald50,Ls as emerald400,ws as emerald300,gs as emerald200,Es as emerald100,Js as cyan950,$s as cyan900,Zs as cyan800,js as cyan700,Ys as cyan600,Xs as cyan500,Bs as cyan50,Gs as cyan400,Ws as cyan300,qs as cyan200,Vs as cyan100,va as blue950,Ta as blue900,ya as blue800,ha as blue700,ba as blue600,xa as blue500,fa as blue50,ma as blue400,da as blue300,ua as blue200,pa as blue100,z as animationFrameDebounce,Kr as amber950,Pr as amber900,Ur as amber800,Nr as amber700,_r as amber600,Cr as amber500,Dr as amber50,Or as amber400,Ir as amber300,Ar as amber200,Sr as amber100,w as FOCUS_TRAP_LOCKS};\n\n//# debugId=101630D55D17E66A64756E2164756E21\n//# sourceMappingURL=index.js.map\n","import type { InjectionKey, Ref } from 'vue';\n\nexport const FluxDashboardInjectionKey: InjectionKey<FluxDashboardInjection> = Symbol();\n\nexport type FluxDashboardInjection = {\n    readonly isMenuCollapsed: Ref<boolean>;\n    readonly isNavigationCollapsed: Ref<boolean>;\n};\n","@use '../../../../components/src/css/mixin';\n\n:root {\n    --dashboard-background: var(--gray-0);\n    --dashboard-duration: 360ms;\n    --dashboard-navigation-background: var(--primary-11);\n    --dashboard-navigation-foreground: var(--primary-0);\n}\n\n[dark] {\n    --dashboard-navigation-background: color-mix(in oklch, var(--gray-0), black 25%);\n    --dashboard-navigation-foreground: var(--gray-9);\n}\n\nbody:has(.root > .dashboard) {\n    background: var(--dashboard-background);\n}\n\n.dashboard {\n    min-height: 100dvh;\n}\n\n.dashboardMount {\n    display: flex;\n    align-items: stretch;\n    flex-flow: column;\n}\n\n.isResizing, .isResizing * {\n    animation: none !important;\n    transition: none !important;\n}\n\n@include mixin.breakpoint-up(lg) {\n    .dashboard {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr) auto;\n        grid-template-rows: minmax(0, 1fr);\n        transition: padding-left var(--dashboard-duration) var(--swift-out);\n\n        &:has(> .dashboardNavigation) {\n            padding-left: 300px;\n        }\n\n        &:has(> .dashboardNavigationCollapsed) {\n            padding-left: 84px;\n        }\n\n        .dashboardMount {\n            grid-column: 2;\n        }\n\n        .dashboardMenu {\n            grid-column: 1;\n        }\n\n        .dashboardSide {\n            grid-column: 3;\n        }\n    }\n}\n\n@include mixin.breakpoint-down(md) {\n    .dashboard {\n        display: flex;\n        padding-top: 84px;\n        flex-flow: column;\n    }\n}\n","<template>\n    <div :class=\"[$style.dashboard, isResizing && $style.isResizing]\">\n        <slot name=\"navigation\"/>\n        <slot name=\"menu\"/>\n\n        <div :class=\"$style.dashboardMount\">\n            <slot name=\"header\"/>\n            <slot/>\n        </div>\n\n        <slot name=\"side\"/>\n    </div>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useRemembered } from '@flux-ui/internals';\n    import { provide, ref, VNode, watch } from 'vue';\n    import { FluxDashboardInjectionKey } from '$fluxDashboard/data';\n    import $style from '$fluxDashboard/css/component/Dashboard.module.scss';\n\n    defineSlots<{\n        default(): VNode;\n        header?(): VNode;\n        navigation?(): VNode;\n        menu?(): VNode;\n        side?(): VNode;\n    }>();\n\n    const isMenuCollapsed = useRemembered('dashboard-menu-collapsed', true);\n    const isNavigationCollapsed = useRemembered('dashboard-navigation-collapsed', true);\n    const isResizing = ref(false);\n\n    provide(FluxDashboardInjectionKey, {\n        isMenuCollapsed,\n        isNavigationCollapsed\n    });\n\n    watch(isNavigationCollapsed, (_, __, onCleanup) => {\n        let timeout: NodeJS.Timeout;\n\n        function onResize(): void {\n            clearTimeout(timeout);\n            isResizing.value = true;\n            timeout = setTimeout(() => isResizing.value = false, 10);\n        }\n\n        window.addEventListener('resize', onResize, {passive: true});\n\n        onCleanup(() => window.removeEventListener('resize', onResize));\n    }, {immediate: true});\n</script>\n","<template>\n    <div :class=\"[$style.dashboard, isResizing && $style.isResizing]\">\n        <slot name=\"navigation\"/>\n        <slot name=\"menu\"/>\n\n        <div :class=\"$style.dashboardMount\">\n            <slot name=\"header\"/>\n            <slot/>\n        </div>\n\n        <slot name=\"side\"/>\n    </div>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useRemembered } from '@flux-ui/internals';\n    import { provide, ref, VNode, watch } from 'vue';\n    import { FluxDashboardInjectionKey } from '$fluxDashboard/data';\n    import $style from '$fluxDashboard/css/component/Dashboard.module.scss';\n\n    defineSlots<{\n        default(): VNode;\n        header?(): VNode;\n        navigation?(): VNode;\n        menu?(): VNode;\n        side?(): VNode;\n    }>();\n\n    const isMenuCollapsed = useRemembered('dashboard-menu-collapsed', true);\n    const isNavigationCollapsed = useRemembered('dashboard-navigation-collapsed', true);\n    const isResizing = ref(false);\n\n    provide(FluxDashboardInjectionKey, {\n        isMenuCollapsed,\n        isNavigationCollapsed\n    });\n\n    watch(isNavigationCollapsed, (_, __, onCleanup) => {\n        let timeout: NodeJS.Timeout;\n\n        function onResize(): void {\n            clearTimeout(timeout);\n            isResizing.value = true;\n            timeout = setTimeout(() => isResizing.value = false, 10);\n        }\n\n        window.addEventListener('resize', onResize, {passive: true});\n\n        onCleanup(() => window.removeEventListener('resize', onResize));\n    }, {immediate: true});\n</script>\n","import { inject } from 'vue';\nimport { FluxDashboardInjection, FluxDashboardInjectionKey } from '$fluxDashboard/data';\n\nexport default function (): FluxDashboardInjection {\n    const injection = inject(FluxDashboardInjectionKey);\n\n    if (!injection) {\n        throw new Error('[Flux] useDashboardInjection() was used outside a FluxDashboard component.');\n    }\n\n    return injection;\n}\n","@use '../../../../components/src/css/mixin';\n\n.notice + .dashboardContent {\n    padding-top: 30px;\n}\n\n.dashboardContent {\n    display: flex;\n    padding: 0 30px;\n    flex-flow: column;\n    flex-grow: 1;\n\n    > :is(.calendar, .table) {\n        margin-left: -30px;\n        margin-right: -30px;\n        height: calc(100dvh - 84px);\n        flex-grow: 1;\n    }\n\n    > .calendar {\n        border-left: 0;\n        border-right: 0;\n        border-radius: 0;\n\n        .calendarActions {\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n    }\n\n    > .table {\n        border-top: 1px solid var(--gray-2);\n\n        .tableCell:first-child .tableCellContent {\n            padding-left: 30px;\n        }\n\n        .tableCell:last-child .tableCellContent {\n            padding-right: 30px;\n        }\n    }\n}\n\n@include mixin.breakpoint-down(md) {\n    .dashboardContentCollapsed {\n        display: none;\n    }\n}\n","<template>\n    <main :class=\"[$style.dashboardContent, !isMenuCollapsed && $style.dashboardContentCollapsed]\">\n        <slot/>\n    </main>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardContent.module.scss';\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <main :class=\"[$style.dashboardContent, !isMenuCollapsed && $style.dashboardContentCollapsed]\">\n        <slot/>\n    </main>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardContent.module.scss';\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","@use '../../../../components/src/css/mixin';\n\n.dashboardTopBar {\n    position: sticky;\n    display: flex;\n    top: 0;\n    height: 84px;\n    padding-left: 30px;\n    padding-right: 30px;\n    align-items: center;\n    flex-flow: row;\n    gap: 15px;\n    background: oklch(from var(--gray-0) l c h / .9);\n    backdrop-filter: blur(10px) saturate(180%);\n    z-index: 100;\n\n    > h1 {\n        font-size: 18px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    > .icon {\n        color: var(--foreground-prominent);\n    }\n\n    > .separator {\n        height: 24px;\n    }\n}\n\n.dashboardHeader:not(.routeTransitionEnterActive):not(.routeTransitionLeaveActive) {\n    transition: box-shadow var(--dashboard-duration) var(--swift-out);\n}\n\n.dashboardHeaderScrolled {\n    composes: dashboardHeader;\n\n    box-shadow: var(--shadow-md);\n}\n\n[dark] .dashboardHeaderScrolled {\n    box-shadow: 0 1px 0 var(--gray-1), var(--shadow-md);\n}\n\n@include mixin.breakpoint-down(md) {\n    .dashboard > .dashboardTopBar {\n        top: 84px;\n    }\n\n    .dashboard > .dashboardTopBarCollapsed {\n        display: none;\n    }\n}\n","<template>\n    <header :class=\"[$style.dashboardTopBar, !isMenuCollapsed && $style.dashboardTopBarCollapsed]\">\n        <slot/>\n    </header>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <header :class=\"[$style.dashboardTopBar, !isMenuCollapsed && $style.dashboardTopBarCollapsed]\">\n        <slot/>\n    </header>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <FluxDashboardTopBar :class=\"y > 0 ? $style.dashboardHeaderScrolled : $style.dashboardHeader\">\n        <slot name=\"start\"/>\n\n        <FluxIcon\n            v-if=\"icon\"\n            :name=\"icon\"/>\n\n        <h1 v-if=\"title\">\n            {{ title }}\n        </h1>\n\n        <FluxSpacer/>\n\n        <slot name=\"end\"/>\n    </FluxDashboardTopBar>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxIcon, FluxSpacer } from '@flux-ui/components';\n    import { useScrollPosition } from '@flux-ui/internals';\n    import type { FluxIconName } from '@flux-ui/types';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';\n\n    defineProps<{\n        readonly icon?: FluxIconName;\n        readonly title?: string;\n    }>();\n\n    const {y} = useScrollPosition();\n</script>\n","<template>\n    <FluxDashboardTopBar :class=\"y > 0 ? $style.dashboardHeaderScrolled : $style.dashboardHeader\">\n        <slot name=\"start\"/>\n\n        <FluxIcon\n            v-if=\"icon\"\n            :name=\"icon\"/>\n\n        <h1 v-if=\"title\">\n            {{ title }}\n        </h1>\n\n        <FluxSpacer/>\n\n        <slot name=\"end\"/>\n    </FluxDashboardTopBar>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxIcon, FluxSpacer } from '@flux-ui/components';\n    import { useScrollPosition } from '@flux-ui/internals';\n    import type { FluxIconName } from '@flux-ui/types';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';\n\n    defineProps<{\n        readonly icon?: FluxIconName;\n        readonly title?: string;\n    }>();\n\n    const {y} = useScrollPosition();\n</script>\n","@use '../../../../components/src/css/mixin';\n\n.dashboardPane {\n    background: var(--gray-1);\n    overflow: auto;\n    z-index: 200;\n\n    .menuSubHeader {\n        background: linear-gradient(to bottom, var(--gray-1) 75%, transparent);\n    }\n\n    .dashboardTopBar {\n        background: oklch(from var(--gray-1) l c h / .9);\n    }\n\n    .filter {\n        --background: var(--gray-1);\n\n        max-height: calc(100dvh - 84px);\n        margin-top: -9px;\n        padding: 9px 18px 18px;\n        width: 100%;\n\n        .filterHeader {\n            margin-left: -18px;\n            margin-right: -18px;\n            padding-left: 18px;\n            padding-right: 18px;\n        }\n\n        .menu {\n            font-size: 14px;\n        }\n\n        .menuItemCommand {\n            font-size: 12px;\n        }\n\n        .menuItemIcon {\n            font-size: 16px;\n        }\n\n        .menu > :where(.divider, .separator) {\n            margin-left: -18px;\n            margin-right: -18px;\n        }\n    }\n}\n\n.dashboardMenu {\n    composes: dashboardPane;\n\n    border-right: 1px solid var(--gray-2);\n}\n\n.dashboardMenuBody {\n    padding: 0 18px 30px;\n}\n\n.dashboardSide {\n    composes: dashboardPane;\n\n    border-left: 1px solid var(--gray-2);\n}\n\n@include mixin.breakpoint-up(lg) {\n    .dashboardPane {\n        position: sticky;\n        top: 0;\n        height: 100dvh;\n        width: 300px;\n        grid-row: 1 / span 2;\n    }\n}\n\n@include mixin.breakpoint-down(md) {\n    .dashboardMenu {\n        height: calc(100dvh - 84px);\n    }\n\n    .dashboardMenuCollapsed {\n        display: none;\n    }\n}\n","<template>\n    <aside :class=\"[$style.dashboardMenu, isMenuCollapsed && $style.dashboardMenuCollapsed]\">\n        <FluxDashboardTopBar>\n            <slot name=\"top-bar-start\"/>\n\n            <FluxIcon\n                v-if=\"icon\"\n                :name=\"icon\"/>\n\n            <h1 v-if=\"title\">\n                {{ title }}\n            </h1>\n\n            <FluxSpacer/>\n\n            <slot name=\"top-bar-end\"/>\n        </FluxDashboardTopBar>\n\n        <div :class=\"$style.dashboardMenuBody\">\n            <slot/>\n        </div>\n    </aside>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxIcon, FluxSpacer } from '@flux-ui/components';\n    import type { FluxIconName } from '@flux-ui/types';\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';\n\n    defineProps<{\n        readonly icon?: FluxIconName;\n        readonly title?: string;\n    }>();\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","<template>\n    <aside :class=\"[$style.dashboardMenu, isMenuCollapsed && $style.dashboardMenuCollapsed]\">\n        <FluxDashboardTopBar>\n            <slot name=\"top-bar-start\"/>\n\n            <FluxIcon\n                v-if=\"icon\"\n                :name=\"icon\"/>\n\n            <h1 v-if=\"title\">\n                {{ title }}\n            </h1>\n\n            <FluxSpacer/>\n\n            <slot name=\"top-bar-end\"/>\n        </FluxDashboardTopBar>\n\n        <div :class=\"$style.dashboardMenuBody\">\n            <slot/>\n        </div>\n    </aside>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxIcon, FluxSpacer } from '@flux-ui/components';\n    import type { FluxIconName } from '@flux-ui/types';\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';\n\n    defineProps<{\n        readonly icon?: FluxIconName;\n        readonly title?: string;\n    }>();\n\n    const {isMenuCollapsed} = useDashboardInjection();\n</script>\n","@use '../../../../components/src/css/mixin';\n\n.dashboardNavigation {\n    position: fixed;\n    display: flex;\n    top: 0;\n    left: 0;\n    background: var(--dashboard-navigation-background);\n    color: var(--dashboard-navigation-foreground);\n    z-index: 750;\n\n    .divider {\n        margin: 3px 15px;\n    }\n\n    .dividerLine {\n        background: var(--primary-10);\n    }\n\n    .menu {\n        flex-grow: 1;\n    }\n\n    .menuItem {\n        height: 54px;\n        min-width: 54px;\n        padding: 15px;\n        gap: 21px;\n        color: var(--dashboard-navigation-foreground);\n        overflow: hidden;\n\n        @media (hover: hover) {\n            &:hover {\n                background: var(--primary-10);\n            }\n        }\n\n        &:active {\n            background: var(--primary-9);\n        }\n    }\n\n    .menuItemHighlighted {\n        background: oklch(from var(--primary-10) l c h / .5);\n    }\n\n    .menuItemIcon {\n        color: var(--dashboard-navigation-foreground);\n        font-size: 24px;\n    }\n\n    .menuItemLabel {\n        transition: var(--dashboard-duration) var(--swift-out);\n        transition-property: filter, opacity, translate;\n        white-space: nowrap;\n    }\n}\n\n.dashboardNavigationCollapsed {\n    composes: dashboardNavigation;\n}\n\n[dark] .dashboardNavigation {\n    .dividerLine {\n        background: var(--gray-2);\n    }\n\n    .menuItem {\n        @media (hover: hover) {\n            &:hover {\n                background: var(--gray-2);\n            }\n        }\n\n        &:active {\n            background: var(--gray-3);\n        }\n    }\n\n    .menuItemHighlighted {\n        background: var(--gray-1);\n    }\n}\n\n.dashboardNavigationLogo {\n    display: flex;\n    height: 54px;\n    width: 54px;\n    align-items: center;\n    justify-content: center;\n\n    :is(svg) {\n        max-height: 48px;\n        max-width: 48px;\n        width: 100%;\n    }\n}\n\n.dashboardNavigationRoundingFix {\n    position: absolute;\n    display: block;\n    height: var(--radius);\n    width: var(--radius);\n    content: '';\n    background: var(--dashboard-navigation-background);\n    transition: left var(--dashboard-duration) var(--swift-out);\n\n    &::before {\n        position: absolute;\n        display: block;\n        inset: 0;\n        content: '';\n        background: var(--gray-1);\n    }\n}\n\n.dashboard:not(:has(.dashboardMenu)) .dashboardNavigationRoundingFix::before {\n    background: var(--gray-0);\n}\n\n@include mixin.breakpoint-up(lg) {\n    .dashboardNavigation {\n        height: 100dvh;\n        width: 300px;\n        padding: 15px;\n        flex-flow: column;\n        gap: 15px;\n        transition: width var(--dashboard-duration) var(--swift-out);\n    }\n\n    .dashboardNavigationCollapsed {\n        width: 84px;\n\n        .menuItemLabel {\n            filter: blur(6px);\n            opacity: 0;\n            translate: -12px 0;\n        }\n    }\n\n    .dashboardNavigationHeader {\n        display: flex;\n\n        .menuItem {\n            display: none;\n        }\n    }\n\n    .dashboardNavigationNav {\n        display: flex;\n        flex-flow: column;\n        flex-grow: 1;\n    }\n\n    .dashboardNavigationRoundingFix {\n        left: 100%;\n\n        &:first-of-type {\n            top: 0;\n\n            &::before {\n                border-top-left-radius: var(--radius);\n            }\n        }\n\n        &:not(:first-of-type) {\n            bottom: 0;\n\n            &::before {\n                border-bottom-left-radius: var(--radius);\n            }\n        }\n    }\n}\n\n@include mixin.breakpoint-down(md) {\n    .dashboardNavigation {\n        width: 100dvw;\n        height: 84px;\n\n        &::after {\n            position: fixed;\n            display: block;\n            inset: 0;\n            width: 100dvw;\n            height: 100dvh;\n            content: '';\n            background: oklch(from var(--gray-3) l c h / .5);\n            backdrop-filter: blur(3px) saturate(180%);\n            transition: var(--dashboard-duration) var(--swift-out);\n            transition-property: background, backdrop-filter;\n            z-index: 1900;\n        }\n    }\n\n    .dashboardNavigationHeader {\n        display: flex;\n        width: inherit;\n        height: inherit;\n        padding: 0 15px;\n        align-items: center;\n        flex-flow: row;\n        justify-content: space-between;\n\n        .menuItem {\n            align-self: center;\n            justify-content: center;\n        }\n    }\n\n    .dashboardNavigationNav {\n        position: fixed;\n        display: flex;\n        top: 0;\n        left: 0;\n        width: min(300px, calc(100dvw - 42px));\n        height: 100dvh;\n        padding: 15px;\n        flex-flow: column;\n        background: var(--dashboard-navigation-background);\n        transition: translate var(--dashboard-duration) var(--swift-out);\n        z-index: 2000;\n    }\n\n    .dashboardNavigationRoundingFix {\n        position: fixed;\n        top: 84px;\n        z-index: 750;\n\n        &:first-of-type {\n            left: 0;\n\n            &::before {\n                border-top-left-radius: var(--radius);\n            }\n        }\n\n        &:not(:first-of-type) {\n            right: 0;\n\n            &::before {\n                border-top-right-radius: var(--radius);\n            }\n        }\n    }\n\n    .dashboardNavigationCollapsed {\n        &::after {\n            background: transparent;\n            backdrop-filter: none;\n            pointer-events: none;\n        }\n\n        .dashboardNavigationNav {\n            pointer-events: none;\n            translate: -100% 0;\n        }\n    }\n}\n","<template>\n    <nav\n        v-bind=\"$attrs\"\n        :class=\"isNavigationCollapsed ? $style.dashboardNavigationCollapsed : $style.dashboardNavigation\">\n        <header :class=\"$style.dashboardNavigationHeader\">\n            <FluxMenuItem\n                icon-leading=\"bars\"\n                @click=\"isNavigationCollapsed = !isNavigationCollapsed\"/>\n\n            <router-link\n                v-if=\"slots.logo\"\n                :class=\"$style.dashboardNavigationLogo\"\n                :to=\"logoLocation || '/'\">\n                <slot\n                    name=\"logo\"\n                    v-bind=\"{isNavigationCollapsed}\"/>\n            </router-link>\n\n            <FluxMenuItem\n                icon-leading=\"ellipsis-h\"\n                @click=\"isMenuCollapsed = !isMenuCollapsed\"/>\n        </header>\n\n        <div\n            v-for=\"index of 2\"\n            :key=\"index\"\n            :class=\"$style.dashboardNavigationRoundingFix\"/>\n\n        <main :class=\"$style.dashboardNavigationNav\">\n            <slot/>\n        </main>\n    </nav>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxMenuItem } from '@flux-ui/components';\n    import type { FluxTo } from '@flux-ui/types';\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardNavigation.module.scss';\n\n    defineOptions({\n        inheritAttrs: false\n    });\n\n    defineProps<{\n        logoLocation?: FluxTo\n    }>();\n\n    const slots = defineSlots<{\n        default(): any;\n        logo?(): any;\n    }>();\n\n    const {\n        isMenuCollapsed,\n        isNavigationCollapsed\n    } = useDashboardInjection();\n</script>\n","<template>\n    <nav\n        v-bind=\"$attrs\"\n        :class=\"isNavigationCollapsed ? $style.dashboardNavigationCollapsed : $style.dashboardNavigation\">\n        <header :class=\"$style.dashboardNavigationHeader\">\n            <FluxMenuItem\n                icon-leading=\"bars\"\n                @click=\"isNavigationCollapsed = !isNavigationCollapsed\"/>\n\n            <router-link\n                v-if=\"slots.logo\"\n                :class=\"$style.dashboardNavigationLogo\"\n                :to=\"logoLocation || '/'\">\n                <slot\n                    name=\"logo\"\n                    v-bind=\"{isNavigationCollapsed}\"/>\n            </router-link>\n\n            <FluxMenuItem\n                icon-leading=\"ellipsis-h\"\n                @click=\"isMenuCollapsed = !isMenuCollapsed\"/>\n        </header>\n\n        <div\n            v-for=\"index of 2\"\n            :key=\"index\"\n            :class=\"$style.dashboardNavigationRoundingFix\"/>\n\n        <main :class=\"$style.dashboardNavigationNav\">\n            <slot/>\n        </main>\n    </nav>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxMenuItem } from '@flux-ui/components';\n    import type { FluxTo } from '@flux-ui/types';\n    import { useDashboardInjection } from '$fluxDashboard/composable';\n    import $style from '$fluxDashboard/css/component/DashboardNavigation.module.scss';\n\n    defineOptions({\n        inheritAttrs: false\n    });\n\n    defineProps<{\n        logoLocation?: FluxTo\n    }>();\n\n    const slots = defineSlots<{\n        default(): any;\n        logo?(): any;\n    }>();\n\n    const {\n        isMenuCollapsed,\n        isNavigationCollapsed\n    } = useDashboardInjection();\n</script>\n","<template>\n    <aside :class=\"$style.dashboardSide\">\n        <FluxDashboardTopBar>\n            <slot name=\"top-bar-start\"/>\n\n            <h1>{{ title }}</h1>\n\n            <FluxSpacer/>\n\n            <slot name=\"top-bar-end\"/>\n        </FluxDashboardTopBar>\n\n        <slot/>\n    </aside>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxSpacer } from '@flux-ui/components';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';\n\n    defineProps<{\n        readonly title: string;\n    }>();\n</script>\n","<template>\n    <aside :class=\"$style.dashboardSide\">\n        <FluxDashboardTopBar>\n            <slot name=\"top-bar-start\"/>\n\n            <h1>{{ title }}</h1>\n\n            <FluxSpacer/>\n\n            <slot name=\"top-bar-end\"/>\n        </FluxDashboardTopBar>\n\n        <slot/>\n    </aside>\n</template>\n\n<script\n    lang=\"ts\"\n    setup>\n    import { FluxSpacer } from '@flux-ui/components';\n    import FluxDashboardTopBar from './FluxDashboardTopBar.vue';\n    import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';\n\n    defineProps<{\n        readonly title: string;\n    }>();\n</script>\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@flux-ui/dashboard",
     "description": "Contains components to create dashboards with Flux UI.",
-    "version": "3.0.0-next.21",
+    "version": "3.0.0-next.23",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -51,18 +51,18 @@
     "typings": "./dist/index.d.ts",
     "sideEffects": false,
     "dependencies": {
-        "@flux-ui/components": "3.0.0-next.21",
-        "@flux-ui/internals": "3.0.0-next.21",
-        "vue": "^3.5.23"
+        "@flux-ui/components": "3.0.0-next.23",
+        "@flux-ui/internals": "3.0.0-next.23",
+        "vue": "^3.5.25"
     },
     "devDependencies": {
-        "@basmilius/vite-preset": "^2.13.0",
-        "@flux-ui/types": "3.0.0-next.21",
-        "@types/node": "^24.10.0",
-        "@vitejs/plugin-vue": "^6.0.1",
-        "sass-embedded": "^1.93.3",
+        "@basmilius/vite-preset": "^2.16.0",
+        "@flux-ui/types": "3.0.0-next.23",
+        "@types/node": "^24.10.2",
+        "@vitejs/plugin-vue": "^6.0.2",
+        "sass-embedded": "^1.95.1",
         "typescript": "^5.9.3",
-        "vite": "^7.2.1",
-        "vue-tsc": "^3.1.3"
+        "vite": "^8.0.0-beta.1",
+        "vue-tsc": "^3.1.8"
     }
 }