@flux-ui/components 3.0.0-next.51 → 3.0.0-next.53

package/dist/component/FluxKanban.vue.d.ts

@@ -0,0 +1,25 @@
+import { FluxKanbanMoveEvent } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?(): any;
+    }> & {
+        default?(): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    move: (args_0: FluxKanbanMoveEvent) => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+    onMove?: (args_0: FluxKanbanMoveEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxKanbanCard.vue.d.ts

@@ -0,0 +1,28 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly cardId: string | number;
+    readonly columnId: string | number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?(): any;
+    }> & {
+        default?(): any;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxKanbanColumn.vue.d.ts

@@ -0,0 +1,28 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly columnId: string | number;
+    readonly label: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?(): any;
+        header?(): any;
+        actions?(): any;
+    }> & {
+        default?(): any;
+        header?(): any;
+        actions?(): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/index.d.ts

@@ -80,6 +80,9 @@ export { default as FluxGridColumn } from './FluxGridColumn.vue';
 export { default as FluxGridPattern } from './FluxGridPattern.vue';
 export { default as FluxIcon } from './FluxIcon.vue';
 export { default as FluxInfo } from './FluxInfo.vue';
+export { default as FluxKanban } from './FluxKanban.vue';
+export { default as FluxKanbanCard } from './FluxKanbanCard.vue';
+export { default as FluxKanbanColumn } from './FluxKanbanColumn.vue';
 export { default as FluxInfoStack } from './FluxInfoStack.vue';
 export { default as FluxItem } from './FluxItem.vue';
 export { default as FluxItemActions } from './FluxItemActions.vue';

package/dist/composable/private/useKanban.d.ts

@@ -0,0 +1,7 @@
+import { FluxKanbanMoveEvent } from '@flux-ui/types';
+import { FluxKanbanInjection } from '../../data/di';
+/**
+ * Internal composable for managing kanban drag-and-drop state.
+ * Provides card registration, drag tracking, and drop target management.
+ */
+export declare function useKanban(onMove: (event: FluxKanbanMoveEvent) => void): FluxKanbanInjection;

package/dist/data/di.d.ts

@@ -2,12 +2,32 @@ import { FluxFilterState, FluxFilterValue } from '@flux-ui/types';
 import { ComponentInternalInstance, InjectionKey, Ref } from 'vue';
 export declare const FluxAdaptiveGroupInjectionKey: InjectionKey<FluxAdaptiveGroupInjection>;
 export declare const FluxDisabledInjectionKey: InjectionKey<Ref<boolean>>;
+export declare const FluxKanbanInjectionKey: InjectionKey<FluxKanbanInjection>;
 export declare const FluxExpandableGroupInjectionKey: InjectionKey<FluxExpandableGroupInjection>;
 export declare const FluxFlyoutInjectionKey: InjectionKey<FluxFlyoutInjection>;
 export declare const FluxFilterInjectionKey: InjectionKey<FluxFilterInjection>;
 export declare const FluxFormFieldInjectionKey: InjectionKey<FluxFormFieldInjection>;
 export declare const FluxTableInjectionKey: InjectionKey<FluxTableInjection>;
 export declare const FluxTooltipInjectionKey: InjectionKey<FluxTooltipInjection>;
+export type FluxKanbanDragState = {
+    readonly cardId: string | number;
+    readonly fromColumnId: string | number;
+    readonly dropColumnId: string | number | null;
+    readonly beforeCardId: string | number | null;
+};
+export type FluxKanbanInjection = {
+    readonly dragState: Ref<FluxKanbanDragState | null>;
+    registerCard(element: Element, cardId: string | number): void;
+    unregisterCard(element: Element): void;
+    getCardInfo(element: Element): {
+        readonly cardId: string | number;
+    } | undefined;
+    startDrag(cardId: string | number, fromColumnId: string | number): void;
+    endDrag(): void;
+    updateDropTarget(columnId: string | number, beforeCardId: string | number | null): void;
+    clearDropTarget(): void;
+    commitDrop(): void;
+};
 export type FluxAdaptiveGroupChild = {
     readonly priority: Ref<number>;
     readonly desiredDefaultWidth: Ref<number>;

package/dist/index.css

@@ -5242,6 +5242,90 @@ tfoot .table-cell {
 
 .info-body {
   align-items: center;
+}.kanban {
+  display: flex;
+  flex-flow: row;
+  gap: 15px;
+  overflow-x: auto;
+  padding-bottom: 6px;
+}.kanban-card {
+  position: relative;
+  padding: 12px;
+  background: var(--gray-25);
+  border: 1px solid var(--gray-200);
+  border-radius: var(--radius);
+  cursor: grab;
+  transition: opacity 180ms var(--swift-out), box-shadow 180ms var(--swift-out);
+  user-select: none;
+}
+.kanban-card:active {
+  cursor: grabbing;
+}
+.kanban-card:hover {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+}
+
+.is-dragging {
+  opacity: 0.4;
+  cursor: grabbing;
+}
+
+.is-drop-before::before {
+  content: "";
+  position: absolute;
+  inset-inline: 0;
+  top: -6px;
+  height: 2px;
+  border-radius: 999px;
+  background: var(--primary-500);
+}.kanban-column {
+  display: flex;
+  flex-flow: column;
+  flex-shrink: 0;
+  width: 280px;
+  background: var(--gray-100);
+  border: 1px solid var(--gray-200);
+  border-radius: var(--radius);
+  overflow: hidden;
+}
+
+.kanban-column-header {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 12px 15px;
+  border-bottom: 1px solid var(--gray-200);
+}
+
+.kanban-column-label {
+  flex: 1;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: var(--foreground);
+  letter-spacing: 0.01em;
+  text-transform: uppercase;
+}
+
+.kanban-column-body {
+  display: flex;
+  flex-flow: column;
+  gap: 9px;
+  padding: 9px;
+  min-height: 60px;
+  flex: 1;
+  overflow-y: auto;
+  transition: background 180ms var(--swift-out);
+}
+
+.is-over .kanban-column-body {
+  background: rgb(from var(--primary-500) r g b/0.06);
+}
+
+.kanban-drop-indicator {
+  height: 2px;
+  border-radius: 999px;
+  background: var(--primary-500);
+  flex-shrink: 0;
 }.item {
   display: flex;
   flex-flow: row nowrap;

package/dist/index.js

@@ -64,6 +64,7 @@ function useBreakpoints_default() {
 //#region src/data/di.ts
 var FluxAdaptiveGroupInjectionKey = Symbol();
 var FluxDisabledInjectionKey = Symbol();
+var FluxKanbanInjectionKey = Symbol();
 var FluxExpandableGroupInjectionKey = Symbol();
 var FluxFlyoutInjectionKey = Symbol();
 var FluxFilterInjectionKey = Symbol();
@@ -8348,32 +8349,32 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "button": _0$15, "buttonIcon": _1$7, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "button": _0$15, "buttonLabel": _1$7, "buttonIcon": _2$4 } = Button_module_default$1;
 var Button_module_default = {
 	primaryButton: `primary-button ${_0$15}`,
 	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$15}`,
-	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$15}`,
-	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$15}`,
 	primaryLinkButton: `primary-link-button base-link-button ${_0$15}`,
-	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$15}`,
-	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$15}`,
-	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$15}`,
-	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`,
@@ -10244,7 +10245,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "button": _0$13, "buttonIcon": _1$5, "buttonLabel": _2$2 } = Button_module_default$1;
+var { "buttonLabel": _0$13, "button": _1$5, "buttonIcon": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -10252,10 +10253,10 @@ var Menu_module_default = {
 	menuGroup: `menu-group`,
 	menuGroupHorizontal: `menu-group-horizontal menu-group`,
 	menuGroupVertical: `menu-group-vertical menu-group`,
-	menuItem: `menu-item ${_0$13}`,
+	menuItem: `menu-item ${_1$5}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_1$5}`,
-	menuItemLabel: `menu-item-label ${_2$2}`,
+	menuItemIcon: `menu-item-icon ${_2$2}`,
+	menuItemLabel: `menu-item-label ${_0$13}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
@@ -10264,7 +10265,7 @@ var Menu_module_default = {
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$5}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_2$2}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -17769,6 +17770,222 @@ var FluxInfo_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/composable/private/useKanban.ts
+/**
+* Internal composable for managing kanban drag-and-drop state.
+* Provides card registration, drag tracking, and drop target management.
+*/
+function useKanban(onMove) {
+	const dragState = ref(null);
+	const cardRegistry = /* @__PURE__ */ new WeakMap();
+	function registerCard(element, cardId) {
+		cardRegistry.set(element, { cardId });
+	}
+	function unregisterCard(element) {
+		cardRegistry.delete(element);
+	}
+	function getCardInfo(element) {
+		return cardRegistry.get(element);
+	}
+	function startDrag(cardId, fromColumnId) {
+		dragState.value = {
+			cardId,
+			fromColumnId,
+			dropColumnId: null,
+			beforeCardId: null
+		};
+	}
+	function endDrag() {
+		dragState.value = null;
+	}
+	function updateDropTarget(columnId, beforeCardId) {
+		if (!dragState.value) return;
+		dragState.value = {
+			...dragState.value,
+			dropColumnId: columnId,
+			beforeCardId
+		};
+	}
+	function clearDropTarget() {
+		if (!dragState.value) return;
+		dragState.value = {
+			...dragState.value,
+			dropColumnId: null,
+			beforeCardId: null
+		};
+	}
+	function commitDrop() {
+		const state = dragState.value;
+		if (!state || state.dropColumnId === null) {
+			dragState.value = null;
+			return;
+		}
+		onMove({
+			cardId: state.cardId,
+			fromColumnId: state.fromColumnId,
+			toColumnId: state.dropColumnId,
+			beforeCardId: state.beforeCardId ?? void 0
+		});
+		dragState.value = null;
+	}
+	return {
+		dragState,
+		registerCard,
+		unregisterCard,
+		getCardInfo,
+		startDrag,
+		endDrag,
+		updateDropTarget,
+		clearDropTarget,
+		commitDrop
+	};
+}
+var FluxKanban_module_default = { kanban: `kanban` };
+//#endregion
+//#region src/component/FluxKanban.vue
+var FluxKanban_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxKanban",
+	emits: ["move"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		provide(FluxKanbanInjectionKey, useKanban((event) => emit("move", event)));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(FluxKanban_module_default).kanban) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var FluxKanbanCard_module_default = {
+	kanbanCard: `kanban-card`,
+	isDragging: `is-dragging`,
+	isDropBefore: `is-drop-before`
+};
+//#endregion
+//#region src/component/FluxKanbanCard.vue
+var FluxKanbanCard_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxKanbanCard",
+	props: {
+		cardId: {},
+		columnId: {}
+	},
+	setup(__props) {
+		const kanban = inject(FluxKanbanInjectionKey);
+		const root = useTemplateRef("root");
+		const isDragging = computed(() => unref(kanban.dragState)?.cardId === __props.cardId);
+		const isDropBefore = computed(() => {
+			const state = unref(kanban.dragState);
+			if (!state || state.dropColumnId === null || state.beforeCardId === null) return false;
+			return state.beforeCardId === __props.cardId && state.cardId !== __props.cardId;
+		});
+		onMounted(() => {
+			if (root.value) kanban.registerCard(root.value, __props.cardId);
+		});
+		onUnmounted(() => {
+			if (root.value) kanban.unregisterCard(root.value);
+		});
+		function onDragStart(evt) {
+			kanban.startDrag(__props.cardId, __props.columnId);
+			if (evt.dataTransfer) evt.dataTransfer.effectAllowed = "move";
+		}
+		function onDragEnd() {
+			kanban.endDrag();
+		}
+		function onDragOver(evt) {
+			if (!unref(kanban.dragState)) return;
+			const cardEl = evt.currentTarget;
+			const rect = cardEl.getBoundingClientRect();
+			if (evt.clientY < rect.top + rect.height / 2) kanban.updateDropTarget(__props.columnId, __props.cardId);
+			else {
+				let next = cardEl.nextElementSibling;
+				while (next) {
+					const info = kanban.getCardInfo(next);
+					if (info) {
+						kanban.updateDropTarget(__props.columnId, info.cardId);
+						return;
+					}
+					next = next.nextElementSibling;
+				}
+				kanban.updateDropTarget(__props.columnId, null);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				"data-kanban-card": "",
+				class: normalizeClass([
+					unref(FluxKanbanCard_module_default).kanbanCard,
+					isDragging.value && unref(FluxKanbanCard_module_default).isDragging,
+					isDropBefore.value && unref(FluxKanbanCard_module_default).isDropBefore
+				]),
+				draggable: "true",
+				onDragstart: onDragStart,
+				onDragend: onDragEnd,
+				onDragover: withModifiers(onDragOver, ["prevent", "stop"])
+			}, [renderSlot(_ctx.$slots, "default")], 34);
+		};
+	}
+});
+var FluxKanbanColumn_module_default = {
+	kanbanColumn: `kanban-column`,
+	kanbanColumnHeader: `kanban-column-header`,
+	kanbanColumnLabel: `kanban-column-label`,
+	kanbanColumnBody: `kanban-column-body`,
+	isOver: `is-over`,
+	kanbanDropIndicator: `kanban-drop-indicator`
+};
+//#endregion
+//#region src/component/FluxKanbanColumn.vue
+var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxKanbanColumn",
+	props: {
+		columnId: {},
+		label: {}
+	},
+	setup(__props) {
+		const kanban = inject(FluxKanbanInjectionKey);
+		let dragEnterCount = 0;
+		const isOver = ref(false);
+		const isDropEnd = computed(() => {
+			const state = unref(kanban.dragState);
+			return state !== null && state.dropColumnId === __props.columnId && state.beforeCardId === null;
+		});
+		function onDragEnter() {
+			dragEnterCount++;
+			isOver.value = true;
+		}
+		function onDragLeave() {
+			if (--dragEnterCount <= 0) {
+				dragEnterCount = 0;
+				isOver.value = false;
+				kanban.clearDropTarget();
+			}
+		}
+		function onDragOver(evt) {
+			if (!!!evt.target.closest("[data-kanban-card]")) kanban.updateDropTarget(__props.columnId, null);
+		}
+		function onDrop() {
+			dragEnterCount = 0;
+			isOver.value = false;
+			kanban.commitDrop();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-kanban-column": "",
+				class: normalizeClass([unref(FluxKanbanColumn_module_default).kanbanColumn, isOver.value && unref(FluxKanbanColumn_module_default).isOver])
+			}, [createElementVNode("div", { class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanColumnHeader) }, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("span", { class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanColumnLabel) }, toDisplayString(__props.label), 3)]), renderSlot(_ctx.$slots, "actions")], 2), createElementVNode("div", {
+				class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanColumnBody),
+				onDragenter: onDragEnter,
+				onDragleave: onDragLeave,
+				onDragover: withModifiers(onDragOver, ["prevent"]),
+				onDrop: withModifiers(onDrop, ["prevent"])
+			}, [renderSlot(_ctx.$slots, "default"), isDropEnd.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(FluxKanbanColumn_module_default).kanbanDropIndicator)
+			}, null, 2)) : createCommentVNode("", true)], 34)], 2);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxInfoStack.vue
 var FluxInfoStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxInfoStack",
@@ -20462,6 +20679,6 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, 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, FluxColumn_default as FluxColumn, 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, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, 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, 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, FluxRow_default as FluxRow, 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, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, 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, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, 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, FluxColumn_default as FluxColumn, 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, FluxKanban_default as FluxKanban, FluxKanbanCard_default as FluxKanbanCard, FluxKanbanColumn_default as FluxKanbanColumn, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, 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, 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, FluxRow_default as FluxRow, 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, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, 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