@mittwald/flow-react-components 0.2.0-alpha.1032 → 0.2.0-alpha.1033

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

@@ -1,10 +1,12 @@
 "use client"
 /* */
-const getActionGroupSlot = (props) => {
-  const { slot: slotFromProps, ...buttonProps } = props;
-  const guessedSlot = buttonProps.color === void 0 || buttonProps.color === "primary" || buttonProps.color === "danger" || buttonProps.color === "accent" ? "primary" : "abort";
-  return slotFromProps ?? guessedSlot;
+//#region 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 === "accent" ? "primary" : "abort";
+	return slotFromProps ?? guessedSlot;
 };
-
+//#endregion
 export { getActionGroupSlot };
-//# sourceMappingURL=getActionGroupSlot.mjs.map
+
+//# sourceMappingURL=getActionGroupSlot.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"getActionGroupSlot.mjs","sources":["../../../../../../../../src/components/ActionGroup/lib/getActionGroupSlot.tsx"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\n\nexport const getActionGroupSlot = (props: ButtonProps): string => {\n  const { slot: slotFromProps, ...buttonProps } = props;\n\n  const guessedSlot =\n    buttonProps.color === undefined ||\n    buttonProps.color === \"primary\" ||\n    buttonProps.color === \"danger\" ||\n    buttonProps.color === \"accent\"\n      ? \"primary\"\n      : \"abort\";\n\n  return slotFromProps ?? guessedSlot;\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAA+B;AAChE,EAAA,MAAM,EAAE,IAAA,EAAM,aAAA,EAAe,GAAG,aAAY,GAAI,KAAA;AAEhD,EAAA,MAAM,WAAA,GACJ,WAAA,CAAY,KAAA,KAAU,MAAA,IACtB,WAAA,CAAY,KAAA,KAAU,SAAA,IACtB,WAAA,CAAY,KAAA,KAAU,QAAA,IACtB,WAAA,CAAY,KAAA,KAAU,WAClB,SAAA,GACA,OAAA;AAEN,EAAA,OAAO,aAAA,IAAiB,WAAA;AAC1B;;;;"}
+{"version":3,"file":"getActionGroupSlot.mjs","names":[],"sources":["../../../../../../../../src/components/ActionGroup/lib/getActionGroupSlot.tsx"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\n\nexport const getActionGroupSlot = (props: ButtonProps): string => {\n  const { slot: slotFromProps, ...buttonProps } = props;\n\n  const guessedSlot =\n    buttonProps.color === undefined ||\n    buttonProps.color === \"primary\" ||\n    buttonProps.color === \"danger\" ||\n    buttonProps.color === \"accent\"\n      ? \"primary\"\n      : \"abort\";\n\n  return slotFromProps ?? guessedSlot;\n};\n"],"mappings":";;;AAEA,IAAa,sBAAsB,UAA+B;CAChE,MAAM,EAAE,MAAM,eAAe,GAAG,gBAAgB;CAEhD,MAAM,cACJ,YAAY,UAAU,KAAA,KACtB,YAAY,UAAU,aACtB,YAAY,UAAU,YACtB,YAAY,UAAU,WAClB,YACA;CAEN,OAAO,iBAAiB;AAC1B"}

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

@@ -1,51 +1,46 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { SuspenseTrigger } from '../SuspenseTrigger/SuspenseTrigger.mjs';
-import React, { useState, useEffect, Suspense } from 'react';
-import { useIsSSR } from 'react-aria';
-
-const isActivitySupported = React.version.startsWith("19.2");
-const CustomActivity = (props) => {
-  const { children, isActive = true } = props;
-  return /* @__PURE__ */ jsxs(Suspense, { fallback: null, children: [
-    /* @__PURE__ */ jsx(SuspenseTrigger, { show: !isActive }),
-    children
-  ] });
+import { SuspenseTrigger } from "../SuspenseTrigger/SuspenseTrigger.mjs";
+import React, { Suspense, useEffect, 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");
+var CustomActivity = (props) => {
+	const { children, isActive = true } = props;
+	return /* @__PURE__ */ jsxs(Suspense, {
+		fallback: null,
+		children: [/* @__PURE__ */ jsx(SuspenseTrigger, { show: !isActive }), children]
+	});
 };
-const Activity = (props) => {
-  const {
-    isActive: isActiveFromProps = true,
-    inactiveDelay,
-    forceCustomActivity = false,
-    children
-  } = props;
-  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);
-  const isSsr = useIsSSR();
-  useEffect(() => {
-    if (!inactiveDelay) {
-      return;
-    }
-    if (isActiveFromProps) {
-      setIsActiveState(true);
-    } else {
-      const timeout = setTimeout(() => {
-        setIsActiveState(false);
-      }, inactiveDelay);
-      return () => {
-        clearTimeout(timeout);
-      };
-    }
-  }, [isActiveFromProps, inactiveDelay]);
-  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;
-  if (isSsr) {
-    return isActive ? children : null;
-  }
-  if (isActivitySupported && !forceCustomActivity) {
-    return /* @__PURE__ */ jsx(React.Activity, { mode: isActive ? "visible" : "hidden", children });
-  }
-  return /* @__PURE__ */ jsx(CustomActivity, { isActive, children });
+var Activity = (props) => {
+	const { isActive: isActiveFromProps = true, inactiveDelay, forceCustomActivity = false, children } = props;
+	const [isActiveState, setIsActiveState] = useState(isActiveFromProps);
+	const isSsr = useIsSSR();
+	useEffect(() => {
+		if (!inactiveDelay) return;
+		if (isActiveFromProps) setIsActiveState(true);
+		else {
+			const timeout = setTimeout(() => {
+				setIsActiveState(false);
+			}, inactiveDelay);
+			return () => {
+				clearTimeout(timeout);
+			};
+		}
+	}, [isActiveFromProps, inactiveDelay]);
+	const isActive = inactiveDelay ? isActiveState : isActiveFromProps;
+	if (isSsr) return isActive ? children : null;
+	if (isActivitySupported && !forceCustomActivity) return /* @__PURE__ */ jsx(React.Activity, {
+		mode: isActive ? "visible" : "hidden",
+		children
+	});
+	return /* @__PURE__ */ jsx(CustomActivity, {
+		isActive,
+		children
+	});
 };
+//#endregion
+export { Activity, Activity as default };
 
-export { Activity };
-//# sourceMappingURL=Activity.mjs.map
+//# sourceMappingURL=Activity.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Activity.mjs","sources":["../../../../../../../src/components/Activity/Activity.tsx"],"sourcesContent":["import SuspenseTrigger from \"@/components/SuspenseTrigger\";\nimport React, { useEffect, useState } from \"react\";\nimport { type FC, type PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport { useIsSSR } from \"react-aria\";\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\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  if (isSsr) {\n    return isActive ? children : null;\n  }\n\n  if (isActivitySupported && !forceCustomActivity) {\n    return (\n      <React.Activity mode={isActive ? \"visible\" : \"hidden\"}>\n        {children}\n      </React.Activity>\n    );\n  }\n\n  return <CustomActivity isActive={isActive}>{children}</CustomActivity>;\n};\n\nexport default Activity;\n"],"names":[],"mappings":";;;;;AAaA,MAAM,mBAAA,GAAsB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA;AAE3D,MAAM,cAAA,GAAoC,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,QAAA,EAAU,QAAA,GAAqB,IAAA,EAAK,GAAI,KAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAU,IAAA,EAClB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAM,CAAC,QAAA,EAAU,CAAA;AAAA,IACjC;AAAA,GAAA,EACH,CAAA;AAEJ,CAAA;AAEO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM;AAAA,IACJ,UAAU,iBAAA,GAAoB,IAAA;AAAA,IAC9B,aAAA;AAAA,IACA,mBAAA,GAAsB,KAAA;AAAA,IACtB;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,iBAAiB,CAAA;AACpE,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,IACvB,CAAA,MAAO;AACL,MAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,QAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,MACxB,GAAG,aAAa,CAAA;AAEhB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,OAAO,CAAA;AAAA,MACtB,CAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,iBAAA,EAAmB,aAAa,CAAC,CAAA;AAErC,EAAA,MAAM,QAAA,GAAW,gBAAgB,aAAA,GAAgB,iBAAA;AAEjD,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,WAAW,QAAA,GAAW,IAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,mBAAA,IAAuB,CAAC,mBAAA,EAAqB;AAC/C,IAAA,uBACE,GAAA,CAAC,MAAM,QAAA,EAAN,EAAe,MAAM,QAAA,GAAW,SAAA,GAAY,UAC1C,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAqB,QAAA,EAAS,CAAA;AACvD;;;;"}
+{"version":3,"file":"Activity.mjs","names":[],"sources":["../../../../../../../src/components/Activity/Activity.tsx"],"sourcesContent":["import SuspenseTrigger from \"@/components/SuspenseTrigger\";\nimport React, { useEffect, useState } from \"react\";\nimport { type FC, type PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport { useIsSSR } from \"react-aria\";\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\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  if (isSsr) {\n    return isActive ? children : null;\n  }\n\n  if (isActivitySupported && !forceCustomActivity) {\n    return (\n      <React.Activity mode={isActive ? \"visible\" : \"hidden\"}>\n        {children}\n      </React.Activity>\n    );\n  }\n\n  return <CustomActivity isActive={isActive}>{children}</CustomActivity>;\n};\n\nexport default Activity;\n"],"mappings":";;;;;;;AAaA,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;CAEvB,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;CAEjD,IAAI,OACF,OAAO,WAAW,WAAW;CAG/B,IAAI,uBAAuB,CAAC,qBAC1B,OACE,oBAAC,MAAM,UAAP;EAAgB,MAAM,WAAW,YAAY;EAC1C;CACa,CAAA;CAIpB,OAAO,oBAAC,gBAAD;EAA0B;EAAW;CAAyB,CAAA;AACvE"}

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

@@ -1,39 +1,48 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import clsx from 'clsx';
-import styles from './Alert.module.scss.mjs';
-
-const Alert = flowComponent("Alert", (props) => {
-  const { children, className, status = "info", ref, ...rest } = props;
-  const rootClassName = clsx(styles.alert, styles[status], className);
-  const propsContext = {
-    Heading: {
-      className: styles.heading,
-      level: 3,
-      size: "s",
-      children: dynamic((props2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }),
-        props2.children
-      ] }))
-    },
-    Content: {
-      className: styles.content,
-      Button: {
-        size: "s"
-      },
-      ActionGroup: {
-        preserveOrder: true,
-        size: "s"
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx("aside", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, dependencies: [status], children }) });
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import dynamic from "../../lib/propsContext/dynamicProps/dynamic.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
+/** @flr-generate all */
+var Alert = flowComponent("Alert", (props) => {
+	const { children, className, status = "info", ref, ...rest } = props;
+	const rootClassName = clsx(Alert_module_default.alert, Alert_module_default[status], className);
+	const propsContext = {
+		Heading: {
+			className: Alert_module_default.heading,
+			level: 3,
+			size: "s",
+			children: dynamic((props) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AlertIcon, {
+				status,
+				className: Alert_module_default.icon
+			}), props.children] }))
+		},
+		Content: {
+			className: Alert_module_default.content,
+			Button: { size: "s" },
+			ActionGroup: {
+				preserveOrder: true,
+				size: "s"
+			}
+		}
+	};
+	return /* @__PURE__ */ jsx("aside", {
+		...rest,
+		className: rootClassName,
+		ref,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			dependencies: [status],
+			children
+		})
+	});
 });
+//#endregion
+export { Alert, Alert as default };
 
-export { Alert };
-//# sourceMappingURL=Alert.mjs.map
+//# sourceMappingURL=Alert.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","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\";\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 rootClassName = clsx(styles.alert, styles[status], className);\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"],"names":["props"],"mappings":";;;;;;;;AAiBO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,MAAA,GAAS,QAAQ,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,OAAO,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,KAAA,EAAO,CAAA;AAAA,MACP,IAAA,EAAM,GAAA;AAAA,MACN,QAAA,EAAU,OAAA,CAAQ,CAACA,MAAAA,qBACjB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAgB,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,QAClDA,MAAAA,CAAM;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,MACA,WAAA,EAAa;AAAA,QACX,aAAA,EAAe,IAAA;AAAA,QACf,IAAA,EAAM;AAAA;AACR;AACF,GACF;AAEA,EAAA,2BACG,OAAA,EAAA,EAAO,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,cAAc,YAAA,EAAc,CAAC,MAAM,CAAA,EAC7D,UACH,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Alert.mjs","names":[],"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\";\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 rootClassName = clsx(styles.alert, styles[status], className);\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":";;;;;;;;;;;AAiBA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,gBAAgB,KAAK,qBAAO,OAAO,qBAAO,SAAS,SAAS;CAElE,MAAM,eAA6B;EACjC,SAAS;GACP,WAAW,qBAAO;GAClB,OAAO;GACP,MAAM;GACN,UAAU,SAAS,UACjB,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;IAAmB;IAAQ,WAAW,qBAAO;GAAO,CAAA,GACnD,MAAM,QACP,EAAA,CAAA,CACH;EACH;EACA,SAAS;GACP,WAAW,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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.mjs","names":[],"sources":["../../../../../../../src/components/Alert/Alert.module.scss"],"sourcesContent":[".alert {\n  border-radius: var(--alert--corner-radius);\n  border-width: var(--alert--border-width);\n  border-style: var(--alert--border-style);\n  border-inline-start-width: var(--alert--border-x-start-width);\n  padding: var(--alert--padding);\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--alert--heading-to-content-spacing);\n  width: 100%;\n\n  .icon {\n    height: var(--heading-line-height);\n    width: var(--heading-line-height);\n    vertical-align: bottom;\n    display: inline-block;\n    margin-inline-end: var(--heading--icon-to-text-spacing);\n  }\n\n  @extend .info;\n\n  /* Elements */\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: var(--alert--spacing);\n  }\n\n  /* Status */\n\n  @mixin status($status) {\n    &.#{$status} {\n      border-color: var(--alert--#{$status}-border-color);\n\n      .heading {\n        color: var(--alert--#{$status}-heading-color);\n      }\n    }\n  }\n\n  @include status(info);\n  @include status(warning);\n  @include status(danger);\n  @include status(success);\n  @include status(unavailable);\n\n  /* Layout */\n\n  + :global(.flow--section) {\n    margin-block-start: var(--section--section-to-section-spacing);\n  }\n}\n"],"mappings":""}

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

@@ -1,20 +1,30 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './AlertBadge.module.scss.mjs';
-import clsx from 'clsx';
-import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
-import { Text } from '../Text/Text.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const AlertBadge = flowComponent("AlertBadge", (props) => {
-  const { children, className, status = "info", ref, ...rest } = props;
-  const rootClassName = clsx(styles.alertBadge, styles[status], className);
-  return /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
-    /* @__PURE__ */ jsx(AlertIcon, { size: "s", status }),
-    /* @__PURE__ */ jsx(Text, { className: styles.text, children })
-  ] });
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { Text } from "../Text/Text.mjs";
+import { AlertIcon } from "../AlertIcon/AlertIcon.mjs";
+import AlertBadge_module_default from "./AlertBadge.module.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AlertBadge/AlertBadge.tsx
+/** @flr-generate all */
+var AlertBadge = flowComponent("AlertBadge", (props) => {
+	const { children, className, status = "info", ref, ...rest } = props;
+	const rootClassName = clsx(AlertBadge_module_default.alertBadge, AlertBadge_module_default[status], className);
+	return /* @__PURE__ */ jsxs("div", {
+		className: rootClassName,
+		...rest,
+		ref,
+		children: [/* @__PURE__ */ jsx(AlertIcon, {
+			size: "s",
+			status
+		}), /* @__PURE__ */ jsx(Text, {
+			className: AlertBadge_module_default.text,
+			children
+		})]
+	});
 });
+//#endregion
+export { AlertBadge, AlertBadge as default };
 
-export { AlertBadge };
-//# sourceMappingURL=AlertBadge.mjs.map
+//# sourceMappingURL=AlertBadge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.mjs","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\";\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 rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n  return (\n    <div className={rootClassName} {...rest} ref={ref}>\n      <AlertIcon size=\"s\" status={status} />\n      <Text className={styles.text}>{children}</Text>\n    </div>\n  );\n});\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,MAAA,GAAS,QAAQ,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,YAAY,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAEvE,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,GAAG,MAAM,GAAA,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,GAAA,EAAI,MAAA,EAAgB,CAAA;AAAA,oBACpC,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAS;AAAA,GAAA,EAC1C,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AlertBadge.mjs","names":[],"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\";\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 rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n  return (\n    <div className={rootClassName} {...rest} ref={ref}>\n      <AlertIcon size=\"s\" status={status} />\n      <Text className={styles.text}>{children}</Text>\n    </div>\n  );\n});\n\nexport default AlertBadge;\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,gBAAgB,KAAK,0BAAO,YAAY,0BAAO,SAAS,SAAS;CAEvE,OACE,qBAAC,OAAD;EAAK,WAAW;EAAe,GAAI;EAAW;EAA9C,UAAA,CACE,oBAAC,WAAD;GAAW,MAAK;GAAY;EAAS,CAAA,GACrC,oBAAC,MAAD;GAAM,WAAW,0BAAO;GAAO;EAAe,CAAA,CAC3C;;AAET,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.module.mjs","names":[],"sources":["../../../../../../../src/components/AlertBadge/AlertBadge.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\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"],"mappings":""}

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

@@ -1,32 +1,34 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { IconDanger } from '../Icon/components/icons/IconDanger.mjs';
-import { IconInfo } from '../Icon/components/icons/IconInfo.mjs';
-import { IconSuccess } from '../Icon/components/icons/IconSuccess.mjs';
-import { IconUnavailable } from '../Icon/components/icons/IconUnavailable.mjs';
-import { IconWarning } from '../Icon/components/icons/IconWarning.mjs';
-import locales from '../../../../../_virtual/_.locale.json@24b745a6ce9353be513d1f98e927d8d3.mjs';
-import { useLocalizedStringFormatter } from '../TranslationProvider/useLocalizedStringFormatter.mjs';
-
-const icons = {
-  danger: IconDanger,
-  info: IconInfo,
-  success: IconSuccess,
-  warning: IconWarning,
-  unavailable: IconUnavailable
+import { IconDanger } from "../Icon/components/icons/IconDanger.mjs";
+import { IconInfo } from "../Icon/components/icons/IconInfo.mjs";
+import { IconSuccess } from "../Icon/components/icons/IconSuccess.mjs";
+import { IconUnavailable } from "../Icon/components/icons/IconUnavailable.mjs";
+import { IconWarning } from "../Icon/components/icons/IconWarning.mjs";
+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
+var icons = {
+	danger: IconDanger,
+	info: IconInfo,
+	success: IconSuccess,
+	warning: IconWarning,
+	unavailable: IconUnavailable
 };
-const AlertIcon = (props) => {
-  const { status = "info", ...rest } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales, "AlertIcon");
-  const Icon = icons[status];
-  const iconProps = {
-    color: status,
-    "aria-label": stringFormatter.format(`status.${status}`),
-    ...rest
-  };
-  return /* @__PURE__ */ jsx(Icon, { ...iconProps });
+/** @flr-generate all */
+var AlertIcon = (props) => {
+	const { status = "info", ...rest } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "AlertIcon");
+	const Icon = icons[status];
+	const iconProps = {
+		color: status,
+		"aria-label": stringFormatter.format(`status.${status}`),
+		...rest
+	};
+	return /* @__PURE__ */ jsx(Icon, { ...iconProps });
 };
-
+//#endregion
 export { AlertIcon, AlertIcon as default };
-//# sourceMappingURL=AlertIcon.mjs.map
+
+//# sourceMappingURL=AlertIcon.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconUnavailable,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\n\nexport type AlertIconProps = Omit<IconProps, \"status\"> & PropsWithStatus;\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n  unavailable: IconUnavailable,\n};\n\n/** @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"AlertIcon\");\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    color: status,\n    \"aria-label\": stringFormatter.format(`status.${status}`),\n    ...rest,\n  };\n\n  return <Icon {...iconProps} />;\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,KAAA,GAAuC;AAAA,EAC3C,MAAA,EAAQ,UAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAGO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AAErC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,WAAW,CAAA;AAExE,EAAA,MAAM,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAA,GAAuB;AAAA,IAC3B,KAAA,EAAO,MAAA;AAAA,IACP,YAAA,EAAc,eAAA,CAAgB,MAAA,CAAO,CAAA,OAAA,EAAU,MAAM,CAAA,CAAE,CAAA;AAAA,IACvD,GAAG;AAAA,GACL;AAEA,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,CAAA;AAC9B;;;;"}
+{"version":3,"file":"AlertIcon.mjs","names":[],"sources":["../../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconUnavailable,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\n\nexport type AlertIconProps = Omit<IconProps, \"status\"> & PropsWithStatus;\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n  unavailable: IconUnavailable,\n};\n\n/** @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"AlertIcon\");\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    color: status,\n    \"aria-label\": stringFormatter.format(`status.${status}`),\n    ...rest,\n  };\n\n  return <Icon {...iconProps} />;\n};\n\nexport default AlertIcon;\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,QAAuC;CAC3C,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;AACf;;AAGA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,SAAS,QAAQ,GAAG,SAAS;CAErC,MAAM,kBAAkB,4BAA4B,kBAAS,WAAW;CAExE,MAAM,OAAO,MAAM;CAEnB,MAAM,YAAuB;EAC3B,OAAO;EACP,cAAc,gBAAgB,OAAO,UAAU,QAAQ;EACvD,GAAG;CACL;CAEA,OAAO,oBAAC,MAAD,EAAM,GAAI,UAAY,CAAA;AAC/B"}

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

@@ -1,20 +1,28 @@
 "use client"
 /* */
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import styles from './AlertText.module.scss.mjs';
-import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-
-const AlertText = flowComponent("AlertText", (props) => {
-  const { className, children, status = "info" } = props;
-  const rootClassName = clsx(styles.alertText, styles[status], className);
-  return /* @__PURE__ */ jsxs("span", { className: rootClassName, children: [
-    /* @__PURE__ */ jsx(PropsContextProvider, { props: { Icon: { size: "s" } }, children: /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }) }),
-    /* @__PURE__ */ jsx(Fragment, { children })
-  ] });
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { AlertIcon } from "../AlertIcon/AlertIcon.mjs";
+import AlertText_module_default from "./AlertText.module.mjs";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AlertText/AlertText.tsx
+/** @flr-generate all */
+var AlertText = flowComponent("AlertText", (props) => {
+	const { className, children, status = "info" } = props;
+	const rootClassName = clsx(AlertText_module_default.alertText, AlertText_module_default[status], className);
+	return /* @__PURE__ */ jsxs("span", {
+		className: rootClassName,
+		children: [/* @__PURE__ */ jsx(PropsContextProvider, {
+			props: { Icon: { size: "s" } },
+			children: /* @__PURE__ */ jsx(AlertIcon, {
+				status,
+				className: AlertText_module_default.icon
+			})
+		}), /* @__PURE__ */ jsx(Fragment, { children })]
+	});
 });
+//#endregion
+export { AlertText, AlertText as default };
 
-export { AlertText };
-//# sourceMappingURL=AlertText.mjs.map
+//# sourceMappingURL=AlertText.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertText.mjs","sources":["../../../../../../../src/components/AlertText/AlertText.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AlertText.module.scss\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AlertTextProps\n  extends\n    PropsWithClassName,\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithStatus {}\n\n/** @flr-generate all */\nexport const AlertText = flowComponent(\"AlertText\", (props) => {\n  const { className, children, status = \"info\" } = props;\n\n  const rootClassName = clsx(styles.alertText, styles[status], className);\n\n  return (\n    <span className={rootClassName}>\n      <PropsContextProvider props={{ Icon: { size: \"s\" } }}>\n        <AlertIcon status={status} className={styles.icon} />\n      </PropsContextProvider>\n\n      <>{children}</>\n    </span>\n  );\n});\n\nexport default AlertText;\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,MAAA,GAAS,QAAO,GAAI,KAAA;AAEjD,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,WAAW,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAEtE,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EACf,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,GAAA,EAAI,EAAE,EACjD,8BAAC,SAAA,EAAA,EAAU,MAAA,EAAgB,SAAA,EAAW,MAAA,CAAO,MAAM,CAAA,EACrD,CAAA;AAAA,oCAEG,QAAA,EAAS;AAAA,GAAA,EACd,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AlertText.mjs","names":[],"sources":["../../../../../../../src/components/AlertText/AlertText.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AlertText.module.scss\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AlertTextProps\n  extends\n    PropsWithClassName,\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithStatus {}\n\n/** @flr-generate all */\nexport const AlertText = flowComponent(\"AlertText\", (props) => {\n  const { className, children, status = \"info\" } = props;\n\n  const rootClassName = clsx(styles.alertText, styles[status], className);\n\n  return (\n    <span className={rootClassName}>\n      <PropsContextProvider props={{ Icon: { size: \"s\" } }}>\n        <AlertIcon status={status} className={styles.icon} />\n      </PropsContextProvider>\n\n      <>{children}</>\n    </span>\n  );\n});\n\nexport default AlertText;\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EAAE,WAAW,UAAU,SAAS,WAAW;CAEjD,MAAM,gBAAgB,KAAK,yBAAO,WAAW,yBAAO,SAAS,SAAS;CAEtE,OACE,qBAAC,QAAD;EAAM,WAAW;EAAjB,UAAA,CACE,oBAAC,sBAAD;GAAsB,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE;GACjD,UAAA,oBAAC,WAAD;IAAmB;IAAQ,WAAW,yBAAO;GAAO,CAAA;EAChC,CAAA,GAEtB,oBAAA,UAAA,EAAG,SAAW,CAAA,CACV;;AAEV,CAAC"}

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

@@ -0,0 +1,23 @@
+"use client"
+/* */
+//#region src/components/AlertText/AlertText.module.scss
+var alertText = "flow--alert-text";
+var icon = "flow--alert-text--icon";
+var danger = "flow--alert-text--danger";
+var success = "flow--alert-text--success";
+var warning = "flow--alert-text--warning";
+var info = "flow--alert-text--info";
+var unavailable = "flow--alert-text--unavailable";
+var AlertText_module_default = {
+	alertText,
+	icon,
+	danger,
+	success,
+	warning,
+	info,
+	unavailable
+};
+//#endregion
+export { alertText, danger, AlertText_module_default as default, icon, info, success, unavailable, warning };
+
+//# sourceMappingURL=AlertText.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertText.module.mjs","names":[],"sources":["../../../../../../../src/components/AlertText/AlertText.module.scss"],"sourcesContent":[".alertText {\n  display: inline;\n\n  .icon {\n    vertical-align: -0.18em;\n    margin-inline-end: var(--alert-text--spacing);\n  }\n\n  /* Colors */\n  @mixin status($status) {\n    &:where(.#{$status}) {\n      color: var(--alert-text--#{$status}-color);\n    }\n  }\n\n  @include status(danger);\n  @include status(success);\n  @include status(warning);\n  @include status(info);\n  @include status(unavailable);\n}\n"],"mappings":""}