@mittwald/flow-react-components 1.6.0-next.5 → 1.6.0-next.51

package/dist/js/packages/components/src/components/AccordionGroup/context.mjs

@@ -1,10 +1,9 @@
 "use client"
 /* */
 import { createContext, useContext } from "react";
-//#region src/components/AccordionGroup/context.ts
+// src/components/AccordionGroup/context.ts
 var AccordionGroupContext = createContext(null);
 var useAccordionGroupContext = () => useContext(AccordionGroupContext);
-//#endregion
 export { AccordionGroupContext, useAccordionGroupContext };
 
 //# sourceMappingURL=context.mjs.map

package/dist/js/packages/components/src/components/AccordionGroup/lib/expansion.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/AccordionGroup/lib/expansion.ts
+// src/components/AccordionGroup/lib/expansion.ts
 var initialExpansion = (defaultExpandedKeys = []) => ({
 	defaultKeys: new Set(defaultExpandedKeys),
 	overrides: /* @__PURE__ */ new Map(),
@@ -23,7 +23,6 @@ var nextExpandedKeys = (expandedKeys, key, isExpanded, allowsMultipleExpanded) =
 	else next.delete(key);
 	return next;
 };
-//#endregion
 export { expandedKeysOf, initialExpansion, isKeyExpanded, nextExpandedKeys, setKeyExpanded };
 
 //# sourceMappingURL=expansion.mjs.map

package/dist/js/packages/components/src/components/Action/AbortActionError.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Action/AbortActionError.ts
+// src/components/Action/AbortActionError.ts
 var AbortActionError = class AbortActionError extends Error {
 	constructor(message) {
 		super(message);
@@ -13,7 +13,6 @@ var AbortActionError = class AbortActionError extends Error {
 		if (!AbortActionError.isAbortActionError(error)) throw error;
 	}
 };
-//#endregion
 export { AbortActionError };
 
 //# sourceMappingURL=AbortActionError.mjs.map

package/dist/js/packages/components/src/components/Action/Action.mjs

@@ -11,7 +11,7 @@ import { useConfirmationModalButtonSlot } from "./hooks/useConfirmationModalButt
 import { useActionButtonState } from "./hooks/useActionButtonState.mjs";
 import { useActionState } from "./hooks/useActionState.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Action/Action.tsx
+// src/components/Action/Action.tsx
 var actionButtonContext = {
 	onPress: dynamic((props) => {
 		const action = ActionModel.use();
@@ -96,7 +96,6 @@ var Action = flowComponent("Action", (props) => {
 		})
 	});
 }, { type: "provider" });
-//#endregion
 export { Action, Action as default };
 
 //# sourceMappingURL=Action.mjs.map

package/dist/js/packages/components/src/components/Action/ActionBatch.mjs

@@ -2,7 +2,7 @@
 /* */
 import { Action } from "./Action.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Action/ActionBatch.tsx
+// src/components/Action/ActionBatch.tsx
 /**
 * Batches multiple actions together and shows feedback when all actions have
 * completed.
@@ -15,7 +15,6 @@ var ActionBatch = (props) => {
 	const { children } = props;
 	return /* @__PURE__ */ jsx(Action, { children });
 };
-//#endregion
 export { ActionBatch, ActionBatch as default };
 
 //# sourceMappingURL=ActionBatch.mjs.map

package/dist/js/packages/components/src/components/Action/context.mjs

@@ -1,10 +1,9 @@
 "use client"
 /* */
 import { createContext } from "react";
-//#region src/components/Action/context.ts
+// src/components/Action/context.ts
 var actionContext = createContext(void 0);
 var ActionContextProvider = actionContext.Provider;
-//#endregion
 export { ActionContextProvider, actionContext };
 
 //# sourceMappingURL=context.mjs.map

package/dist/js/packages/components/src/components/Action/hooks/useActionButtonState.mjs

@@ -2,7 +2,7 @@
 /* */
 import { ActionModel } from "../models/ActionModel.mjs";
 import { useConfirmationModalButtonSlot } from "./useConfirmationModalButtonSlot.mjs";
-//#region src/components/Action/hooks/useActionButtonState.ts
+// src/components/Action/hooks/useActionButtonState.ts
 var useActionButtonState = (props) => {
 	const action = ActionModel.use();
 	const state = action.state.useValue();
@@ -11,7 +11,6 @@ var useActionButtonState = (props) => {
 	if (action.needsConfirmation && confirmationModalIsOpen && !isConfirmationButton) return "isIdle";
 	return state;
 };
-//#endregion
 export { useActionButtonState };
 
 //# sourceMappingURL=useActionButtonState.mjs.map

package/dist/js/packages/components/src/components/Action/hooks/useActionState.mjs

@@ -1,11 +1,10 @@
 "use client"
 /* */
 import { ActionModel } from "../models/ActionModel.mjs";
-//#region src/components/Action/hooks/useActionState.ts
+// src/components/Action/hooks/useActionState.ts
 var useActionState = () => {
 	return ActionModel.use().state.useValue();
 };
-//#endregion
 export { useActionState };
 
 //# sourceMappingURL=useActionState.mjs.map

package/dist/js/packages/components/src/components/Action/hooks/useConfirmationModalButtonSlot.mjs

@@ -2,11 +2,10 @@
 /* */
 import useContextSlot from "../../../lib/slotContext/useContextSlot.mjs";
 import { getActionGroupSlot } from "../../ActionGroup/lib/getActionGroupSlot.mjs";
-//#region src/components/Action/hooks/useConfirmationModalButtonSlot.ts
+// src/components/Action/hooks/useConfirmationModalButtonSlot.ts
 var useConfirmationModalButtonSlot = (props) => {
 	return useContextSlot("Modal") === "actionConfirm" ? getActionGroupSlot(props) : void 0;
 };
-//#endregion
 export { useConfirmationModalButtonSlot };
 
 //# sourceMappingURL=useConfirmationModalButtonSlot.mjs.map

package/dist/js/packages/components/src/components/Action/hooks/useIsPendingWithWait.mjs

@@ -2,7 +2,7 @@
 /* */
 import { duration } from "../models/ActionState.mjs";
 import { useEffect, useState } from "react";
-//#region src/components/Action/hooks/useIsPendingWithWait.ts
+// src/components/Action/hooks/useIsPendingWithWait.ts
 var useIsPendingWithWait = (isPending) => {
 	const [isPendingWithWait, setIsPendingWithWait] = useState(false);
 	useEffect(() => {
@@ -17,7 +17,6 @@ var useIsPendingWithWait = (isPending) => {
 	}, [isPending, setIsPendingWithWait]);
 	return isPendingWithWait;
 };
-//#endregion
 export { useIsPendingWithWait };
 
 //# sourceMappingURL=useIsPendingWithWait.mjs.map

package/dist/js/packages/components/src/components/Action/lib/abortAction.mjs

@@ -1,11 +1,10 @@
 "use client"
 /* */
 import { AbortActionError } from "../AbortActionError.mjs";
-//#region src/components/Action/lib/abortAction.ts
+// src/components/Action/lib/abortAction.ts
 var abortAction = (message) => {
 	throw new AbortActionError(message);
 };
-//#endregion
 export { abortAction };
 
 //# sourceMappingURL=abortAction.mjs.map

package/dist/js/packages/components/src/components/Action/lib/ariaLive.mjs

@@ -4,7 +4,7 @@ import { useLocalizedStringFormatter } from "../../TranslationProvider/useLocali
 import __locale_default from "../../../../../../_virtual/_.locale.mjs";
 import { useEffect } from "react";
 import { announce } from "@react-aria/live-announcer";
-//#region src/components/Action/lib/ariaLive.ts
+// src/components/Action/lib/ariaLive.ts
 var useAriaAnnounceActionState = (actionState, options = {}) => {
 	const formatter = useLocalizedStringFormatter(__locale_default, "AriaAnnounce");
 	const { isPendingText = formatter.format("action.isPending"), isSucceededText = formatter.format("action.isSucceeded"), isFailedText = formatter.format("action.isFailed") } = options;
@@ -26,7 +26,6 @@ var useAriaAnnounceSuspense = () => {
 		};
 	}, []);
 };
-//#endregion
 export { useAriaAnnounceActionState, useAriaAnnounceSuspense };
 
 //# sourceMappingURL=ariaLive.mjs.map

package/dist/js/packages/components/src/components/Action/models/ActionExecution.mjs

@@ -3,7 +3,7 @@
 import { callFunctionsInOrder } from "../../../lib/promises/callFunctionsInOrder.mjs";
 import { ActionExecutionBatch } from "./ActionExecutionBatch.mjs";
 import { AbortActionError } from "../AbortActionError.mjs";
-//#region src/components/Action/models/ActionExecution.tsx
+// src/components/Action/models/ActionExecution.tsx
 var ActionExecution = class {
 	action;
 	constructor(action) {
@@ -55,7 +55,6 @@ var ActionExecution = class {
 		return batches;
 	};
 };
-//#endregion
 export { ActionExecution };
 
 //# sourceMappingURL=ActionExecution.mjs.map

package/dist/js/packages/components/src/components/Action/models/ActionExecutionBatch.mjs

@@ -2,7 +2,7 @@
 /* */
 import { callFunctionsInOrder } from "../../../lib/promises/callFunctionsInOrder.mjs";
 import { getExecutionFunction } from "./getExecutionFunction.mjs";
-//#region src/components/Action/models/ActionExecutionBatch.ts
+// src/components/Action/models/ActionExecutionBatch.ts
 var ActionExecutionBatch = class {
 	actions = [];
 	baseAction;
@@ -40,7 +40,6 @@ var ActionExecutionBatch = class {
 		}
 	}
 };
-//#endregion
 export { ActionExecutionBatch };
 
 //# sourceMappingURL=ActionExecutionBatch.mjs.map

package/dist/js/packages/components/src/components/Action/models/ActionModel.mjs

@@ -8,7 +8,7 @@ import { ActionExecution } from "./ActionExecution.mjs";
 import { ActionStateContext } from "./ActionStateContext.mjs";
 import { useContext } from "react";
 import invariant from "invariant";
-//#region src/components/Action/models/ActionModel.tsx
+// src/components/Action/models/ActionModel.tsx
 var ActionModel = class ActionModel {
 	state;
 	needsConfirmation;
@@ -92,7 +92,6 @@ var ActionModel = class ActionModel {
 		new ActionExecution(this).execute(...args);
 	};
 };
-//#endregion
 export { ActionModel };
 
 //# sourceMappingURL=ActionModel.mjs.map

package/dist/js/packages/components/src/components/Action/models/ActionState.mjs

@@ -1,10 +1,10 @@
 "use client"
 /* */
-import useSelector from "../../../lib/mobx/useSelector.mjs";
-import { useStatic } from "../../../lib/hooks/useStatic.mjs";
 import { ActionState as ActionState$1, actionStateDurations } from "../../../../../components-base/src/action/ActionState.mjs";
 import "../../../../../components-base/src/index.mjs";
-//#region src/components/Action/models/ActionState.ts
+import useSelector from "../../../lib/mobx/useSelector.mjs";
+import { useStatic } from "../../../lib/hooks/useStatic.mjs";
+// src/components/Action/models/ActionState.ts
 var duration = actionStateDurations;
 /**
 * The state machine is `@mittwald/flow-components-base`'s, shared with every
@@ -21,7 +21,6 @@ var ActionState = class ActionState extends ActionState$1 {
 		return useSelector(() => this.isBusy, [this]);
 	}
 };
-//#endregion
 export { ActionState, duration };
 
 //# sourceMappingURL=ActionState.mjs.map

package/dist/js/packages/components/src/components/Action/models/ActionStateContext.mjs

@@ -5,7 +5,7 @@ import { useStatic } from "../../../lib/hooks/useStatic.mjs";
 import { createContext, useContext, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { action, computed, makeObservable, observable } from "mobx";
-//#region src/components/Action/models/ActionStateContext.tsx
+// src/components/Action/models/ActionStateContext.tsx
 var ActionStateContext = class ActionStateContext {
 	states = /* @__PURE__ */ new Set();
 	constructor() {
@@ -55,7 +55,6 @@ var useActionStateContext = () => {
 	const newContext = ActionStateContext.useNew();
 	return useContext(context) ?? newContext;
 };
-//#endregion
 export { ActionStateContext, ActionStateContextProvider, useActionStateContext };
 
 //# sourceMappingURL=ActionStateContext.mjs.map

package/dist/js/packages/components/src/components/Action/models/getExecutionFunction.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { ActionModel } from "./ActionModel.mjs";
-//#region src/components/Action/models/getExecutionFunction.ts
+// src/components/Action/models/getExecutionFunction.ts
 var voidAction = () => {};
 function getExecutionFunction(action) {
 	if (action.needsConfirmation) return action.confirmationModalController.open;
@@ -15,7 +15,6 @@ function getExecutionFunction(action) {
 	if (closeModal) return () => action.getOverlayController("Modal")?.close(ActionModel.getCloseOverlayOptions(closeModal));
 	return voidAction;
 }
-//#endregion
 export { getExecutionFunction };
 
 //# sourceMappingURL=getExecutionFunction.mjs.map

package/dist/js/packages/components/src/components/ActionGroup/ActionGroup.mjs

@@ -9,7 +9,7 @@ import ActionGroup_module_default from "./ActionGroup.module.mjs";
 import { styleClassname } from "../../lib/scss/selectors.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/ActionGroup/ActionGroup.tsx
+// src/components/ActionGroup/ActionGroup.tsx
 /** @flr-generate all */
 var ActionGroup = flowComponent("ActionGroup", (props) => {
 	const { children, className, ref, spacing = "s", size, preserveOrder = false, ...rest } = props;
@@ -24,19 +24,19 @@ var ActionGroup = flowComponent("ActionGroup", (props) => {
 			slot: dynamic((props) => getActionGroupSlot(props)),
 			className: dynamic((props) => {
 				const slot = getActionGroupSlot(props);
-				return clsx(props.className, styleClassname(ActionGroup_module_default, slot));
+				return clsx(styleClassname(ActionGroup_module_default, slot), props.className);
 			})
 		},
 		Switch: {
 			labelPosition: "leading",
 			className: dynamic((props) => {
-				return clsx(props.className, props.slot && styleClassname(ActionGroup_module_default, props.slot));
+				return clsx(props.slot && styleClassname(ActionGroup_module_default, props.slot), props.className);
 			})
 		},
 		Link: {
 			size,
 			className: dynamic((props) => {
-				return clsx(props.className, props.slot && styleClassname(ActionGroup_module_default, props.slot));
+				return clsx(props.slot && styleClassname(ActionGroup_module_default, props.slot), props.className);
 			})
 		}
 	};
@@ -52,7 +52,6 @@ var ActionGroup = flowComponent("ActionGroup", (props) => {
 		})
 	}) });
 }, { type: "layout" });
-//#endregion
 export { ActionGroup, ActionGroup as default };
 
 //# sourceMappingURL=ActionGroup.mjs.map

package/dist/js/packages/components/src/components/ActionGroup/ActionGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.mjs","names":["styles"],"sources":["../../../../../../../src/components/ActionGroup/ActionGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ActionGroup.module.scss\";\nimport { styleClassname } from \"@/lib/scss/selectors\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { ActionStateContextProvider } from \"@/components/Action/models/ActionStateContext\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\nimport type { ButtonProps } from \"@/components/Button\";\n\nexport interface ActionGroupProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {\n  /** The spacing between the buttons inside the action group. @default \"s\" */\n  spacing?: \"s\" | \"m\";\n  /** The size of the buttons and links inside the action group. @default \"m\" */\n  size?: ButtonProps[\"size\"];\n  /**\n   * When set, the buttons are not sorted into the slots `primary`, `secondary`\n   * and `abort` but stay in source order. Use it when the actions have no such\n   * hierarchy, e.g. a row of equal actions or icon buttons. @default false\n   */\n  preserveOrder?: boolean;\n}\n\n/** @flr-generate all */\nexport const ActionGroup = flowComponent(\n  \"ActionGroup\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      spacing = \"s\",\n      size,\n      preserveOrder = false,\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.actionGroup,\n      styles[spacing],\n      !preserveOrder && styles.sorted,\n      className,\n    );\n\n    const propsContext: PropsContext = preserveOrder\n      ? {\n          Button: { size },\n          Switch: {\n            labelPosition: \"leading\",\n          },\n          Link: { size },\n        }\n      : {\n          Button: {\n            size,\n            slot: dynamic((props) => getActionGroupSlot(props)),\n            className: dynamic((props) => {\n              const slot = getActionGroupSlot(props);\n              return clsx(props.className, styleClassname(styles, slot));\n            }),\n          },\n          Switch: {\n            labelPosition: \"leading\",\n            className: dynamic((props) => {\n              return clsx(\n                props.className,\n                props.slot && styleClassname(styles, props.slot),\n              );\n            }),\n          },\n          Link: {\n            size,\n            className: dynamic((props) => {\n              return clsx(\n                props.className,\n                props.slot && styleClassname(styles, props.slot),\n              );\n            }),\n          },\n        };\n\n    return (\n      <ActionStateContextProvider>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[preserveOrder, size]}\n        >\n          <div {...rest} className={rootClassName} ref={ref} role=\"group\">\n            {children}\n          </div>\n        </PropsContextProvider>\n      </ActionStateContextProvider>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ActionGroup;\n"],"mappings":";;;;;;;;;;;;;AA+BA,IAAa,cAAc,cACzB,gBACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,KACA,UAAU,KACV,MACA,gBAAgB,OAChB,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpBA,2BAAO,aACPA,2BAAO,UACP,CAAC,iBAAiBA,2BAAO,QACzB,SACF;CAEA,MAAM,eAA6B,gBAC/B;EACE,QAAQ,EAAE,KAAK;EACf,QAAQ,EACN,eAAe,UACjB;EACA,MAAM,EAAE,KAAK;CACf,IACA;EACE,QAAQ;GACN;GACA,MAAM,SAAS,UAAU,mBAAmB,KAAK,CAAC;GAClD,WAAW,SAAS,UAAU;IAC5B,MAAM,OAAO,mBAAmB,KAAK;IACrC,OAAO,KAAK,MAAM,WAAW,eAAeA,4BAAQ,IAAI,CAAC;GAC3D,CAAC;EACH;EACA,QAAQ;GACN,eAAe;GACf,WAAW,SAAS,UAAU;IAC5B,OAAO,KACL,MAAM,WACN,MAAM,QAAQ,eAAeA,4BAAQ,MAAM,IAAI,CACjD;GACF,CAAC;EACH;EACA,MAAM;GACJ;GACA,WAAW,SAAS,UAAU;IAC5B,OAAO,KACL,MAAM,WACN,MAAM,QAAQ,eAAeA,4BAAQ,MAAM,IAAI,CACjD;GACF,CAAC;EACH;CACF;CAEJ,OACE,oBAAC,4BAAD,EAAA,UACE,oBAAC,sBAAD;EACE,OAAO;EACP,cAAc,CAAC,eAAe,IAAI;EAElC,UAAA,oBAAC,OAAD;GAAK,GAAI;GAAM,WAAW;GAAoB;GAAK,MAAK;GACrD;EACE,CAAA;CACe,CAAA,EACI,CAAA;AAEhC,GACA,EACE,MAAM,SACR,CACF"}
+{"version":3,"file":"ActionGroup.mjs","names":["styles"],"sources":["../../../../../../../src/components/ActionGroup/ActionGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ActionGroup.module.scss\";\nimport { styleClassname } from \"@/lib/scss/selectors\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { ActionStateContextProvider } from \"@/components/Action/models/ActionStateContext\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\nimport type { ButtonProps } from \"@/components/Button\";\n\nexport interface ActionGroupProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {\n  /** The spacing between the buttons inside the action group. @default \"s\" */\n  spacing?: \"s\" | \"m\";\n  /** The size of the buttons and links inside the action group. @default \"m\" */\n  size?: ButtonProps[\"size\"];\n  /**\n   * When set, the buttons are not sorted into the slots `primary`, `secondary`\n   * and `abort` but stay in source order. Use it when the actions have no such\n   * hierarchy, e.g. a row of equal actions or icon buttons. @default false\n   */\n  preserveOrder?: boolean;\n}\n\n/** @flr-generate all */\nexport const ActionGroup = flowComponent(\n  \"ActionGroup\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      spacing = \"s\",\n      size,\n      preserveOrder = false,\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.actionGroup,\n      styles[spacing],\n      !preserveOrder && styles.sorted,\n      className,\n    );\n\n    const propsContext: PropsContext = preserveOrder\n      ? {\n          Button: { size },\n          Switch: {\n            labelPosition: \"leading\",\n          },\n          Link: { size },\n        }\n      : {\n          Button: {\n            size,\n            slot: dynamic((props) => getActionGroupSlot(props)),\n            className: dynamic((props) => {\n              const slot = getActionGroupSlot(props);\n              return clsx(styleClassname(styles, slot), props.className);\n            }),\n          },\n          Switch: {\n            labelPosition: \"leading\",\n            className: dynamic((props) => {\n              return clsx(\n                props.slot && styleClassname(styles, props.slot),\n                props.className,\n              );\n            }),\n          },\n          Link: {\n            size,\n            className: dynamic((props) => {\n              return clsx(\n                props.slot && styleClassname(styles, props.slot),\n                props.className,\n              );\n            }),\n          },\n        };\n\n    return (\n      <ActionStateContextProvider>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[preserveOrder, size]}\n        >\n          <div {...rest} className={rootClassName} ref={ref} role=\"group\">\n            {children}\n          </div>\n        </PropsContextProvider>\n      </ActionStateContextProvider>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ActionGroup;\n"],"mappings":";;;;;;;;;;;;;AA+BA,IAAa,cAAc,cACzB,gBACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,KACA,UAAU,KACV,MACA,gBAAgB,OAChB,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpBA,2BAAO,aACPA,2BAAO,UACP,CAAC,iBAAiBA,2BAAO,QACzB,SACF;CAEA,MAAM,eAA6B,gBAC/B;EACE,QAAQ,EAAE,KAAK;EACf,QAAQ,EACN,eAAe,UACjB;EACA,MAAM,EAAE,KAAK;CACf,IACA;EACE,QAAQ;GACN;GACA,MAAM,SAAS,UAAU,mBAAmB,KAAK,CAAC;GAClD,WAAW,SAAS,UAAU;IAC5B,MAAM,OAAO,mBAAmB,KAAK;IACrC,OAAO,KAAK,eAAeA,4BAAQ,IAAI,GAAG,MAAM,SAAS;GAC3D,CAAC;EACH;EACA,QAAQ;GACN,eAAe;GACf,WAAW,SAAS,UAAU;IAC5B,OAAO,KACL,MAAM,QAAQ,eAAeA,4BAAQ,MAAM,IAAI,GAC/C,MAAM,SACR;GACF,CAAC;EACH;EACA,MAAM;GACJ;GACA,WAAW,SAAS,UAAU;IAC5B,OAAO,KACL,MAAM,QAAQ,eAAeA,4BAAQ,MAAM,IAAI,GAC/C,MAAM,SACR;GACF,CAAC;EACH;CACF;CAEJ,OACE,oBAAC,4BAAD,EAAA,UACE,oBAAC,sBAAD;EACE,OAAO;EACP,cAAc,CAAC,eAAe,IAAI;EAElC,UAAA,oBAAC,OAAD;GAAK,GAAI;GAAM,WAAW;GAAoB;GAAK,MAAK;GACrD;EACE,CAAA;CACe,CAAA,EACI,CAAA;AAEhC,GACA,EACE,MAAM,SACR,CACF"}

package/dist/js/packages/components/src/components/ActionGroup/ActionGroup.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/ActionGroup/ActionGroup.module.scss
+// src/components/ActionGroup/ActionGroup.module.scss
 var actionGroup = "flow--action-group";
 var s = "flow--action-group--s";
 var m = "flow--action-group--m";
@@ -17,7 +17,6 @@ var ActionGroup_module_default = {
 	secondary,
 	abort
 };
-//#endregion
 export { abort, actionGroup, ActionGroup_module_default as default, m, primary, s, secondary, sorted };
 
 //# sourceMappingURL=ActionGroup.module.mjs.map

package/dist/js/packages/components/src/components/ActionGroup/lib/getActionGroupSlot.mjs

@@ -1,12 +1,11 @@
 "use client"
 /* */
-//#region src/components/ActionGroup/lib/getActionGroupSlot.tsx
+// src/components/ActionGroup/lib/getActionGroupSlot.tsx
 var getActionGroupSlot = (props) => {
 	const { slot: slotFromProps, ...buttonProps } = props;
 	const guessedSlot = buttonProps.color === void 0 || buttonProps.color === "primary" || buttonProps.color === "danger" || buttonProps.color === "success" || buttonProps.color === "accent" ? "primary" : "abort";
 	return slotFromProps ?? guessedSlot;
 };
-//#endregion
 export { getActionGroupSlot };
 
 //# sourceMappingURL=getActionGroupSlot.mjs.map

package/dist/js/packages/components/src/components/Activity/Activity.mjs

@@ -5,8 +5,8 @@ import { ActivityContextProvider, useIsActivityActive } from "./context.mjs";
 import React, { Suspense, useEffect, useLayoutEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIsSSR } from "react-aria";
-//#region src/components/Activity/Activity.tsx
-var isActivitySupported = React.version.startsWith("19.2");
+// src/components/Activity/Activity.tsx
+var isActivitySupported = "Activity" in React;
 var CustomActivity = (props) => {
 	const { children, isActive = true } = props;
 	return /* @__PURE__ */ jsxs(Suspense, {
@@ -51,7 +51,6 @@ var Activity = (props) => {
 		children: content
 	});
 };
-//#endregion
 export { Activity, Activity as default };
 
 //# sourceMappingURL=Activity.mjs.map

package/dist/js/packages/components/src/components/Activity/Activity.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Activity.mjs","names":[],"sources":["../../../../../../../src/components/Activity/Activity.tsx"],"sourcesContent":["import SuspenseTrigger from \"@/components/SuspenseTrigger\";\nimport React, { useEffect, useLayoutEffect, useState } from \"react\";\nimport { type FC, type PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport { useIsSSR } from \"react-aria\";\nimport {\n  ActivityContextProvider,\n  useIsActivityActive,\n} from \"@/components/Activity/context\";\n\nexport interface ActivityProps extends PropsWithChildren {\n  isActive?: boolean;\n  inactiveDelay?: number;\n  /** @internal */\n  forceCustomActivity?: boolean;\n}\n\nconst isActivitySupported = React.version.startsWith(\"19.2\");\n\nconst CustomActivity: FC<ActivityProps> = (props) => {\n  const { children, isActive: isActive = true } = props;\n\n  return (\n    <Suspense fallback={null}>\n      <SuspenseTrigger show={!isActive} />\n      {children}\n    </Suspense>\n  );\n};\n\nexport const Activity: FC<ActivityProps> = (props) => {\n  const {\n    isActive: isActiveFromProps = true,\n    inactiveDelay,\n    forceCustomActivity = false,\n    children,\n  } = props;\n\n  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);\n  const isSsr = useIsSSR();\n  const isParentActive = useIsActivityActive();\n\n  useEffect(() => {\n    if (!inactiveDelay) {\n      return;\n    }\n\n    if (isActiveFromProps) {\n      setIsActiveState(true);\n    } else {\n      const timeout = setTimeout(() => {\n        setIsActiveState(false);\n      }, inactiveDelay);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [isActiveFromProps, inactiveDelay]);\n\n  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;\n\n  /*\n   * A hidden subtree keeps rendering, but React commits none of those renders —\n   * that holds for React's own `Activity` as much as for the suspended one. Its\n   * inline DOM is hidden along with it, yet anything it portalled elsewhere\n   * stays on screen, frozen at the last commit: the open Select popover of the\n   * tab you just left. So hide one commit after deactivating, which is the\n   * commit the subtree needs to unmount its overlays. Setting the state from a\n   * layout effect keeps that intermediate commit off the screen.\n   */\n  const [isHiddenState, setIsHiddenState] = useState(!isActive);\n\n  useLayoutEffect(() => {\n    setIsHiddenState(!isActive);\n  }, [isActive]);\n\n  const isHidden = isHiddenState && !isActive;\n\n  if (isSsr) {\n    return isActive ? children : null;\n  }\n\n  const content = (\n    <ActivityContextProvider value={isParentActive && isActive}>\n      {children}\n    </ActivityContextProvider>\n  );\n\n  if (isActivitySupported && !forceCustomActivity) {\n    return (\n      <React.Activity mode={isHidden ? \"hidden\" : \"visible\"}>\n        {content}\n      </React.Activity>\n    );\n  }\n\n  return <CustomActivity isActive={!isHidden}>{content}</CustomActivity>;\n};\n\nexport default Activity;\n"],"mappings":";;;;;;;;AAiBA,IAAM,sBAAsB,MAAM,QAAQ,WAAW,MAAM;AAE3D,IAAM,kBAAqC,UAAU;CACnD,MAAM,EAAE,UAAoB,WAAW,SAAS;CAEhD,OACE,qBAAC,UAAD;EAAU,UAAU;EAApB,UAAA,CACE,oBAAC,iBAAD,EAAiB,MAAM,CAAC,SAAW,CAAA,GAClC,QACO;;AAEd;AAEA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UAAU,oBAAoB,MAC9B,eACA,sBAAsB,OACtB,aACE;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,iBAAiB;CACpE,MAAM,QAAQ,SAAS;CACvB,MAAM,iBAAiB,oBAAoB;CAE3C,gBAAgB;EACd,IAAI,CAAC,eACH;EAGF,IAAI,mBACF,iBAAiB,IAAI;OAChB;GACL,MAAM,UAAU,iBAAiB;IAC/B,iBAAiB,KAAK;GACxB,GAAG,aAAa;GAEhB,aAAa;IACX,aAAa,OAAO;GACtB;EACF;CACF,GAAG,CAAC,mBAAmB,aAAa,CAAC;CAErC,MAAM,WAAW,gBAAgB,gBAAgB;CAWjD,MAAM,CAAC,eAAe,oBAAoB,SAAS,CAAC,QAAQ;CAE5D,sBAAsB;EACpB,iBAAiB,CAAC,QAAQ;CAC5B,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,WAAW,iBAAiB,CAAC;CAEnC,IAAI,OACF,OAAO,WAAW,WAAW;CAG/B,MAAM,UACJ,oBAAC,yBAAD;EAAyB,OAAO,kBAAkB;EAC/C;CACsB,CAAA;CAG3B,IAAI,uBAAuB,CAAC,qBAC1B,OACE,oBAAC,MAAM,UAAP;EAAgB,MAAM,WAAW,WAAW;EACzC,UAAA;CACa,CAAA;CAIpB,OAAO,oBAAC,gBAAD;EAAgB,UAAU,CAAC;EAAW,UAAA;CAAwB,CAAA;AACvE"}
+{"version":3,"file":"Activity.mjs","names":[],"sources":["../../../../../../../src/components/Activity/Activity.tsx"],"sourcesContent":["import SuspenseTrigger from \"@/components/SuspenseTrigger\";\nimport React, { useEffect, useLayoutEffect, useState } from \"react\";\nimport { type FC, type PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport { useIsSSR } from \"react-aria\";\nimport {\n  ActivityContextProvider,\n  useIsActivityActive,\n} from \"@/components/Activity/context\";\n\nexport interface ActivityProps extends PropsWithChildren {\n  isActive?: boolean;\n  inactiveDelay?: number;\n  /** @internal */\n  forceCustomActivity?: boolean;\n}\n\nconst isActivitySupported = \"Activity\" in React;\n\nconst CustomActivity: FC<ActivityProps> = (props) => {\n  const { children, isActive: isActive = true } = props;\n\n  return (\n    <Suspense fallback={null}>\n      <SuspenseTrigger show={!isActive} />\n      {children}\n    </Suspense>\n  );\n};\n\nexport const Activity: FC<ActivityProps> = (props) => {\n  const {\n    isActive: isActiveFromProps = true,\n    inactiveDelay,\n    forceCustomActivity = false,\n    children,\n  } = props;\n\n  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);\n  const isSsr = useIsSSR();\n  const isParentActive = useIsActivityActive();\n\n  useEffect(() => {\n    if (!inactiveDelay) {\n      return;\n    }\n\n    if (isActiveFromProps) {\n      setIsActiveState(true);\n    } else {\n      const timeout = setTimeout(() => {\n        setIsActiveState(false);\n      }, inactiveDelay);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [isActiveFromProps, inactiveDelay]);\n\n  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;\n\n  /*\n   * A hidden subtree keeps rendering, but React commits none of those renders —\n   * that holds for React's own `Activity` as much as for the suspended one. Its\n   * inline DOM is hidden along with it, yet anything it portalled elsewhere\n   * stays on screen, frozen at the last commit: the open Select popover of the\n   * tab you just left. So hide one commit after deactivating, which is the\n   * commit the subtree needs to unmount its overlays. Setting the state from a\n   * layout effect keeps that intermediate commit off the screen.\n   */\n  const [isHiddenState, setIsHiddenState] = useState(!isActive);\n\n  useLayoutEffect(() => {\n    setIsHiddenState(!isActive);\n  }, [isActive]);\n\n  const isHidden = isHiddenState && !isActive;\n\n  if (isSsr) {\n    return isActive ? children : null;\n  }\n\n  const content = (\n    <ActivityContextProvider value={isParentActive && isActive}>\n      {children}\n    </ActivityContextProvider>\n  );\n\n  if (isActivitySupported && !forceCustomActivity) {\n    return (\n      <React.Activity mode={isHidden ? \"hidden\" : \"visible\"}>\n        {content}\n      </React.Activity>\n    );\n  }\n\n  return <CustomActivity isActive={!isHidden}>{content}</CustomActivity>;\n};\n\nexport default Activity;\n"],"mappings":";;;;;;;;AAiBA,IAAM,sBAAsB,cAAc;AAE1C,IAAM,kBAAqC,UAAU;CACnD,MAAM,EAAE,UAAoB,WAAW,SAAS;CAEhD,OACE,qBAAC,UAAD;EAAU,UAAU;EAApB,UAAA,CACE,oBAAC,iBAAD,EAAiB,MAAM,CAAC,SAAW,CAAA,GAClC,QACO;;AAEd;AAEA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UAAU,oBAAoB,MAC9B,eACA,sBAAsB,OACtB,aACE;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,iBAAiB;CACpE,MAAM,QAAQ,SAAS;CACvB,MAAM,iBAAiB,oBAAoB;CAE3C,gBAAgB;EACd,IAAI,CAAC,eACH;EAGF,IAAI,mBACF,iBAAiB,IAAI;OAChB;GACL,MAAM,UAAU,iBAAiB;IAC/B,iBAAiB,KAAK;GACxB,GAAG,aAAa;GAEhB,aAAa;IACX,aAAa,OAAO;GACtB;EACF;CACF,GAAG,CAAC,mBAAmB,aAAa,CAAC;CAErC,MAAM,WAAW,gBAAgB,gBAAgB;CAWjD,MAAM,CAAC,eAAe,oBAAoB,SAAS,CAAC,QAAQ;CAE5D,sBAAsB;EACpB,iBAAiB,CAAC,QAAQ;CAC5B,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,WAAW,iBAAiB,CAAC;CAEnC,IAAI,OACF,OAAO,WAAW,WAAW;CAG/B,MAAM,UACJ,oBAAC,yBAAD;EAAyB,OAAO,kBAAkB;EAC/C;CACsB,CAAA;CAG3B,IAAI,uBAAuB,CAAC,qBAC1B,OACE,oBAAC,MAAM,UAAP;EAAgB,MAAM,WAAW,WAAW;EACzC,UAAA;CACa,CAAA;CAIpB,OAAO,oBAAC,gBAAD;EAAgB,UAAU,CAAC;EAAW,UAAA;CAAwB,CAAA;AACvE"}

package/dist/js/packages/components/src/components/Activity/context.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { createContext, useContext } from "react";
-//#region src/components/Activity/context.ts
+// src/components/Activity/context.ts
 var activityContext = createContext(true);
 /**
 * Whether the surrounding `Activity` is active.
@@ -14,7 +14,6 @@ var activityContext = createContext(true);
 */
 var useIsActivityActive = () => useContext(activityContext);
 var ActivityContextProvider = activityContext.Provider;
-//#endregion
 export { ActivityContextProvider, useIsActivityActive };
 
 //# sourceMappingURL=context.mjs.map

package/dist/js/packages/components/src/components/Alert/Alert.mjs

@@ -3,12 +3,13 @@
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
+import { SectionHeadingReset } from "../Section/context.mjs";
 import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { AlertIcon } from "../AlertIcon/AlertIcon.mjs";
 import Alert_module_default from "./Alert.module.mjs";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Alert/Alert.tsx
+// src/components/Alert/Alert.tsx
 /** @flr-generate all */
 var Alert = flowComponent("Alert", (props) => {
 	const { children, className, status = "info", ref, ...rest } = props;
@@ -37,14 +38,13 @@ var Alert = flowComponent("Alert", (props) => {
 		...rest,
 		className: rootClassName,
 		ref,
-		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+		children: /* @__PURE__ */ jsx(SectionHeadingReset, { children: /* @__PURE__ */ jsx(PropsContextProvider, {
 			props: propsContext,
 			dependencies: [status],
 			children
-		})
+		}) })
 	});
 });
-//#endregion
 export { Alert, Alert as default };
 
 //# sourceMappingURL=Alert.mjs.map

package/dist/js/packages/components/src/components/Alert/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","names":["styles","_Fragment"],"sources":["../../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./Alert.module.scss\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface AlertProps\n  extends\n    PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps<HTMLElement> {}\n\n/** @flr-generate all */\nexport const Alert = flowComponent(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.alert,\n    styles[status],\n    isSkeleton && styles.skeleton,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <aside {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext} dependencies={[status]}>\n        {children}\n      </PropsContextProvider>\n    </aside>\n  );\n});\n\nexport default Alert;\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,qBAAO,OACPA,qBAAO,SACP,cAAcA,qBAAO,UACrB,SACF;CAEA,MAAM,eAA6B;EACjC,SAAS;GACP,WAAWA,qBAAO;GAClB,OAAO;GACP,MAAM;GACN,UAAU,SAAS,UACjB,qBAAAC,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;IAAmB;IAAQ,WAAWD,qBAAO;GAAO,CAAA,GACnD,MAAM,QACP,EAAA,CAAA,CACH;EACH;EACA,SAAS;GACP,WAAWA,qBAAO;GAClB,QAAQ,EACN,MAAM,IACR;GACA,aAAa;IACX,eAAe;IACf,MAAM;GACR;EACF;CACF;CAEA,OACE,oBAAC,SAAD;EAAO,GAAI;EAAM,WAAW;EAAoB;EAC9C,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAAc,cAAc,CAAC,MAAM;GAC7D;EACmB,CAAA;CACjB,CAAA;AAEX,CAAC"}
+{"version":3,"file":"Alert.mjs","names":["styles","_Fragment"],"sources":["../../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./Alert.module.scss\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\nimport { SectionHeadingReset } from \"@/components/Section/context\";\n\nexport interface AlertProps\n  extends\n    PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps<HTMLElement> {}\n\n/** @flr-generate all */\nexport const Alert = flowComponent(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.alert,\n    styles[status],\n    isSkeleton && styles.skeleton,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <aside {...rest} className={rootClassName} ref={ref}>\n      <SectionHeadingReset>\n        <PropsContextProvider props={propsContext} dependencies={[status]}>\n          {children}\n        </PropsContextProvider>\n      </SectionHeadingReset>\n    </aside>\n  );\n});\n\nexport default Alert;\n"],"mappings":";;;;;;;;;;;;;AAmBA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,qBAAO,OACPA,qBAAO,SACP,cAAcA,qBAAO,UACrB,SACF;CAEA,MAAM,eAA6B;EACjC,SAAS;GACP,WAAWA,qBAAO;GAClB,OAAO;GACP,MAAM;GACN,UAAU,SAAS,UACjB,qBAAAC,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;IAAmB;IAAQ,WAAWD,qBAAO;GAAO,CAAA,GACnD,MAAM,QACP,EAAA,CAAA,CACH;EACH;EACA,SAAS;GACP,WAAWA,qBAAO;GAClB,QAAQ,EACN,MAAM,IACR;GACA,aAAa;IACX,eAAe;IACf,MAAM;GACR;EACF;CACF;CAEA,OACE,oBAAC,SAAD;EAAO,GAAI;EAAM,WAAW;EAAoB;EAC9C,UAAA,oBAAC,qBAAD,EAAA,UACE,oBAAC,sBAAD;GAAsB,OAAO;GAAc,cAAc,CAAC,MAAM;GAC7D;EACmB,CAAA,EACH,CAAA;CAChB,CAAA;AAEX,CAAC"}

package/dist/js/packages/components/src/components/Alert/Alert.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Alert/Alert.module.scss
+// src/components/Alert/Alert.module.scss
 var alert = "flow--alert";
 var icon = "flow--alert--icon";
 var content = "flow--alert--content";
@@ -23,7 +23,6 @@ var Alert_module_default = {
 	unavailable,
 	skeleton
 };
-//#endregion
 export { alert, content, danger, Alert_module_default as default, heading, icon, info, skeleton, success, unavailable, warning };
 
 //# sourceMappingURL=Alert.module.mjs.map

package/dist/js/packages/components/src/components/AlertBadge/AlertBadge.mjs

@@ -7,13 +7,13 @@ import AlertBadge_module_default from "./AlertBadge.module.mjs";
 import { Text } from "../Text/Text.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/AlertBadge/AlertBadge.tsx
+// src/components/AlertBadge/AlertBadge.tsx
 /** @flr-generate all */
 var AlertBadge = flowComponent("AlertBadge", (props) => {
 	const { children, className, status = "info", ref, ...rest } = props;
 	const isSkeleton = useSkeletonMode();
 	const rootClassName = clsx(AlertBadge_module_default.alertBadge, AlertBadge_module_default[status], isSkeleton && AlertBadge_module_default.skeleton, className);
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx("span", {
 		className: rootClassName,
 		...rest,
 		ref,
@@ -27,7 +27,6 @@ var AlertBadge = flowComponent("AlertBadge", (props) => {
 		})] })
 	});
 });
-//#endregion
 export { AlertBadge, AlertBadge as default };
 
 //# sourceMappingURL=AlertBadge.mjs.map

package/dist/js/packages/components/src/components/AlertBadge/AlertBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.mjs","names":["styles"],"sources":["../../../../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithStatus, PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  SkeletonModeReset,\n  useSkeletonMode,\n} from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface AlertBadgeProps\n  extends\n    PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const AlertBadge = flowComponent(\"AlertBadge\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.alertBadge,\n    styles[status],\n    isSkeleton && styles.skeleton,\n    className,\n  );\n\n  return (\n    <div\n      className={rootClassName}\n      {...rest}\n      ref={ref}\n      inert={isSkeleton || undefined}\n    >\n      <SkeletonModeReset>\n        <AlertIcon size=\"s\" status={status} />\n        <Text className={styles.text}>{children}</Text>\n      </SkeletonModeReset>\n    </div>\n  );\n});\n\nexport default AlertBadge;\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,0BAAO,YACPA,0BAAO,SACP,cAAcA,0BAAO,UACrB,SACF;CAEA,OACE,oBAAC,OAAD;EACE,WAAW;EACX,GAAI;EACC;EACL,OAAO,cAAc,KAAA;EAErB,UAAA,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,MAAK;GAAY;EAAS,CAAA,GACrC,oBAAC,MAAD;GAAM,WAAWA,0BAAO;GAAO;EAAe,CAAA,CAC7B,EAAA,CAAA;CAChB,CAAA;AAET,CAAC"}
+{"version":3,"file":"AlertBadge.mjs","names":["styles"],"sources":["../../../../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithStatus, PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  SkeletonModeReset,\n  useSkeletonMode,\n} from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface AlertBadgeProps\n  extends\n    PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps<HTMLSpanElement>,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const AlertBadge = flowComponent(\"AlertBadge\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.alertBadge,\n    styles[status],\n    isSkeleton && styles.skeleton,\n    className,\n  );\n\n  return (\n    <span\n      className={rootClassName}\n      {...rest}\n      ref={ref}\n      inert={isSkeleton || undefined}\n    >\n      <SkeletonModeReset>\n        <AlertIcon size=\"s\" status={status} />\n        <Text className={styles.text}>{children}</Text>\n      </SkeletonModeReset>\n    </span>\n  );\n});\n\nexport default AlertBadge;\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,0BAAO,YACPA,0BAAO,SACP,cAAcA,0BAAO,UACrB,SACF;CAEA,OACE,oBAAC,QAAD;EACE,WAAW;EACX,GAAI;EACC;EACL,OAAO,cAAc,KAAA;EAErB,UAAA,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,MAAK;GAAY;EAAS,CAAA,GACrC,oBAAC,MAAD;GAAM,WAAWA,0BAAO;GAAO;EAAe,CAAA,CAC7B,EAAA,CAAA;CACf,CAAA;AAEV,CAAC"}

package/dist/js/packages/components/src/components/AlertBadge/AlertBadge.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/AlertBadge/AlertBadge.module.scss
+// src/components/AlertBadge/AlertBadge.module.scss
 var alertBadge = "flow--alert-badge";
 var text = "flow--alert-badge--text";
 var info = "flow--alert-badge--info";
@@ -21,7 +21,6 @@ var AlertBadge_module_default = {
 	"skeleton-surface-shimmer": "flow--alert-badge--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--alert-badge--skeleton-text-shimmer"
 };
-//#endregion
 export { alertBadge, danger, AlertBadge_module_default as default, info, skeleton, success, text, unavailable, warning };
 
 //# sourceMappingURL=AlertBadge.module.mjs.map

package/dist/js/packages/components/src/components/AlertBadge/AlertBadge.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.module.mjs","names":[],"sources":["../../../../../../../src/components/AlertBadge/AlertBadge.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\n@use \"@/styles/mixins/skeleton\";\n\n.alertBadge {\n  font-size: var(--badge--font-size);\n  font-weight: var(--badge--font-weight);\n  line-height: var(--badge--line-height);\n  border-radius: var(--badge--corner-radius);\n  padding-inline: var(--badge--padding-x);\n  padding-block: calc(var(--badge--padding-y) - (var(--badge--border-width)));\n  display: flex;\n  align-items: center;\n  column-gap: var(--badge--spacing);\n  max-width: fit-content;\n  border-style: var(--badge--border-style);\n  border-width: var(--badge--border-width);\n\n  .text {\n    @include ellipsis.ellipsis();\n  }\n\n  @extend .info;\n\n  /* Status */\n  @mixin status($status) {\n    &.#{$status} {\n      color: var(--alert-badge--#{$status}-content-color);\n      background-color: var(--alert-badge--#{$status}-background-color);\n      border-color: var(--alert-badge--#{$status}-border-color);\n    }\n  }\n\n  @include status(info);\n  @include status(success);\n  @include status(warning);\n  @include status(danger);\n  @include status(unavailable);\n\n  /* SkeletonMode */\n\n  &.skeleton {\n    @include skeleton.shape;\n\n    --skeleton-radius: var(--badge--corner-radius);\n  }\n}\n\n@include skeleton.keyframes;\n"],"mappings":""}
+{"version":3,"file":"AlertBadge.module.mjs","names":[],"sources":["../../../../../../../src/components/AlertBadge/AlertBadge.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\n@use \"@/styles/mixins/skeleton\";\n\n.alertBadge {\n  font-size: var(--badge--font-size);\n  font-weight: var(--badge--font-weight);\n  line-height: var(--badge--line-height);\n  border-radius: var(--badge--corner-radius);\n  padding-inline: var(--badge--padding-x);\n  padding-block: calc(var(--badge--padding-y) - (var(--badge--border-width)));\n  display: inline-flex;\n  align-items: center;\n  column-gap: var(--badge--spacing);\n  max-width: 100%;\n  border-style: var(--badge--border-style);\n  border-width: var(--badge--border-width);\n\n  .text {\n    @include ellipsis.ellipsis();\n\n    /* In running text the badge sits on the baseline of its text, not on the\n       bottom edge of the icon */\n    align-self: baseline;\n  }\n\n  @extend .info;\n\n  /* Status */\n  @mixin status($status) {\n    &.#{$status} {\n      color: var(--alert-badge--#{$status}-content-color);\n      background-color: var(--alert-badge--#{$status}-background-color);\n      border-color: var(--alert-badge--#{$status}-border-color);\n    }\n  }\n\n  @include status(info);\n  @include status(success);\n  @include status(warning);\n  @include status(danger);\n  @include status(unavailable);\n\n  /* SkeletonMode */\n\n  &.skeleton {\n    @include skeleton.shape;\n\n    --skeleton-radius: var(--badge--corner-radius);\n  }\n}\n\n@include skeleton.keyframes;\n"],"mappings":""}

package/dist/js/packages/components/src/components/AlertIcon/AlertIcon.mjs

@@ -10,7 +10,7 @@ import { SkeletonIconSurface } from "../SkeletonMode/components/SkeletonIconSurf
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import __locale_default from "../../../../../_virtual/_2.locale.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/AlertIcon/AlertIcon.tsx
+// src/components/AlertIcon/AlertIcon.tsx
 var icons = {
 	danger: IconDanger,
 	info: IconInfo,
@@ -38,7 +38,6 @@ var AlertIcon = (props) => {
 	}
 	return /* @__PURE__ */ jsx(Icon, { ...iconProps });
 };
-//#endregion
 export { AlertIcon, AlertIcon as default };
 
 //# sourceMappingURL=AlertIcon.mjs.map

package/dist/js/packages/components/src/components/AlertText/AlertText.mjs

@@ -8,7 +8,7 @@ import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextCont
 import AlertText_module_default from "./AlertText.module.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/AlertText/AlertText.tsx
+// src/components/AlertText/AlertText.tsx
 /** @flr-generate all */
 var AlertText = flowComponent("AlertText", (props) => {
 	const { className, children, status = "info" } = props;
@@ -29,7 +29,6 @@ var AlertText = flowComponent("AlertText", (props) => {
 		})]
 	});
 });
-//#endregion
 export { AlertText, AlertText as default };
 
 //# sourceMappingURL=AlertText.mjs.map