@mittwald/flow-react-components 0.2.0-alpha.783 → 0.2.0-alpha.784

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

@@ -1,38 +1,37 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import "../../lib/propsContext/index.mjs";
-import AlertIcon from "../AlertIcon/AlertIcon.mjs";
-import "../AlertIcon/index.mjs";
-import Avatar_module_default from "./Avatar.module.mjs";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Avatar/Avatar.tsx
-/** @flr-generate all */
-var Avatar = flowComponent("Avatar", (props) => {
-	const { children, className, color, size = "m", status, ref } = props;
-	const rootClassName = clsx(Avatar_module_default.avatar, Avatar_module_default[`size-${size}`], className, !status && Avatar_module_default[color ?? "blue"], status && Avatar_module_default[status]);
-	const useDynamicColor = color === void 0 && status === void 0;
-	return /* @__PURE__ */ jsx("div", {
-		className: rootClassName,
-		ref,
-		children: /* @__PURE__ */ jsxs(PropsContextProvider, {
-			props: {
-				Initials: {
-					className: Avatar_module_default.initials,
-					useDynamicColor
-				},
-				Icon: { className: Avatar_module_default.icon }
-			},
-			children: [!status && children, status && /* @__PURE__ */ jsx(AlertIcon, {
-				className: Avatar_module_default.icon,
-				status
-			})]
-		})
-	});
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styles from './Avatar.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
+
+const Avatar = flowComponent("Avatar", (props) => {
+  const { children, className, color, size = "m", status, ref } = props;
+  const rootClassName = clsx(
+    styles.avatar,
+    styles[`size-${size}`],
+    className,
+    !status && styles[color ?? "blue"],
+    status && styles[status]
+  );
+  const useDynamicColor = color === void 0 && status === void 0;
+  const propsContext = {
+    Initials: {
+      className: styles.initials,
+      useDynamicColor
+    },
+    Icon: {
+      className: styles.icon
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: rootClassName, ref, children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+    !status && children,
+    status && /* @__PURE__ */ jsx(AlertIcon, { className: styles.icon, status })
+  ] }) });
 });
-//#endregion
-export { Avatar as default };
 
-//# sourceMappingURL=Avatar.mjs.map
+export { Avatar };
+//# sourceMappingURL=Avatar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":[],"sources":["../../../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName, Status } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { avatarColors } from \"@/components/Avatar/avatarColors\";\n\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren, PropsWithClassName, FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n  /**\n   * Adds status icon and color to the avatar. May only be used if the status is\n   * explained by an element (like text or label) nearby.\n   */\n  status?: Status;\n}\n\n/** @flr-generate all */\nexport const Avatar = flowComponent(\"Avatar\", (props) => {\n  const { children, className, color, size = \"m\", status, ref } = props;\n\n  const rootClassName = clsx(\n    styles.avatar,\n    styles[`size-${size}`],\n    className,\n    !status && styles[color ?? \"blue\"],\n    status && styles[status],\n  );\n\n  const useDynamicColor = color === undefined && status === undefined;\n\n  const propsContext: PropsContext = {\n    Initials: {\n      className: styles.initials,\n      useDynamicColor,\n    },\n    Icon: {\n      className: styles.icon,\n    },\n  };\n\n  return (\n    <div className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {!status && children}\n        {status && <AlertIcon className={styles.icon} status={status} />}\n      </PropsContextProvider>\n    </div>\n  );\n});\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;AA2BA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EAAE,UAAU,WAAW,OAAO,OAAO,KAAK,QAAQ,QAAQ;CAEhE,MAAM,gBAAgB,KACpB,sBAAO,QACP,sBAAO,QAAQ,SACf,WACA,CAAC,UAAU,sBAAO,SAAS,SAC3B,UAAU,sBAAO,QAClB;CAED,MAAM,kBAAkB,UAAU,KAAA,KAAa,WAAW,KAAA;AAY1D,QACE,oBAAC,OAAD;EAAK,WAAW;EAAoB;YAClC,qBAAC,sBAAD;GAAsB,OAZS;IACjC,UAAU;KACR,WAAW,sBAAO;KAClB;KACD;IACD,MAAM,EACJ,WAAW,sBAAO,MACnB;IACF;aAIG,CACG,CAAC,UAAU,UACX,UAAU,oBAAC,WAAD;IAAW,WAAW,sBAAO;IAAc;IAAU,CAAA,CAC3C;;EACnB,CAAA;EAER"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName, Status } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { avatarColors } from \"@/components/Avatar/avatarColors\";\n\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren, PropsWithClassName, FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n  /**\n   * Adds status icon and color to the avatar. May only be used if the status is\n   * explained by an element (like text or label) nearby.\n   */\n  status?: Status;\n}\n\n/** @flr-generate all */\nexport const Avatar = flowComponent(\"Avatar\", (props) => {\n  const { children, className, color, size = \"m\", status, ref } = props;\n\n  const rootClassName = clsx(\n    styles.avatar,\n    styles[`size-${size}`],\n    className,\n    !status && styles[color ?? \"blue\"],\n    status && styles[status],\n  );\n\n  const useDynamicColor = color === undefined && status === undefined;\n\n  const propsContext: PropsContext = {\n    Initials: {\n      className: styles.initials,\n      useDynamicColor,\n    },\n    Icon: {\n      className: styles.icon,\n    },\n  };\n\n  return (\n    <div className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {!status && children}\n        {status && <AlertIcon className={styles.icon} status={status} />}\n      </PropsContextProvider>\n    </div>\n  );\n});\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,KAAA,EAAO,OAAO,GAAA,EAAK,MAAA,EAAQ,KAAI,GAAI,KAAA;AAEhE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB,SAAA;AAAA,IACA,CAAC,MAAA,IAAU,MAAA,CAAO,KAAA,IAAS,MAAM,CAAA;AAAA,IACjC,MAAA,IAAU,OAAO,MAAM;AAAA,GACzB;AAEA,EAAA,MAAM,eAAA,GAAkB,KAAA,KAAU,MAAA,IAAa,MAAA,KAAW,MAAA;AAE1D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,QAAA,EAAU;AAAA,MACR,WAAW,MAAA,CAAO,QAAA;AAAA,MAClB;AAAA,KACF;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,aAAA,EAAe,KAC7B,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,IAAA,CAAC,MAAA,IAAU,QAAA;AAAA,IACX,0BAAU,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,MAAM,MAAA,EAAgB;AAAA,GAAA,EAChE,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/Avatar/Avatar.module.scss.mjs

@@ -0,0 +1,37 @@
+"use client"
+/* */
+const avatar = "flow--avatar";
+const icon = "flow--avatar--icon";
+const initials = "flow--avatar--initials";
+const blue = "flow--avatar--blue";
+const teal = "flow--avatar--teal";
+const green = "flow--avatar--green";
+const violet = "flow--avatar--violet";
+const lilac = "flow--avatar--lilac";
+const info = "flow--avatar--info";
+const success = "flow--avatar--success";
+const warning = "flow--avatar--warning";
+const danger = "flow--avatar--danger";
+const unavailable = "flow--avatar--unavailable";
+const styles = {
+	avatar: avatar,
+	icon: icon,
+	initials: initials,
+	"size-m": "flow--avatar--size-m",
+	"size-xs": "flow--avatar--size-xs",
+	"size-s": "flow--avatar--size-s",
+	"size-l": "flow--avatar--size-l",
+	blue: blue,
+	teal: teal,
+	green: green,
+	violet: violet,
+	lilac: lilac,
+	info: info,
+	success: success,
+	warning: warning,
+	danger: danger,
+	unavailable: unavailable
+};
+
+export { avatar, blue, danger, styles as default, green, icon, info, initials, lilac, success, teal, unavailable, violet, warning };
+//# sourceMappingURL=Avatar.module.scss.mjs.map

package/dist/js/packages/components/src/components/Avatar/Avatar.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/packages/components/src/components/Avatar/avatarColors.mjs

@@ -1,14 +1,12 @@
 "use client"
 /* */
-//#region src/components/Avatar/avatarColors.tsx
-var avatarColors = [
-	"blue",
-	"teal",
-	"green",
-	"violet",
-	"lilac"
+const avatarColors = [
+  "blue",
+  "teal",
+  "green",
+  "violet",
+  "lilac"
 ];
-//#endregion
-export { avatarColors };
 
-//# sourceMappingURL=avatarColors.mjs.map
+export { avatarColors };
+//# sourceMappingURL=avatarColors.mjs.map

package/dist/js/packages/components/src/components/Avatar/avatarColors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatarColors.mjs","names":[],"sources":["../../../../../../../src/components/Avatar/avatarColors.tsx"],"sourcesContent":["export const avatarColors = [\n  \"blue\",\n  \"teal\",\n  \"green\",\n  \"violet\",\n  \"lilac\",\n] as const;\n"],"mappings":";AAAA,IAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"avatarColors.mjs","sources":["../../../../../../../src/components/Avatar/avatarColors.tsx"],"sourcesContent":["export const avatarColors = [\n  \"blue\",\n  \"teal\",\n  \"green\",\n  \"violet\",\n  \"lilac\",\n] as const;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe;AAAA,EAC1B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;;;;"}

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

@@ -1,46 +1,44 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import "../../lib/propsContext/index.mjs";
-import Wrap from "../Wrap/Wrap.mjs";
-import Button from "../Button/Button.mjs";
-import "../Button/index.mjs";
-import Avatar from "../Avatar/Avatar.mjs";
-import "../Avatar/index.mjs";
-import AvatarStack_module_default from "./AvatarStack.module.mjs";
-import clsx from "clsx";
-import { Children } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/AvatarStack/AvatarStack.tsx
-/** @flr-generate all */
-var AvatarStack = (props) => {
-	const { className, children, totalCount = 0, size = "m", onCountPress } = props;
-	const additionalItemsCount = totalCount - Children.count(children);
-	const rootClassName = clsx(AvatarStack_module_default.avatarStack, AvatarStack_module_default[`size-${size}`], className);
-	return /* @__PURE__ */ jsx(PropsContextProvider, {
-		props: {
-			Avatar: {
-				className: AvatarStack_module_default.avatar,
-				size
-			},
-			Button: { className: AvatarStack_module_default.avatar }
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			className: rootClassName,
-			children: [children, additionalItemsCount > 0 && /* @__PURE__ */ jsx(Wrap, {
-				if: onCountPress,
-				children: /* @__PURE__ */ jsx(Button, {
-					onPress: onCountPress,
-					children: /* @__PURE__ */ jsxs(Avatar, {
-						size,
-						children: ["+", additionalItemsCount]
-					})
-				})
-			})]
-		})
-	});
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Children } from 'react';
+import clsx from 'clsx';
+import styles from './AvatarStack.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { Button } from '../Button/Button.mjs';
+import { Avatar } from '../Avatar/Avatar.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
+
+const AvatarStack = (props) => {
+  const {
+    className,
+    children,
+    totalCount = 0,
+    size = "m",
+    onCountPress
+  } = props;
+  const avatarCount = Children.count(children);
+  const additionalItemsCount = totalCount - avatarCount;
+  const rootClassName = clsx(
+    styles.avatarStack,
+    styles[`size-${size}`],
+    className
+  );
+  const propsContext = {
+    Avatar: { className: styles.avatar, size },
+    Button: {
+      className: styles.avatar
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs("div", { className: rootClassName, children: [
+    children,
+    additionalItemsCount > 0 && /* @__PURE__ */ jsx(Wrap, { if: onCountPress, children: /* @__PURE__ */ jsx(Button, { onPress: onCountPress, children: /* @__PURE__ */ jsxs(Avatar, { size, children: [
+      "+",
+      additionalItemsCount
+    ] }) }) })
+  ] }) });
 };
-//#endregion
-export { AvatarStack as default };
 
-//# sourceMappingURL=AvatarStack.mjs.map
+export { AvatarStack };
+//# sourceMappingURL=AvatarStack.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.mjs","names":[],"sources":["../../../../../../../src/components/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./AvatarStack.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { Avatar } from \"@/components/Avatar\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface AvatarStackProps\n  extends PropsWithClassName, PropsWithChildren {\n  /**\n   * The total count of items, as avatars should only be displayed for the first\n   * view\n   */\n  totalCount?: number;\n  /** The onPress action of the additional items count element */\n  onCountPress?: () => void;\n  /** The size of the avatars inside the stack. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const AvatarStack: FC<AvatarStackProps> = (props) => {\n  const {\n    className,\n    children,\n    totalCount = 0,\n    size = \"m\",\n    onCountPress,\n  } = props;\n\n  const avatarCount = Children.count(children);\n\n  const additionalItemsCount = totalCount - avatarCount;\n\n  const rootClassName = clsx(\n    styles.avatarStack,\n    styles[`size-${size}`],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Avatar: { className: styles.avatar, size },\n    Button: {\n      className: styles.avatar,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>\n        {children}\n        {additionalItemsCount > 0 && (\n          <Wrap if={onCountPress}>\n            <Button onPress={onCountPress}>\n              <Avatar size={size}>+{additionalItemsCount}</Avatar>\n            </Button>\n          </Wrap>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default AvatarStack;\n"],"mappings":";;;;;;;;;;;;;AAyBA,IAAa,eAAqC,UAAU;CAC1D,MAAM,EACJ,WACA,UACA,aAAa,GACb,OAAO,KACP,iBACE;CAIJ,MAAM,uBAAuB,aAFT,SAAS,MAAM,SAAS;CAI5C,MAAM,gBAAgB,KACpB,2BAAO,aACP,2BAAO,QAAQ,SACf,UACD;AASD,QACE,oBAAC,sBAAD;EAAsB,OARW;GACjC,QAAQ;IAAE,WAAW,2BAAO;IAAQ;IAAM;GAC1C,QAAQ,EACN,WAAW,2BAAO,QACnB;GACF;YAIG,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,UACA,uBAAuB,KACtB,oBAAC,MAAD;IAAM,IAAI;cACR,oBAAC,QAAD;KAAQ,SAAS;eACf,qBAAC,QAAD;MAAc;gBAAd,CAAoB,KAAE,qBAA8B;;KAC7C,CAAA;IACJ,CAAA,CAEL;;EACe,CAAA"}
+{"version":3,"file":"AvatarStack.mjs","sources":["../../../../../../../src/components/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./AvatarStack.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { Avatar } from \"@/components/Avatar\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface AvatarStackProps\n  extends PropsWithClassName, PropsWithChildren {\n  /**\n   * The total count of items, as avatars should only be displayed for the first\n   * view\n   */\n  totalCount?: number;\n  /** The onPress action of the additional items count element */\n  onCountPress?: () => void;\n  /** The size of the avatars inside the stack. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const AvatarStack: FC<AvatarStackProps> = (props) => {\n  const {\n    className,\n    children,\n    totalCount = 0,\n    size = \"m\",\n    onCountPress,\n  } = props;\n\n  const avatarCount = Children.count(children);\n\n  const additionalItemsCount = totalCount - avatarCount;\n\n  const rootClassName = clsx(\n    styles.avatarStack,\n    styles[`size-${size}`],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Avatar: { className: styles.avatar, size },\n    Button: {\n      className: styles.avatar,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>\n        {children}\n        {additionalItemsCount > 0 && (\n          <Wrap if={onCountPress}>\n            <Button onPress={onCountPress}>\n              <Avatar size={size}>+{additionalItemsCount}</Avatar>\n            </Button>\n          </Wrap>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default AvatarStack;\n"],"names":[],"mappings":";;;;;;;;;;AAyBO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,IAAA,GAAO,GAAA;AAAA,IACP;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,WAAA,GAAc,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA;AAE3C,EAAA,MAAM,uBAAuB,UAAA,GAAa,WAAA;AAE1C,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,QAAQ,IAAA,EAAK;AAAA,IACzC,MAAA,EAAQ;AAAA,MACN,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,2BACG,oBAAA,EAAA,EAAqB,KAAA,EAAO,cAC3B,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,aAAA,EACb,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,oBAAA,GAAuB,CAAA,oBACtB,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,YAAA,EACR,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,YAAA,EACf,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,QAAA,EAAA;AAAA,MAAA,GAAA;AAAA,MAAE;AAAA,KAAA,EAAqB,GAC7C,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/AvatarStack/AvatarStack.module.scss.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const avatarStack = "flow--avatar-stack";
+const avatar = "flow--avatar-stack--avatar";
+const styles = {
+	avatarStack: avatarStack,
+	avatar: avatar,
+	"size-m": "flow--avatar-stack--size-m",
+	"size-xs": "flow--avatar-stack--size-xs",
+	"size-s": "flow--avatar-stack--size-s",
+	"size-l": "flow--avatar-stack--size-l"
+};
+
+export { avatar, avatarStack, styles as default };
+//# sourceMappingURL=AvatarStack.module.scss.mjs.map

package/dist/js/packages/components/src/components/AvatarStack/AvatarStack.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

@@ -1,78 +1,101 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import "../../lib/propsContext/index.mjs";
-import IconClose from "../Icon/components/icons/IconClose.mjs";
-import "../Icon/components/icons/index.mjs";
-import { alphaColors, isAlphaColor } from "../../lib/types/props.mjs";
-import Button from "../Button/Button.mjs";
-import "../Button/index.mjs";
-import Badge_module_default from "./Badge.module.mjs";
-import __locale_default from "../../../../../_virtual/_4.locale.mjs";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLocalizedStringFormatter } from "react-aria";
-[...alphaColors];
-/** @flr-generate all */
-var Badge = flowComponent("Badge", (props) => {
-	const { children, className, color = "neutral", ref, onPress, onClose, isDisabled, ...rest } = props;
-	const stringFormatter = useLocalizedStringFormatter(__locale_default);
-	const rootClassName = clsx(Badge_module_default.badge, Badge_module_default[color], isDisabled && Badge_module_default.disabled, className);
-	return /* @__PURE__ */ jsx(PropsContextProvider, {
-		props: {
-			Label: {
-				elementType: "span",
-				className: Badge_module_default.scope,
-				unstyled: true
-			},
-			Text: {
-				elementType: "span",
-				className: Badge_module_default.value
-			},
-			Button: {
-				Label: {
-					elementType: "span",
-					className: Badge_module_default.scope,
-					unstyled: true
-				},
-				Text: {
-					elementType: "span",
-					className: Badge_module_default.value
-				}
-			}
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			className: rootClassName,
-			...rest,
-			ref,
-			children: [
-				!onPress && /* @__PURE__ */ jsx("div", {
-					className: Badge_module_default.content,
-					children
-				}),
-				onPress && /* @__PURE__ */ jsx(Button, {
-					isDisabled,
-					unstyled: true,
-					className: Badge_module_default.button,
-					onPress,
-					children
-				}),
-				onClose && /* @__PURE__ */ jsx(Button, {
-					className: Badge_module_default.close,
-					size: "s",
-					color: isAlphaColor(color) ? color : "dark",
-					variant: "plain",
-					onPress: onClose,
-					isDisabled,
-					"aria-label": stringFormatter.format("badge.remove"),
-					children: /* @__PURE__ */ jsx(IconClose, {})
-				})
-			]
-		})
-	});
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styles from './Badge.module.scss.mjs';
+import clsx from 'clsx';
+import { isAlphaColor, alphaColors } from '../../lib/types/props.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { Button } from '../Button/Button.mjs';
+import 'react';
+import '@mittwald/flow-icons';
+import '../Icon/components/IconSetProvider.mjs';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@24d7079ce80a619bbdda6dfcc8289f94.mjs';
+
+[
+  "neutral",
+  "blue",
+  "navy",
+  "violet",
+  "teal",
+  "lilac",
+  "green",
+  "orange",
+  "red",
+  ...alphaColors
+];
+const Badge = flowComponent("Badge", (props) => {
+  const {
+    children,
+    className,
+    color = "neutral",
+    ref,
+    onPress,
+    onClose,
+    isDisabled,
+    ...rest
+  } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const rootClassName = clsx(
+    styles.badge,
+    styles[color],
+    isDisabled && styles.disabled,
+    className
+  );
+  const propsContext = {
+    Label: {
+      elementType: "span",
+      className: styles.scope,
+      unstyled: true
+    },
+    Text: {
+      elementType: "span",
+      className: styles.value
+    },
+    Button: {
+      Label: {
+        elementType: "span",
+        className: styles.scope,
+        unstyled: true
+      },
+      Text: {
+        elementType: "span",
+        className: styles.value
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
+    !onPress && /* @__PURE__ */ jsx("div", { className: styles.content, children }),
+    onPress && /* @__PURE__ */ jsx(
+      Button,
+      {
+        isDisabled,
+        unstyled: true,
+        className: styles.button,
+        onPress,
+        children
+      }
+    ),
+    onClose && /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: styles.close,
+        size: "s",
+        color: isAlphaColor(color) ? color : "dark",
+        variant: "plain",
+        onPress: onClose,
+        isDisabled,
+        "aria-label": stringFormatter.format("badge.remove"),
+        children: /* @__PURE__ */ jsx(IconClose, {})
+      }
+    )
+  ] }) });
 });
-//#endregion
-export { Badge as default };
 
-//# sourceMappingURL=Badge.mjs.map
+export { Badge };
+//# sourceMappingURL=Badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","names":[],"sources":["../../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  alphaColors,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport const badgeColors = [\n  \"neutral\",\n  \"blue\",\n  \"navy\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  \"green\",\n  \"orange\",\n  \"red\",\n  ...alphaColors,\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** Handler that is called when the badge is pressed. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when the badges close icon is pressed. */\n  onClose?: (e: PressEvent) => void;\n  /** The color of the badge. @default \"neutral\" */\n  color?: BadgeColors;\n  /** Whether the badge is disabled. */\n  isDisabled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Badge = flowComponent(\"Badge\", (props) => {\n  const {\n    children,\n    className,\n    color = \"neutral\",\n    ref,\n    onPress,\n    onClose,\n    isDisabled,\n    ...rest\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const rootClassName = clsx(\n    styles.badge,\n    styles[color],\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      elementType: \"span\",\n      className: styles.scope,\n      unstyled: true,\n    },\n    Text: {\n      elementType: \"span\",\n      className: styles.value,\n    },\n    Button: {\n      Label: {\n        elementType: \"span\",\n        className: styles.scope,\n        unstyled: true,\n      },\n      Text: {\n        elementType: \"span\",\n        className: styles.value,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName} {...rest} ref={ref}>\n        {!onPress && <div className={styles.content}>{children}</div>}\n        {onPress && (\n          <Button\n            isDisabled={isDisabled}\n            unstyled\n            className={styles.button}\n            onPress={onPress}\n          >\n            {children}\n          </Button>\n        )}\n        {onClose && (\n          <Button\n            className={styles.close}\n            size=\"s\"\n            color={isAlphaColor(color) ? color : \"dark\"}\n            variant=\"plain\"\n            onPress={onClose}\n            isDisabled={isDisabled}\n            aria-label={stringFormatter.format(\"badge.remove\")}\n          >\n            <IconClose />\n          </Button>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Badge;\n"],"mappings":";;;;;;;;;;;;;AAiB2B,CAUzB,GAAG,YACJ;;AAgBD,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,QAAQ,WACR,KACA,SACA,SACA,YACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,4BAA4B,iBAAQ;CAE5D,MAAM,gBAAgB,KACpB,qBAAO,OACP,qBAAO,QACP,cAAc,qBAAO,UACrB,UACD;AAyBD,QACE,oBAAC,sBAAD;EAAsB,OAxBW;GACjC,OAAO;IACL,aAAa;IACb,WAAW,qBAAO;IAClB,UAAU;IACX;GACD,MAAM;IACJ,aAAa;IACb,WAAW,qBAAO;IACnB;GACD,QAAQ;IACN,OAAO;KACL,aAAa;KACb,WAAW,qBAAO;KAClB,UAAU;KACX;IACD,MAAM;KACJ,aAAa;KACb,WAAW,qBAAO;KACnB;IACF;GACF;YAIG,qBAAC,OAAD;GAAK,WAAW;GAAe,GAAI;GAAW;aAA9C;IACG,CAAC,WAAW,oBAAC,OAAD;KAAK,WAAW,qBAAO;KAAU;KAAe,CAAA;IAC5D,WACC,oBAAC,QAAD;KACc;KACZ,UAAA;KACA,WAAW,qBAAO;KACT;KAER;KACM,CAAA;IAEV,WACC,oBAAC,QAAD;KACE,WAAW,qBAAO;KAClB,MAAK;KACL,OAAO,aAAa,MAAM,GAAG,QAAQ;KACrC,SAAQ;KACR,SAAS;KACG;KACZ,cAAY,gBAAgB,OAAO,eAAe;eAElD,oBAAC,WAAD,EAAa,CAAA;KACN,CAAA;IAEP;;EACe,CAAA;EAEzB"}
+{"version":3,"file":"Badge.mjs","sources":["../../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  alphaColors,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport const badgeColors = [\n  \"neutral\",\n  \"blue\",\n  \"navy\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  \"green\",\n  \"orange\",\n  \"red\",\n  ...alphaColors,\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** Handler that is called when the badge is pressed. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when the badges close icon is pressed. */\n  onClose?: (e: PressEvent) => void;\n  /** The color of the badge. @default \"neutral\" */\n  color?: BadgeColors;\n  /** Whether the badge is disabled. */\n  isDisabled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Badge = flowComponent(\"Badge\", (props) => {\n  const {\n    children,\n    className,\n    color = \"neutral\",\n    ref,\n    onPress,\n    onClose,\n    isDisabled,\n    ...rest\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const rootClassName = clsx(\n    styles.badge,\n    styles[color],\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      elementType: \"span\",\n      className: styles.scope,\n      unstyled: true,\n    },\n    Text: {\n      elementType: \"span\",\n      className: styles.value,\n    },\n    Button: {\n      Label: {\n        elementType: \"span\",\n        className: styles.scope,\n        unstyled: true,\n      },\n      Text: {\n        elementType: \"span\",\n        className: styles.value,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName} {...rest} ref={ref}>\n        {!onPress && <div className={styles.content}>{children}</div>}\n        {onPress && (\n          <Button\n            isDisabled={isDisabled}\n            unstyled\n            className={styles.button}\n            onPress={onPress}\n          >\n            {children}\n          </Button>\n        )}\n        {onClose && (\n          <Button\n            className={styles.close}\n            size=\"s\"\n            color={isAlphaColor(color) ? color : \"dark\"}\n            variant=\"plain\"\n            onPress={onClose}\n            isDisabled={isDisabled}\n            aria-label={stringFormatter.format(\"badge.remove\")}\n          >\n            <IconClose />\n          </Button>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Badge;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiB2B;AAAA,EACzB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL;AAgBO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,GAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,OAAO,KAAK,CAAA;AAAA,IACZ,cAAc,MAAA,CAAO,QAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAA,EAAa,MAAA;AAAA,MACb,WAAW,MAAA,CAAO,KAAA;AAAA,MAClB,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,WAAA,EAAa,MAAA;AAAA,MACb,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,MAAA;AAAA,QACb,WAAW,MAAA,CAAO,KAAA;AAAA,QAClB,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,WAAA,EAAa,MAAA;AAAA,QACb,WAAW,MAAA,CAAO;AAAA;AACpB;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,IAAA,CAAC,SAAI,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,GAAA,EACtC,QAAA,EAAA;AAAA,IAAA,CAAC,2BAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAU,QAAA,EAAS,CAAA;AAAA,IACtD,OAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,QAAA,EAAQ,IAAA;AAAA,QACR,WAAW,MAAA,CAAO,MAAA;AAAA,QAClB,OAAA;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,IAED,OAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,KAAA;AAAA,QAClB,IAAA,EAAK,GAAA;AAAA,QACL,KAAA,EAAO,YAAA,CAAa,KAAK,CAAA,GAAI,KAAA,GAAQ,MAAA;AAAA,QACrC,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,OAAA;AAAA,QACT,UAAA;AAAA,QACA,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA;AAAA,QAEjD,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA;AACb,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/Badge/Badge.module.scss.mjs

@@ -0,0 +1,45 @@
+"use client"
+/* */
+const badge = "flow--badge";
+const content = "flow--badge--content";
+const button = "flow--badge--button";
+const close = "flow--badge--close";
+const scope = "flow--badge--scope";
+const value = "flow--badge--value";
+const neutral = "flow--badge--neutral";
+const disabled = "flow--badge--disabled";
+const blue = "flow--badge--blue";
+const navy = "flow--badge--navy";
+const violet = "flow--badge--violet";
+const teal = "flow--badge--teal";
+const lilac = "flow--badge--lilac";
+const green = "flow--badge--green";
+const orange = "flow--badge--orange";
+const red = "flow--badge--red";
+const dark = "flow--badge--dark";
+const light = "flow--badge--light";
+const styles = {
+	badge: badge,
+	content: content,
+	button: button,
+	close: close,
+	scope: scope,
+	value: value,
+	neutral: neutral,
+	disabled: disabled,
+	blue: blue,
+	navy: navy,
+	violet: violet,
+	teal: teal,
+	lilac: lilac,
+	green: green,
+	orange: orange,
+	red: red,
+	dark: dark,
+	light: light,
+	"dark-static": "flow--badge--dark-static",
+	"light-static": "flow--badge--light-static"
+};
+
+export { badge, blue, button, close, content, dark, styles as default, disabled, green, light, lilac, navy, neutral, orange, red, scope, teal, value, violet };
+//# sourceMappingURL=Badge.module.scss.mjs.map

package/dist/js/packages/components/src/components/Badge/Badge.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,24 +1,21 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import "../../lib/propsContext/index.mjs";
-import BigNumber_module_default from "./BigNumber.module.mjs";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/BigNumber/BigNumber.tsx
-/** @flr-generate all */
-var BigNumber = (props) => {
-	const { children, className } = props;
-	const rootClassName = clsx(BigNumber_module_default.bigNumber, className);
-	return /* @__PURE__ */ jsx(PropsContextProvider, {
-		props: { Text: { className: BigNumber_module_default.text } },
-		children: /* @__PURE__ */ jsx("span", {
-			className: rootClassName,
-			children
-		})
-	});
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './BigNumber.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const BigNumber = (props) => {
+  const { children, className } = props;
+  const rootClassName = clsx(styles.bigNumber, className);
+  const propsContext = {
+    Text: {
+      className: styles.text
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("span", { className: rootClassName, children }) });
 };
-//#endregion
-export { BigNumber as default };
 
-//# sourceMappingURL=BigNumber.mjs.map
+export { BigNumber };
+//# sourceMappingURL=BigNumber.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BigNumber.mjs","names":[],"sources":["../../../../../../../src/components/BigNumber/BigNumber.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./BigNumber.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport type BigNumberProps = PropsWithChildren & PropsWithClassName;\n\n/** @flr-generate all */\nexport const BigNumber: FC<BigNumberProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.bigNumber, className);\n\n  const propsContext: PropsContext = {\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <span className={rootClassName}>{children}</span>\n    </PropsContextProvider>\n  );\n};\n\nexport default BigNumber;\n"],"mappings":";;;;;;;AASA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,UAAU,cAAc;CAEhC,MAAM,gBAAgB,KAAK,yBAAO,WAAW,UAAU;AAQvD,QACE,oBAAC,sBAAD;EAAsB,OAPW,EACjC,MAAM,EACJ,WAAW,yBAAO,MACnB,EACF;YAIG,oBAAC,QAAD;GAAM,WAAW;GAAgB;GAAgB,CAAA;EAC5B,CAAA"}
+{"version":3,"file":"BigNumber.mjs","sources":["../../../../../../../src/components/BigNumber/BigNumber.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./BigNumber.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport type BigNumberProps = PropsWithChildren & PropsWithClassName;\n\n/** @flr-generate all */\nexport const BigNumber: FC<BigNumberProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.bigNumber, className);\n\n  const propsContext: PropsContext = {\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <span className={rootClassName}>{children}</span>\n    </PropsContextProvider>\n  );\n};\n\nexport default BigNumber;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,wBAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAS,CAAA,EAC5C,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/BigNumber/BigNumber.module.scss.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const bigNumber = "flow--big-number";
+const text = "flow--big-number--text";
+const styles = {
+	bigNumber: bigNumber,
+	text: text
+};
+
+export { bigNumber, styles as default, text };
+//# sourceMappingURL=BigNumber.module.scss.mjs.map

package/dist/js/packages/components/src/components/BigNumber/BigNumber.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigNumber.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}