@flux-ui/components 3.0.0-next.34 → 3.0.0-next.35

package/dist/index.js

@@ -7557,8 +7557,8 @@ var Icon_module_default = {
 };
 //#endregion
 //#region src/component/FluxIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = ["viewBox"];
-var _hoisted_2$21 = ["d"];
+var _hoisted_1$47 = ["viewBox"];
+var _hoisted_2$22 = ["d"];
 //#endregion
 //#region src/component/FluxIcon.vue
 var FluxIcon_default = /* @__PURE__ */ defineComponent({
@@ -7602,8 +7602,8 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					d: path,
 					fill: "currentColor"
-				}, null, 8, _hoisted_2$21);
-			}), 256))], 14, _hoisted_1$46)) : (openBlock(), createElementBlock("i", {
+				}, null, 8, _hoisted_2$22);
+			}), 256))], 14, _hoisted_1$47)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
 			}, null, 2));
@@ -7612,7 +7612,7 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = [
+var _hoisted_1$46 = [
 	"href",
 	"rel",
 	"target"
@@ -7663,7 +7663,7 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 				rel: __props.rel,
 				target: __props.target,
 				onClick: _cache[1] || (_cache[1] = ($event) => onClick($event))
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$45)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$46)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
 		};
 	}
 });
@@ -7843,13 +7843,13 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Action.module.scss
-var { "buttonLabel": _0$15, "button": _1$8, "buttonIcon": _2$5 } = Button_module_default$1;
+var { "buttonIcon": _0$15, "buttonLabel": _1$8, "button": _2$5 } = Button_module_default$1;
 var Action_module_default = {
-	action: `action ${_1$8}`,
+	action: `action ${_2$5}`,
 	spinner: `spinner`,
-	actionIcon: `action-icon ${_2$5}`,
+	actionIcon: `action-icon ${_0$15}`,
 	isDestructive: `is-destructive`,
-	actionLabel: `action-label ${_0$15}`,
+	actionLabel: `action-label ${_1$8}`,
 	actionBar: `action-bar`,
 	separator: `separator`,
 	formInput: `form-input`,
@@ -7915,32 +7915,32 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "button": _0$14, "buttonIcon": _1$7, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "button": _0$14, "buttonLabel": _1$7, "buttonIcon": _2$4 } = Button_module_default$1;
 var Button_module_default = {
 	primaryButton: `primary-button ${_0$14}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_1$7}`,
-	primaryButtonLabel: `primary-button-label ${_2$4}`,
+	primaryButtonIcon: `primary-button-icon ${_2$4}`,
+	primaryButtonLabel: `primary-button-label ${_1$7}`,
 	secondaryButton: `secondary-button ${_0$14}`,
-	secondaryButtonIcon: `secondary-button-icon ${_1$7}`,
-	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
+	secondaryButtonIcon: `secondary-button-icon ${_2$4}`,
+	secondaryButtonLabel: `secondary-button-label ${_1$7}`,
 	destructiveButton: `destructive-button ${_0$14}`,
-	destructiveButtonIcon: `destructive-button-icon ${_1$7}`,
-	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
+	destructiveButtonIcon: `destructive-button-icon ${_2$4}`,
+	destructiveButtonLabel: `destructive-button-label ${_1$7}`,
 	baseLinkButton: `base-link-button ${_0$14}`,
 	primaryLinkButton: `primary-link-button base-link-button ${_0$14}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_1$7}`,
-	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_2$4}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_1$7}`,
 	secondaryLinkButton: `secondary-link-button base-link-button ${_0$14}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$7}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_2$4}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_1$7}`,
 	linkButton: `link-button ${_0$14}`,
-	linkButtonIcon: `link-button-icon ${_1$7}`,
+	linkButtonIcon: `link-button-icon ${_2$4}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_2$4}`,
+	linkButtonLabel: `link-button-label ${_1$7}`,
 	publishButton: `publish-button primary-button ${_0$14}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_1$7}`,
-	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_2$4}`,
+	publishButtonLabel: `publish-button-label primary-button-label ${_1$7}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
 	publishButtonAnimationArrow: `publish-button-animation-arrow`,
@@ -8096,7 +8096,7 @@ var Flyout_module_default = {
 };
 //#endregion
 //#region src/component/FluxFlyout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = ["onKeydown"];
+var _hoisted_1$45 = ["onKeydown"];
 //#endregion
 //#region src/component/FluxFlyout.vue
 var FluxFlyout_default = /* @__PURE__ */ defineComponent({
@@ -8232,7 +8232,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 					openerHeight: openerHeight.value
 				})))]),
 				_: 3
-			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$44)], 6);
+			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$45)], 6);
 		};
 	}
 });
@@ -8513,9 +8513,9 @@ var FluxActionPane_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/component/FluxActions.vue
-var FluxActions_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxActions",
+//#region src/component/FluxActionStack.vue
+var FluxActionStack_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxActionStack",
 	setup(__props) {
 		z(useTemplateRef("element"), { direction: "horizontal" });
 		return (_ctx, _cache) => {
@@ -9053,8 +9053,8 @@ var Avatar_module_default = {
 };
 //#endregion
 //#region src/component/FluxAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = ["alt", "src"];
-var _hoisted_2$20 = { key: 0 };
+var _hoisted_1$44 = ["alt", "src"];
+var _hoisted_2$21 = { key: 0 };
 //#endregion
 //#region src/component/FluxAvatar.vue
 var FluxAvatar_default = /* @__PURE__ */ defineComponent({
@@ -9140,10 +9140,10 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(Avatar_module_default).avatarImage),
 						alt: __props.alt,
 						src: __props.src
-					}, null, 10, _hoisted_1$43)) : (openBlock(), createElementBlock("div", {
+					}, null, 10, _hoisted_1$44)) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(__props.fallback === "colorized" ? unref(Avatar_module_default).avatarFallbackColorized : unref(Avatar_module_default).avatarFallbackNeutral)
-					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$20, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
+					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$21, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 1,
 						name: __props.fallbackIcon
 					}, null, 8, ["name"])) : createCommentVNode("", true)], 2)),
@@ -9189,6 +9189,7 @@ var Badge_module_default = {
 	badgeSuccess: `badge-success badge`,
 	badgeWarning: `badge-warning badge`,
 	tag: `tag badge`,
+	tagKeyboardShortcut: `tag-keyboard-shortcut tag badge`,
 	tagClose: `tag-close badge-close`,
 	tagDot: `tag-dot badge-dot`,
 	tagIcon: `tag-icon badge-icon`,
@@ -9618,7 +9619,7 @@ var Menu_module_default = {
 };
 //#endregion
 //#region src/component/FluxMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["src", "alt"];
+var _hoisted_1$43 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxMenuItem.vue
 var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -9695,7 +9696,7 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Menu_module_default).menuItemImage),
 					src: __props.imageSrc,
 					alt: __props.imageAlt ?? ""
-				}, null, 10, _hoisted_1$42)]),
+				}, null, 10, _hoisted_1$43)]),
 				key: "1"
 			} : void 0, __props.command || __props.commandIcon || __props.commandLoading || slots.after ? {
 				name: "after",
@@ -9861,8 +9862,8 @@ var Form_module_default = {
 };
 //#endregion
 //#region src/component/FluxFormInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = ["aria-disabled"];
-var _hoisted_2$19 = [
+var _hoisted_1$42 = ["aria-disabled"];
+var _hoisted_2$20 = [
 	"id",
 	"autocomplete",
 	"autofocus",
@@ -10034,7 +10035,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					onFocus: _cache[1] || (_cache[1] = ($event) => onFocus()),
 					onInput,
 					onKeydown: onKeyDown
-				}, null, 42, _hoisted_2$19),
+				}, null, 42, _hoisted_2$20),
 				__props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).formInputIconLeading),
@@ -10058,7 +10059,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Form_module_default).formInputIconTrailing),
 					size: 18
 				}, null, 8, ["class"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$41);
+			], 10, _hoisted_1$42);
 		};
 	}
 });
@@ -10192,6 +10193,7 @@ var FluxTag_default = /* @__PURE__ */ defineComponent({
 		icon: {},
 		isClickable: { type: Boolean },
 		isDeletable: { type: Boolean },
+		isKeyboardShortcut: { type: Boolean },
 		isLoading: { type: Boolean },
 		label: {},
 		type: {},
@@ -10215,7 +10217,7 @@ var FluxTag_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(FluxPressable_default, {
-				class: normalizeClass(unref(clsx)(__props.color === "gray" && unref(Badge_module_default).tagGray, __props.color === "primary" && unref(Badge_module_default).tagPrimary, __props.color === "danger" && unref(Badge_module_default).tagDanger, __props.color === "info" && unref(Badge_module_default).tagInfo, __props.color === "success" && unref(Badge_module_default).tagSuccess, __props.color === "warning" && unref(Badge_module_default).tagWarning)),
+				class: normalizeClass(unref(clsx)(__props.color === "gray" && unref(Badge_module_default).tagGray, __props.color === "primary" && unref(Badge_module_default).tagPrimary, __props.color === "danger" && unref(Badge_module_default).tagDanger, __props.color === "info" && unref(Badge_module_default).tagInfo, __props.color === "success" && unref(Badge_module_default).tagSuccess, __props.color === "warning" && unref(Badge_module_default).tagWarning, __props.isKeyboardShortcut && unref(Badge_module_default).tagKeyboardShortcut)),
 				"component-type": __props.type,
 				tabindex: __props.tabindex,
 				href: __props.href,
@@ -10575,7 +10577,7 @@ var FluxTicks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/primitive/SliderBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["aria-disabled"];
+var _hoisted_1$41 = ["aria-disabled"];
 //#endregion
 //#region src/component/primitive/SliderBase.vue
 var SliderBase_default = /* @__PURE__ */ defineComponent({
@@ -10629,13 +10631,13 @@ var SliderBase_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				lower: __props.min,
 				upper: __props.max
-			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$40);
+			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$41);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/SliderThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = ["aria-disabled", "tabindex"];
+var _hoisted_1$40 = ["aria-disabled", "tabindex"];
 //#endregion
 //#region src/component/primitive/SliderThumb.vue
 var SliderThumb_default = /* @__PURE__ */ defineComponent({
@@ -10678,7 +10680,7 @@ var SliderThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$39);
+			}, null, 46, _hoisted_1$40);
 		};
 	}
 });
@@ -10715,7 +10717,7 @@ var Divider_module_default = {
 };
 //#endregion
 //#region src/component/FluxSeparator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = ["aria-orientation"];
+var _hoisted_1$39 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxSeparator.vue
 var FluxSeparator_default = /* @__PURE__ */ defineComponent({
@@ -10727,7 +10729,7 @@ var FluxSeparator_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(__props.direction === "horizontal" ? unref(Divider_module_default).separatorHorizontal : unref(Divider_module_default).separatorVertical),
 				role: "separator",
 				"aria-orientation": __props.direction
-			}, null, 10, _hoisted_1$38);
+			}, null, 10, _hoisted_1$39);
 		};
 	}
 });
@@ -10818,8 +10820,8 @@ var DatePicker_module_default = {
 };
 //#endregion
 //#region src/component/FluxCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = ["onClick"];
-var _hoisted_2$18 = ["onClick"];
+var _hoisted_1$38 = ["onClick"];
+var _hoisted_2$19 = ["onClick"];
 //#endregion
 //#region src/component/FluxCalendar.vue
 var FluxCalendar_default = /* @__PURE__ */ defineComponent({
@@ -10884,7 +10886,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(Calendar_module_default).calendarCurrentMonth),
 							type: "button",
 							onClick: open
-						}, toDisplayString(unref(viewMonth)), 11, _hoisted_1$37)]),
+						}, toDisplayString(unref(viewMonth)), 11, _hoisted_1$38)]),
 						default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerMonths) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
 							return openBlock(), createBlock(FluxSecondaryButton_default, {
 								key: month.label,
@@ -10899,7 +10901,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(Calendar_module_default).calendarCurrentYear),
 							type: "button",
 							onClick: open
-						}, toDisplayString(unref(viewYear)), 11, _hoisted_2$18)]),
+						}, toDisplayString(unref(viewYear)), 11, _hoisted_2$19)]),
 						default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerYears) }, [
 							createVNode(FluxSecondaryButton_default, {
 								"icon-leading": "angle-left",
@@ -11000,8 +11002,8 @@ var FluxCalendarEvent_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = ["for"];
-var _hoisted_2$17 = ["id"];
+var _hoisted_1$37 = ["for"];
+var _hoisted_2$18 = ["id"];
 //#endregion
 //#region src/component/FluxCheckbox.vue
 var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
@@ -11034,7 +11036,7 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					type: "checkbox",
 					class: normalizeClass(unref(Form_module_default).checkboxNative),
 					id: unref(id)
-				}, null, 10, _hoisted_2$17), [[vModelCheckbox, modelValue.value]]),
+				}, null, 10, _hoisted_2$18), [[vModelCheckbox, modelValue.value]]),
 				createElementVNode("button", {
 					"aria-hidden": "true",
 					class: normalizeClass(unref(Form_module_default).checkboxElement),
@@ -11052,7 +11054,7 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).checkboxLabel)
 				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$36);
+			], 10, _hoisted_1$37);
 		};
 	}
 });
@@ -11158,6 +11160,573 @@ var FluxClickablePane_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/composable/private/useCommandPalette.ts
+function useCommandPalette(params) {
+	const search = ref("");
+	const activeTab = ref(null);
+	const highlightedIndex = ref(-1);
+	const subActionTarget = ref(null);
+	const isKeyboardNav = ref(false);
+	const isLoading = ref(false);
+	const isTransitioningBack = ref(false);
+	const savedState = ref(null);
+	const asyncResults = ref(/* @__PURE__ */ new Map());
+	const debouncedSearch = Y$1(search, 300);
+	let fetchGeneration = 0;
+	const filteredItems = computed(() => {
+		const query = unref(search).toLowerCase().trim();
+		const tab = unref(activeTab);
+		const sources = unref(params.sources);
+		const asyncMap = unref(asyncResults);
+		const results = [];
+		for (const source of sources) {
+			if (tab && source.key !== tab) continue;
+			if (source.fetchSearch) {
+				const items = query ? asyncMap.get(source.key) : source.items;
+				if (items) for (const item of items) results.push({
+					globalIndex: results.length,
+					sourceKey: source.key,
+					sourceLabel: source.label,
+					item
+				});
+				continue;
+			}
+			for (const item of source.items) {
+				if (query && !item.label.toLowerCase().includes(query) && !(item.subLabel?.toLowerCase().includes(query) ?? false)) continue;
+				results.push({
+					globalIndex: results.length,
+					sourceKey: source.key,
+					sourceLabel: source.label,
+					item
+				});
+			}
+		}
+		return results;
+	});
+	const groupedItems = computed(() => {
+		const items = unref(filteredItems);
+		const groups = /* @__PURE__ */ new Map();
+		for (const result of items) {
+			if (!groups.has(result.sourceKey)) groups.set(result.sourceKey, {
+				sourceKey: result.sourceKey,
+				sourceLabel: result.sourceLabel,
+				startIndex: result.globalIndex,
+				items: []
+			});
+			groups.get(result.sourceKey).items.push(result);
+		}
+		return Array.from(groups.values());
+	});
+	const tabs = computed(() => unref(params.sources).filter((source) => source.tab));
+	const activeTabSource = computed(() => {
+		const tab = unref(activeTab);
+		if (!tab) return null;
+		return unref(tabs).find((source) => source.key === tab) ?? null;
+	});
+	const subActions = computed(() => {
+		const actions = unref(subActionTarget)?.subActions ?? [];
+		const query = unref(search).toLowerCase().trim();
+		if (!query) return actions;
+		return actions.filter((action) => action.label.toLowerCase().includes(query));
+	});
+	const totalItems = computed(() => {
+		if (unref(subActionTarget)) return unref(subActions).length;
+		return unref(filteredItems).length;
+	});
+	function setSearch(value) {
+		search.value = value;
+		highlightedIndex.value = value.trim() ? 0 : -1;
+		if (value.trim() && !unref(subActionTarget) && unref(params.sources).some((s) => s.fetchSearch)) isLoading.value = true;
+		else isLoading.value = false;
+	}
+	function setActiveTab(key) {
+		const tabKeys = [null, ...unref(tabs).map((t) => t.key)];
+		isTransitioningBack.value = tabKeys.indexOf(key) < tabKeys.indexOf(unref(activeTab));
+		activeTab.value = key;
+		search.value = "";
+		highlightedIndex.value = -1;
+		subActionTarget.value = null;
+	}
+	function selectHighlighted(onClose, onActivate) {
+		const index = unref(highlightedIndex);
+		if (unref(subActionTarget)) {
+			const action = unref(subActions)[index];
+			if (action) {
+				action.onActivate();
+				onClose();
+			}
+			return;
+		}
+		const result = unref(filteredItems)[index];
+		if (!result) return;
+		if (result.item.subActions?.length) enterSubActions(result.item);
+		else {
+			result.item.onActivate();
+			onActivate(result.item);
+		}
+	}
+	function enterSubActions(item) {
+		savedState.value = {
+			search: unref(search),
+			highlightedIndex: unref(highlightedIndex)
+		};
+		subActionTarget.value = item;
+		search.value = "";
+		highlightedIndex.value = 0;
+	}
+	function navigateTab(direction) {
+		const allTabs = unref(tabs);
+		if (allTabs.length === 0) return;
+		const tabKeys = [null, ...allTabs.map((tab) => tab.key)];
+		setActiveTab(tabKeys[(tabKeys.indexOf(unref(activeTab)) + direction + tabKeys.length) % tabKeys.length]);
+	}
+	function restoreState() {
+		subActionTarget.value = null;
+		const state = unref(savedState);
+		if (state) {
+			search.value = state.search;
+			isKeyboardNav.value = true;
+			highlightedIndex.value = state.highlightedIndex;
+			savedState.value = null;
+		} else highlightedIndex.value = -1;
+	}
+	function onKeyNavigate(evt, onClose, onActivate) {
+		const total = unref(totalItems);
+		const current = unref(highlightedIndex);
+		switch (evt.key) {
+			case "ArrowDown":
+				evt.preventDefault();
+				isKeyboardNav.value = true;
+				highlightedIndex.value = Math.min(total - 1, current + 1);
+				break;
+			case "ArrowUp":
+				evt.preventDefault();
+				isKeyboardNav.value = true;
+				highlightedIndex.value = total === 0 ? -1 : Math.max(0, current - 1);
+				break;
+			case "ArrowLeft":
+				if (!unref(search) && !unref(subActionTarget)) {
+					evt.preventDefault();
+					navigateTab(-1);
+				}
+				break;
+			case "ArrowRight":
+				if (!unref(search) && !unref(subActionTarget)) {
+					evt.preventDefault();
+					navigateTab(1);
+				}
+				break;
+			case "Enter":
+				evt.preventDefault();
+				selectHighlighted(onClose, onActivate);
+				break;
+			case "Escape":
+				evt.preventDefault();
+				if (unref(subActionTarget)) restoreState();
+				else onClose();
+				break;
+			case "Backspace":
+				if (!unref(search)) {
+					if (unref(subActionTarget)) {
+						evt.preventDefault();
+						restoreState();
+					} else if (unref(activeTab)) {
+						evt.preventDefault();
+						activeTab.value = null;
+						highlightedIndex.value = -1;
+					}
+				}
+				break;
+		}
+	}
+	function reset() {
+		search.value = "";
+		activeTab.value = null;
+		highlightedIndex.value = -1;
+		subActionTarget.value = null;
+		asyncResults.value = /* @__PURE__ */ new Map();
+		isLoading.value = false;
+		fetchGeneration++;
+	}
+	watch(debouncedSearch, async (query) => {
+		if (unref(subActionTarget)) return;
+		const trimmed = query.trim();
+		if (!trimmed) {
+			asyncResults.value = /* @__PURE__ */ new Map();
+			isLoading.value = false;
+			return;
+		}
+		const tab = unref(activeTab);
+		const asyncSources = unref(params.sources).filter((s) => {
+			if (!s.fetchSearch) return false;
+			return !tab || s.key === tab;
+		});
+		if (asyncSources.length === 0) {
+			isLoading.value = false;
+			return;
+		}
+		const generation = ++fetchGeneration;
+		isLoading.value = true;
+		try {
+			const fetched = await Promise.all(asyncSources.map(async (source) => ({
+				key: source.key,
+				items: await source.fetchSearch(trimmed)
+			})));
+			if (generation !== fetchGeneration) return;
+			const map = /* @__PURE__ */ new Map();
+			for (const { key, items } of fetched) map.set(key, items);
+			asyncResults.value = map;
+		} finally {
+			if (generation === fetchGeneration) isLoading.value = false;
+		}
+	});
+	watch(highlightedIndex, (index) => {
+		if (index < 0 || !unref(isKeyboardNav)) return;
+		isKeyboardNav.value = false;
+		nextTick(() => unref(params.itemRefs)?.[index]?.$el?.scrollIntoView({ block: "nearest" }));
+	});
+	watch(totalItems, (total) => {
+		if (unref(highlightedIndex) >= total) highlightedIndex.value = Math.max(-1, total - 1);
+	});
+	return {
+		search,
+		activeTab,
+		activeTabSource,
+		highlightedIndex,
+		isLoading,
+		isTransitioningBack,
+		subActionTarget,
+		filteredItems,
+		groupedItems,
+		subActions,
+		tabs,
+		totalItems,
+		setSearch,
+		setActiveTab,
+		enterSubActions,
+		onKeyNavigate,
+		reset
+	};
+}
+var CommandPalette_module_default = {
+	commandPaletteBackdrop: `command-palette-backdrop`,
+	commandPaletteBackdropIn: `command-palette-backdrop-in`,
+	isClosing: `is-closing`,
+	commandPaletteBackdropOut: `command-palette-backdrop-out`,
+	commandPaletteDialog: `command-palette-dialog`,
+	commandPaletteIn: `command-palette-in`,
+	commandPaletteOut: `command-palette-out`,
+	commandPalette: `command-palette`,
+	commandPaletteSearch: `command-palette-search`,
+	commandPaletteSearchIcon: `command-palette-search-icon`,
+	commandPaletteSearchInput: `command-palette-search-input`,
+	commandPaletteBreadcrumb: `command-palette-breadcrumb`,
+	commandPaletteBreadcrumbSeparator: `command-palette-breadcrumb-separator`,
+	commandPaletteTabs: `command-palette-tabs`,
+	commandPaletteTab: `command-palette-tab`,
+	commandPaletteTabActive: `command-palette-tab-active command-palette-tab`,
+	commandPaletteTabIcon: `command-palette-tab-icon`,
+	commandPaletteResults: `command-palette-results`,
+	commandPaletteLoading: `command-palette-loading`,
+	commandPaletteEmpty: `command-palette-empty`,
+	commandPaletteGroup: `command-palette-group`,
+	commandPaletteGroupIcon: `command-palette-group-icon`,
+	commandPaletteItem: `command-palette-item`,
+	commandPaletteItemHighlighted: `command-palette-item-highlighted command-palette-item`,
+	commandPaletteItemIcon: `command-palette-item-icon`,
+	icon: `icon`,
+	commandPaletteItemContent: `command-palette-item-content`,
+	commandPaletteItemLabel: `command-palette-item-label`,
+	commandPaletteItemSubLabel: `command-palette-item-sub-label`,
+	commandPaletteItemSubActionIndicator: `command-palette-item-sub-action-indicator`
+};
+//#endregion
+//#region src/component/FluxCommandPaletteGroup.vue
+var FluxCommandPaletteGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxCommandPaletteGroup",
+	props: {
+		icon: {},
+		label: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(CommandPalette_module_default).commandPaletteGroup) }, [__props.icon ? (openBlock(), createBlock(FluxIcon_default, {
+				key: 0,
+				class: normalizeClass(unref(CommandPalette_module_default).commandPaletteGroupIcon),
+				name: __props.icon
+			}, null, 8, ["class", "name"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(__props.label), 1)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxCommandPaletteItem.vue
+var FluxCommandPaletteItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxCommandPaletteItem",
+	props: {
+		command: {},
+		hasSubActions: { type: Boolean },
+		icon: {},
+		isHighlighted: { type: Boolean },
+		label: {},
+		subLabel: {}
+	},
+	emits: ["activate", "highlight"],
+	setup(__props, { emit: $emit }) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				class: normalizeClass(__props.isHighlighted ? unref(CommandPalette_module_default).commandPaletteItemHighlighted : unref(CommandPalette_module_default).commandPaletteItem),
+				tabindex: "-1",
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => $emit("activate")),
+				onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+				onMouseenter: _cache[2] || (_cache[2] = ($event) => $emit("highlight"))
+			}, [
+				__props.icon ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(CommandPalette_module_default).commandPaletteItemIcon)
+				}, [createVNode(FluxIcon_default, { name: __props.icon }, null, 8, ["name"])], 2)) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(unref(CommandPalette_module_default).commandPaletteItemContent) }, [createElementVNode("div", { class: normalizeClass(unref(CommandPalette_module_default).commandPaletteItemLabel) }, toDisplayString(__props.label), 3), __props.subLabel ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(CommandPalette_module_default).commandPaletteItemSubLabel)
+				}, toDisplayString(__props.subLabel), 3)) : createCommentVNode("", true)], 2),
+				__props.command ? (openBlock(), createBlock(FluxTag_default, {
+					key: 1,
+					"is-keyboard-shortcut": "",
+					label: __props.command
+				}, null, 8, ["label"])) : createCommentVNode("", true),
+				__props.hasSubActions ? (openBlock(), createBlock(FluxIcon_default, {
+					key: 2,
+					class: normalizeClass(unref(CommandPalette_module_default).commandPaletteItemSubActionIndicator),
+					name: "chevron-right"
+				}, null, 8, ["class"])) : createCommentVNode("", true)
+			], 34);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxCommandPalette.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$36 = ["placeholder", "value"];
+var _hoisted_2$17 = ["onClick"];
+//#endregion
+//#region src/component/FluxCommandPalette.vue
+var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxCommandPalette",
+	props: {
+		hasKeyboardShortcut: { type: Boolean },
+		placeholder: {},
+		sources: {}
+	},
+	emits: ["select"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const dialogRef = useTemplateRef("dialogRef");
+		const inputRef = useTemplateRef("inputRef");
+		const itemRefs = ref();
+		const isOpen = ref(false);
+		const isClosing = ref(false);
+		const { search, activeTab, activeTabSource, highlightedIndex, isLoading, isTransitioningBack, subActionTarget, groupedItems, subActions, tabs, setSearch, setActiveTab, enterSubActions, onKeyNavigate, reset } = useCommandPalette({
+			sources: toRef(() => props.sources),
+			itemRefs
+		});
+		function open() {
+			if (unref(isOpen)) return;
+			isOpen.value = true;
+			requestAnimationFrame(() => unref(inputRef)?.focus());
+		}
+		function close() {
+			if (!unref(isOpen)) return;
+			const dialog = unref(dialogRef);
+			if (!dialog) return;
+			isClosing.value = true;
+			const finishClose = () => {
+				isClosing.value = false;
+				isOpen.value = false;
+				reset();
+			};
+			const fallbackTimeout = setTimeout(finishClose, 250);
+			dialog.addEventListener("animationend", () => {
+				clearTimeout(fallbackTimeout);
+				finishClose();
+			}, { once: true });
+		}
+		function clearSubActionTarget() {
+			subActionTarget.value = null;
+			highlightedIndex.value = -1;
+		}
+		function activateItem(item) {
+			if (item.subActions?.length) enterSubActions(item);
+			else {
+				item.onActivate();
+				emit("select", item);
+				close();
+			}
+		}
+		function activateSubAction(action) {
+			action.onActivate();
+			close();
+		}
+		function onKeyDown(evt) {
+			onKeyNavigate(evt, close, (item) => {
+				emit("select", item);
+				close();
+			});
+		}
+		function onGlobalKeyDown(evt) {
+			if (evt.key === "k" && (evt.metaKey || evt.ctrlKey)) {
+				evt.preventDefault();
+				if (unref(isOpen)) close();
+				else open();
+			}
+		}
+		if (!A && props.hasKeyboardShortcut) {
+			onMounted(() => {
+				window.addEventListener("keydown", onGlobalKeyDown);
+			});
+			onUnmounted(() => {
+				window.removeEventListener("keydown", onGlobalKeyDown);
+			});
+		}
+		__expose({
+			close,
+			open
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [isOpen.value || isClosing.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([unref(CommandPalette_module_default).commandPaletteBackdrop, isClosing.value && unref(CommandPalette_module_default).isClosing]),
+				onClick: close
+			}, null, 2)) : createCommentVNode("", true), isOpen.value || isClosing.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				ref_key: "dialogRef",
+				ref: dialogRef,
+				class: normalizeClass([unref(CommandPalette_module_default).commandPaletteDialog, isClosing.value && unref(CommandPalette_module_default).isClosing]),
+				onClick: withModifiers(close, ["self"]),
+				onKeydown: onKeyDown
+			}, [withDirectives((openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(CommandPalette_module_default).commandPalette),
+				onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"]))
+			}, [
+				createElementVNode("div", { class: normalizeClass(unref(CommandPalette_module_default).commandPaletteSearch) }, [
+					createVNode(FluxIcon_default, {
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteSearchIcon),
+						name: "magnifying-glass"
+					}, null, 8, ["class"]),
+					unref(activeTabSource) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteBreadcrumb),
+						tabindex: "-1",
+						type: "button",
+						onClick: clearSubActionTarget,
+						onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+					}, toDisplayString(unref(activeTabSource).label), 35), createElementVNode("span", { class: normalizeClass(unref(CommandPalette_module_default).commandPaletteBreadcrumbSeparator) }, "/", 2)], 64)) : createCommentVNode("", true),
+					unref(subActionTarget) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteBreadcrumb),
+						tabindex: "-1",
+						type: "button",
+						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"]))
+					}, toDisplayString(unref(subActionTarget).label), 35), createElementVNode("span", { class: normalizeClass(unref(CommandPalette_module_default).commandPaletteBreadcrumbSeparator) }, "/", 2)], 64)) : createCommentVNode("", true),
+					createElementVNode("input", {
+						ref_key: "inputRef",
+						ref: inputRef,
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteSearchInput),
+						placeholder: __props.placeholder ?? "Search...",
+						value: unref(search),
+						type: "text",
+						onInput: _cache[2] || (_cache[2] = ($event) => unref(setSearch)($event.target.value))
+					}, null, 42, _hoisted_1$36),
+					createVNode(FluxTag_default, {
+						"is-keyboard-shortcut": "",
+						label: "Esc"
+					})
+				], 2),
+				unref(tabs).length > 0 && !unref(subActionTarget) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(CommandPalette_module_default).commandPaletteTabs)
+				}, [createElementVNode("button", {
+					class: normalizeClass(unref(activeTab) === null ? unref(CommandPalette_module_default).commandPaletteTabActive : unref(CommandPalette_module_default).commandPaletteTab),
+					tabindex: "-1",
+					type: "button",
+					onClick: _cache[3] || (_cache[3] = ($event) => unref(setActiveTab)(null)),
+					onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"]))
+				}, " All ", 34), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab) => {
+					return openBlock(), createElementBlock("button", {
+						key: tab.key,
+						class: normalizeClass(unref(activeTab) === tab.key ? unref(CommandPalette_module_default).commandPaletteTabActive : unref(CommandPalette_module_default).commandPaletteTab),
+						tabindex: "-1",
+						type: "button",
+						onClick: ($event) => unref(setActiveTab)(tab.key),
+						onMousedown: _cache[5] || (_cache[5] = withModifiers(() => {}, ["prevent"]))
+					}, [tab.icon ? (openBlock(), createBlock(FluxIcon_default, {
+						key: 0,
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteTabIcon),
+						name: tab.icon
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(tab.label), 1)], 42, _hoisted_2$17);
+				}), 128))], 2)) : createCommentVNode("", true),
+				createVNode(FluxWindowTransition_default, { "is-back": unref(isTransitioningBack) }, {
+					default: withCtx(() => [(openBlock(), createElementBlock("div", {
+						key: unref(activeTab),
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteResults)
+					}, [unref(subActionTarget) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(subActions), (action, index) => {
+						return openBlock(), createBlock(FluxCommandPaletteItem_default, {
+							key: index,
+							ref_for: true,
+							ref_key: "itemRefs",
+							ref: itemRefs,
+							icon: action.icon,
+							"is-highlighted": unref(highlightedIndex) === index,
+							label: action.label,
+							onActivate: ($event) => activateSubAction(action),
+							onHighlight: ($event) => highlightedIndex.value = index
+						}, null, 8, [
+							"icon",
+							"is-highlighted",
+							"label",
+							"onActivate",
+							"onHighlight"
+						]);
+					}), 128)) : unref(groupedItems).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(groupedItems), (group) => {
+						return openBlock(), createElementBlock(Fragment, { key: group.sourceKey }, [group.sourceLabel ? (openBlock(), createBlock(FluxCommandPaletteGroup_default, {
+							key: 0,
+							label: group.sourceLabel
+						}, null, 8, ["label"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (result) => {
+							return openBlock(), createBlock(FluxCommandPaletteItem_default, {
+								key: result.item.id,
+								ref_for: true,
+								ref_key: "itemRefs",
+								ref: itemRefs,
+								command: result.item.command,
+								"has-sub-actions": !!result.item.subActions?.length,
+								icon: result.item.icon,
+								"is-highlighted": unref(highlightedIndex) === result.globalIndex,
+								label: result.item.label,
+								"sub-label": result.item.subLabel,
+								onActivate: ($event) => activateItem(result.item),
+								onHighlight: ($event) => highlightedIndex.value = result.globalIndex
+							}, null, 8, [
+								"command",
+								"has-sub-actions",
+								"icon",
+								"is-highlighted",
+								"label",
+								"sub-label",
+								"onActivate",
+								"onHighlight"
+							]);
+						}), 128))], 64);
+					}), 128)) : unref(isLoading) ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteLoading)
+					}, [createVNode(FluxSpinner_default, { size: 22 })], 2)) : (openBlock(), createElementBlock("div", {
+						key: 3,
+						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteEmpty)
+					}, " No results found. ", 2))], 2))]),
+					_: 1
+				}, 8, ["is-back"])
+			], 34)), [[unref(wi)]])], 34)) : createCommentVNode("", true)]);
+		};
+	}
+});
 var Comment_module_default = {
 	comment: `comment`,
 	avatar: `avatar`,
@@ -12119,16 +12688,16 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButtonIcon": _0$7, "secondaryButton": _1$3, "secondaryButtonLabel": _2$1 } = Button_module_default;
+var { "secondaryButton": _0$7, "secondaryButtonLabel": _1$3, "secondaryButtonIcon": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_1$3}`,
+	paginationButton: `pagination-button ${_0$7}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_0$7}`,
-	paginationButtonLabel: `pagination-button-label ${_2$1}`,
+	paginationButtonIcon: `pagination-button-icon ${_2$1}`,
+	paginationButtonLabel: `pagination-button-label ${_1$3}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -12385,13 +12954,13 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Table.module.scss
-var { "basePaneElement": _0$6, "basePaneLoader": _1$2 } = Pane_module_default$1;
+var { "basePaneLoader": _0$6, "basePaneElement": _1$2 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_0$6}`,
+	table: `table ${_1$2}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
-	tableLoader: `table-loader ${_1$2}`,
+	tableLoader: `table-loader ${_0$6}`,
 	tableRow: `table-row`,
 	tableCell: `table-cell`,
 	tableCellContent: `table-cell-content`,
@@ -18646,7 +19215,7 @@ var FluxTableActions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableActions",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxActions_default, { class: normalizeClass(unref(Table_module_default).tableActions) }, {
+			return openBlock(), createBlock(FluxActionStack_default, { class: normalizeClass(unref(Table_module_default).tableActions) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["class"]);
@@ -19064,6 +19633,6 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActions_default as FluxActions, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoGrid_default as FluxAutoGrid, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarEvent_default as FluxCalendarEvent, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneDeck_default as FluxPaneDeck, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxStack_default as FluxStack, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, fluxRegisterIcons, isFluxFormSelectGroup, isFluxFormSelectOption, showAlert, showConfirm, showPrompt, showSnackbar, useBreakpoints_default as useBreakpoints, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
+export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoGrid_default as FluxAutoGrid, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarEvent_default as FluxCalendarEvent, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneDeck_default as FluxPaneDeck, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxStack_default as FluxStack, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, fluxRegisterIcons, isFluxFormSelectGroup, isFluxFormSelectOption, showAlert, showConfirm, showPrompt, showSnackbar, useBreakpoints_default as useBreakpoints, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map