@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs

@@ -1,19 +1,21 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Legend } from '../../../Legend/Legend.mjs';
-import { LegendItem } from '../../../Legend/components/LegendItem/LegendItem.mjs';
-
-const LegendContent = (props) => {
-  const { formatter, payload } = props;
-  return /* @__PURE__ */ jsx(Legend, { children: payload?.filter(
-    (entry) => entry.payload && "fill" in entry.payload && entry.payload?.fill !== "none"
-  ).map((entry, index) => {
-    const { payload: payload2, dataKey } = entry;
-    const fill = payload2 && "fill" in payload2 && typeof payload2.fill === "string" ? payload2.fill : void 0;
-    return /* @__PURE__ */ jsx(LegendItem, { color: fill, children: dataKey ? formatter ? formatter(dataKey?.toString()) : dataKey.toString() : "" }, `legendItem-${index}`);
-  }) });
+import LegendItem from "../../../Legend/components/LegendItem/LegendItem.mjs";
+import Legend from "../../../Legend/Legend.mjs";
+import "../../../Legend/index.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/CartesianChart/components/ChartLegend/LegendContent.tsx
+var LegendContent = (props) => {
+	const { formatter, payload } = props;
+	return /* @__PURE__ */ jsx(Legend, { children: payload?.filter((entry) => entry.payload && "fill" in entry.payload && entry.payload?.fill !== "none").map((entry, index) => {
+		const { payload, dataKey } = entry;
+		return /* @__PURE__ */ jsx(LegendItem, {
+			color: payload && "fill" in payload && typeof payload.fill === "string" ? payload.fill : void 0,
+			children: dataKey ? formatter ? formatter(dataKey?.toString()) : dataKey.toString() : ""
+		}, `legendItem-${index}`);
+	}) });
 };
-
+//#endregion
 export { LegendContent as default };
-//# sourceMappingURL=LegendContent.mjs.map
+
+//# sourceMappingURL=LegendContent.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"./ChartLegend\";\nimport type { FC } from \"react\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n  const { formatter, payload } = props;\n\n  return (\n    <Legend>\n      {payload\n        ?.filter(\n          (entry) =>\n            entry.payload &&\n            \"fill\" in entry.payload &&\n            entry.payload?.fill !== \"none\",\n        )\n        .map((entry, index) => {\n          const { payload, dataKey } = entry;\n          const fill =\n            payload && \"fill\" in payload && typeof payload.fill === \"string\"\n              ? payload.fill\n              : undefined;\n\n          return (\n            <LegendItem key={`legendItem-${index}`} color={fill}>\n              {dataKey\n                ? formatter\n                  ? formatter(dataKey?.toString())\n                  : dataKey.toString()\n                : \"\"}\n            </LegendItem>\n          );\n        })}\n    </Legend>\n  );\n};\n\nexport default LegendContent;\n"],"names":["payload"],"mappings":";;;;AAOA,MAAM,aAAA,GAAuC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,OAAA,EAAQ,GAAI,KAAA;AAE/B,EAAA,uBACE,GAAA,CAAC,UACE,QAAA,EAAA,OAAA,EACG,MAAA;AAAA,IACA,CAAC,UACC,KAAA,CAAM,OAAA,IACN,UAAU,KAAA,CAAM,OAAA,IAChB,KAAA,CAAM,OAAA,EAAS,IAAA,KAAS;AAAA,GAC5B,CACC,GAAA,CAAI,CAAC,KAAA,EAAO,KAAA,KAAU;AACrB,IAAA,MAAM,EAAE,OAAA,EAAAA,QAAAA,EAAS,OAAA,EAAQ,GAAI,KAAA;AAC7B,IAAA,MAAM,IAAA,GACJA,YAAW,MAAA,IAAUA,QAAAA,IAAW,OAAOA,QAAAA,CAAQ,IAAA,KAAS,QAAA,GACpDA,QAAAA,CAAQ,IAAA,GACR,MAAA;AAEN,IAAA,2BACG,UAAA,EAAA,EAAuC,KAAA,EAAO,IAAA,EAC5C,QAAA,EAAA,OAAA,GACG,YACE,SAAA,CAAU,OAAA,EAAS,QAAA,EAAU,IAC7B,OAAA,CAAQ,QAAA,KACV,EAAA,EAAA,EALW,CAAA,WAAA,EAAc,KAAK,CAAA,CAMpC,CAAA;AAAA,EAEJ,CAAC,CAAA,EACL,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LegendContent.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"./ChartLegend\";\nimport type { FC } from \"react\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n  const { formatter, payload } = props;\n\n  return (\n    <Legend>\n      {payload\n        ?.filter(\n          (entry) =>\n            entry.payload &&\n            \"fill\" in entry.payload &&\n            entry.payload?.fill !== \"none\",\n        )\n        .map((entry, index) => {\n          const { payload, dataKey } = entry;\n          const fill =\n            payload && \"fill\" in payload && typeof payload.fill === \"string\"\n              ? payload.fill\n              : undefined;\n\n          return (\n            <LegendItem key={`legendItem-${index}`} color={fill}>\n              {dataKey\n                ? formatter\n                  ? formatter(dataKey?.toString())\n                  : dataKey.toString()\n                : \"\"}\n            </LegendItem>\n          );\n        })}\n    </Legend>\n  );\n};\n\nexport default LegendContent;\n"],"mappings":";;;;;AAOA,IAAM,iBAAwC,UAAU;CACtD,MAAM,EAAE,WAAW,YAAY;AAE/B,QACE,oBAAC,QAAD,EAAA,UACG,SACG,QACC,UACC,MAAM,WACN,UAAU,MAAM,WAChB,MAAM,SAAS,SAAS,OAC3B,CACA,KAAK,OAAO,UAAU;EACrB,MAAM,EAAE,SAAS,YAAY;AAM7B,SACE,oBAAC,YAAD;GAAwC,OALxC,WAAW,UAAU,WAAW,OAAO,QAAQ,SAAS,WACpD,QAAQ,OACR,KAAA;aAID,UACG,YACE,UAAU,SAAS,UAAU,CAAC,GAC9B,QAAQ,UAAU,GACpB;GACO,EANI,cAAc,QAMlB;GAEf,EACG,CAAA"}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartLegend/index.mjs

@@ -0,0 +1 @@
+import "./ChartLegend.mjs";

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.mjs

@@ -1,46 +1,38 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { Tooltip } from 'recharts';
-import '../../../Text/Text.mjs';
-import clsx from 'clsx';
-import '../../../../lib/tokens/CategoricalColors.mjs';
-import '@mittwald/react-use-promise';
-import { TooltipContent } from './TooltipContent.mjs';
-import styles from './ChartTooltip.module.scss.mjs';
-import LoadingSpinnerView from '../../../../views/LoadingSpinnerView.mjs';
-
-const ChartTooltip = (props) => {
-  const {
-    headingFormatter,
-    formatter,
-    showProgressBar = true,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      ...rest,
-      cursor: false,
-      content: (props2) => {
-        if (!props2.active || !props2.payload || props2.payload.length === 0) {
-          return null;
-        }
-        const className = clsx(props2.wrapperClassName, styles.tooltip);
-        return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinnerView, {}), children: /* @__PURE__ */ jsx(
-          TooltipContent,
-          {
-            ...props2,
-            headingFormatter,
-            formatter,
-            showProgressBar
-          }
-        ) }) });
-      }
-    }
-  );
+import "./TooltipLegendItem.mjs";
+import ChartTooltip_module_default from "./ChartTooltip.module.mjs";
+import { TooltipContent } from "./TooltipContent.mjs";
+import LoadingSpinnerView from "../../../../views/LoadingSpinnerView.mjs";
+import clsx from "clsx";
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "recharts";
+//#region src/components/CartesianChart/components/ChartTooltip/ChartTooltip.tsx
+/** @flr-generate all */
+var ChartTooltip = (props) => {
+	const { headingFormatter, formatter, showProgressBar = true, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		...rest,
+		cursor: false,
+		content: (props) => {
+			if (!props.active || !props.payload || props.payload.length === 0) return null;
+			return /* @__PURE__ */ jsx("div", {
+				className: clsx(props.wrapperClassName, ChartTooltip_module_default.tooltip),
+				children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx(LoadingSpinnerView, {}),
+					children: /* @__PURE__ */ jsx(TooltipContent, {
+						...props,
+						headingFormatter,
+						formatter,
+						showProgressBar
+					})
+				})
+			});
+		}
+	});
 };
+//#endregion
+export { ChartTooltip as default };
 
-export { ChartTooltip };
-//# sourceMappingURL=ChartTooltip.mjs.map
+//# sourceMappingURL=ChartTooltip.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import React, { type FC, Suspense } from \"react\";\nimport { Tooltip, type TooltipProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { type TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport { TooltipContent } from \"@/components/CartesianChart/components/ChartTooltip/TooltipContent\";\nimport clsx from \"clsx\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\n\nexport type TooltipLineFormatter = (\n  value: TooltipPayloadItem[\"value\"],\n  name: TooltipPayloadItem[\"dataKey\"],\n  index: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport type TooltipHeadingFormatter = (\n  title: string | number | undefined,\n) => Promise<string> | string;\n\nexport interface WithTooltipFormatters {\n  /**\n   * A formatter function for the lines in the tooltip. Can be used for purposes\n   * like translations.\n   */\n  formatter?: TooltipLineFormatter;\n  /**\n   * A formatter function for the heading of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  headingFormatter?: TooltipHeadingFormatter;\n}\n\nexport interface ChartTooltipProps\n  extends\n    Pick<\n      TooltipProps<ValueType, NameType>,\n      \"wrapperClassName\" | \"allowEscapeViewBox\"\n    >,\n    WithTooltipFormatters {\n  /** Show progress bar for stacked areas @default \"true\" */\n  showProgressBar?: boolean;\n}\n\n/** @flr-generate all */\nexport const ChartTooltip: FC<ChartTooltipProps> = (props) => {\n  const {\n    headingFormatter,\n    formatter,\n    showProgressBar = true,\n    ...rest\n  } = props;\n\n  return (\n    <Tooltip\n      {...rest}\n      cursor={false}\n      content={(props) => {\n        if (!props.active || !props.payload || props.payload.length === 0) {\n          return null;\n        }\n\n        const className = clsx(props.wrapperClassName, styles.tooltip);\n        return (\n          <div className={className}>\n            <Suspense fallback={<LoadingSpinnerView />}>\n              <TooltipContent\n                {...props}\n                headingFormatter={headingFormatter}\n                formatter={formatter}\n                showProgressBar={showProgressBar}\n              />\n            </Suspense>\n          </div>\n        );\n      }}\n    />\n  );\n};\n\nexport default ChartTooltip;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAgDO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM;AAAA,IACJ,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA,GAAkB,IAAA;AAAA,IAClB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,MAAA,EAAQ,KAAA;AAAA,MACR,OAAA,EAAS,CAACA,MAAAA,KAAU;AAClB,QAAA,IAAI,CAACA,OAAM,MAAA,IAAU,CAACA,OAAM,OAAA,IAAWA,MAAAA,CAAM,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG;AACjE,UAAA,OAAO,IAAA;AAAA,QACT;AAEA,QAAA,MAAM,SAAA,GAAY,IAAA,CAAKA,MAAAA,CAAM,gBAAA,EAAkB,OAAO,OAAO,CAAA;AAC7D,QAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EACH,QAAA,kBAAA,GAAA,CAAC,YAAS,QAAA,kBAAU,GAAA,CAAC,sBAAmB,CAAA,EACtC,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACE,GAAGA,MAAAA;AAAA,YACJ,gBAAA;AAAA,YACA,SAAA;AAAA,YACA;AAAA;AAAA,WAEJ,CAAA,EACF,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"ChartTooltip.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import React, { type FC, Suspense } from \"react\";\nimport { Tooltip, type TooltipProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { type TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport { TooltipContent } from \"@/components/CartesianChart/components/ChartTooltip/TooltipContent\";\nimport clsx from \"clsx\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\n\nexport type TooltipLineFormatter = (\n  value: TooltipPayloadItem[\"value\"],\n  name: TooltipPayloadItem[\"dataKey\"],\n  index: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport type TooltipHeadingFormatter = (\n  title: string | number | undefined,\n) => Promise<string> | string;\n\nexport interface WithTooltipFormatters {\n  /**\n   * A formatter function for the lines in the tooltip. Can be used for purposes\n   * like translations.\n   */\n  formatter?: TooltipLineFormatter;\n  /**\n   * A formatter function for the heading of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  headingFormatter?: TooltipHeadingFormatter;\n}\n\nexport interface ChartTooltipProps\n  extends\n    Pick<\n      TooltipProps<ValueType, NameType>,\n      \"wrapperClassName\" | \"allowEscapeViewBox\"\n    >,\n    WithTooltipFormatters {\n  /** Show progress bar for stacked areas @default \"true\" */\n  showProgressBar?: boolean;\n}\n\n/** @flr-generate all */\nexport const ChartTooltip: FC<ChartTooltipProps> = (props) => {\n  const {\n    headingFormatter,\n    formatter,\n    showProgressBar = true,\n    ...rest\n  } = props;\n\n  return (\n    <Tooltip\n      {...rest}\n      cursor={false}\n      content={(props) => {\n        if (!props.active || !props.payload || props.payload.length === 0) {\n          return null;\n        }\n\n        const className = clsx(props.wrapperClassName, styles.tooltip);\n        return (\n          <div className={className}>\n            <Suspense fallback={<LoadingSpinnerView />}>\n              <TooltipContent\n                {...props}\n                headingFormatter={headingFormatter}\n                formatter={formatter}\n                showProgressBar={showProgressBar}\n              />\n            </Suspense>\n          </div>\n        );\n      }}\n    />\n  );\n};\n\nexport default ChartTooltip;\n"],"mappings":";;;;;;;;;;AAgDA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EACJ,kBACA,WACA,kBAAkB,MAClB,GAAG,SACD;AAEJ,QACE,oBAAC,SAAD;EACE,GAAI;EACJ,QAAQ;EACR,UAAU,UAAU;AAClB,OAAI,CAAC,MAAM,UAAU,CAAC,MAAM,WAAW,MAAM,QAAQ,WAAW,EAC9D,QAAO;AAIT,UACE,oBAAC,OAAD;IAAgB,WAFA,KAAK,MAAM,kBAAkB,4BAAO,QAAQ;cAG1D,oBAAC,UAAD;KAAU,UAAU,oBAAC,oBAAD,EAAsB,CAAA;eACxC,oBAAC,gBAAD;MACE,GAAI;MACc;MACP;MACM;MACjB,CAAA;KACO,CAAA;IACP,CAAA;;EAGV,CAAA"}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.module.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var ChartTooltip_module_default = {
+	tooltip: "flow--cartesian-chart--chart-tooltip--tooltip",
+	progressBar: "flow--cartesian-chart--chart-tooltip--progress-bar"
+};
+//#endregion
+export { ChartTooltip_module_default as default };
+
+//# sourceMappingURL=ChartTooltip.module.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.module.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/ChartTooltip.module.scss"],"sourcesContent":[":global(.recharts-tooltip-wrapper-right) {\n  margin-left: calc(var(--popover--tip-height) + var(--chart-tooltip--spacing));\n}\n\n:global(.recharts-tooltip-wrapper-left) {\n  margin-left: calc(\n    calc(var(--popover--tip-height) + var(--chart-tooltip--spacing)) * -1\n  );\n}\n\n.tooltip {\n  background-color: var(--popover--background-color);\n  box-shadow: var(--popover--box-shadow);\n  border-radius: var(--popover--corner-radius);\n  border-width: var(--popover--border-width);\n  border-style: var(--popover--border-style);\n  border-color: var(--popover--border-color);\n  padding: var(--popover--padding--m);\n\n  &:has(.progressBar) {\n    min-width: 250px;\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipContent.mjs

@@ -1,35 +1,48 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { usePromise } from '@mittwald/react-use-promise';
-import { Heading } from '../../../Heading/Heading.mjs';
-import { TooltipLegendItem } from './TooltipLegendItem.mjs';
-import SkeletonTextView from '../../../../views/SkeletonTextView.mjs';
-import { TooltipProgressBar } from './TooltipProgressBar.mjs';
-import { Flex } from '../../../Flex/Flex.mjs';
-
-const TooltipContent = (props) => {
-  const { headingFormatter, formatter, label, payload, showProgressBar } = props;
-  const formattedHeading = usePromise(
-    async (label2, formatter2) => {
-      if (!formatter2) {
-        return label2;
-      }
-      return formatter2(label2);
-    },
-    [label, headingFormatter]
-  );
-  const filteredPayload = payload.filter((item) => item.fill !== "none");
-  const items = filteredPayload.map((item, index) => {
-    return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonTextView, {}), children: /* @__PURE__ */ jsx(TooltipLegendItem, { formatter, item, index }) }, item.dataKey);
-  });
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "s", children: [
-    /* @__PURE__ */ jsx(Heading, { level: 4, children: formattedHeading }),
-    showProgressBar && /* @__PURE__ */ jsx(TooltipProgressBar, { items: filteredPayload }),
-    /* @__PURE__ */ jsx("div", { children: items })
-  ] });
+import { TooltipLegendItem } from "./TooltipLegendItem.mjs";
+import Heading from "../../../Heading/Heading.mjs";
+import "../../../Heading/index.mjs";
+import SkeletonTextView from "../../../../views/SkeletonTextView.mjs";
+import { TooltipProgressBar } from "./TooltipProgressBar.mjs";
+import Flex from "../../../Flex/Flex.mjs";
+import "../../../Flex/index.mjs";
+import { Suspense } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePromise } from "@mittwald/react-use-promise";
+//#region src/components/CartesianChart/components/ChartTooltip/TooltipContent.tsx
+/** @internal */
+var TooltipContent = (props) => {
+	const { headingFormatter, formatter, label, payload, showProgressBar } = props;
+	const formattedHeading = usePromise(async (label, formatter) => {
+		if (!formatter) return label;
+		return formatter(label);
+	}, [label, headingFormatter]);
+	const filteredPayload = payload.filter((item) => item.fill !== "none");
+	const items = filteredPayload.map((item, index) => {
+		return /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(SkeletonTextView, {}),
+			children: /* @__PURE__ */ jsx(TooltipLegendItem, {
+				formatter,
+				item,
+				index
+			})
+		}, item.dataKey);
+	});
+	return /* @__PURE__ */ jsxs(Flex, {
+		direction: "column",
+		gap: "s",
+		children: [
+			/* @__PURE__ */ jsx(Heading, {
+				level: 4,
+				children: formattedHeading
+			}),
+			showProgressBar && /* @__PURE__ */ jsx(TooltipProgressBar, { items: filteredPayload }),
+			/* @__PURE__ */ jsx("div", { children: items })
+		]
+	});
 };
-
+//#endregion
 export { TooltipContent };
-//# sourceMappingURL=TooltipContent.mjs.map
+
+//# sourceMappingURL=TooltipContent.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipContent.tsx"],"sourcesContent":["import React, { type FC, Suspense } from \"react\";\nimport type { TooltipContentProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\nimport Heading from \"@/components/Heading\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart\";\nimport { TooltipLegendItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport { TooltipProgressBar } from \"@/components/CartesianChart/components/ChartTooltip/TooltipProgressBar\";\nimport { Flex } from \"@/components/Flex\";\n\n/** @internal */\nexport const TooltipContent: FC<\n  WithTooltipFormatters &\n    Omit<TooltipContentProps<ValueType, NameType>, \"formatter\"> & {\n      showProgressBar?: boolean;\n    }\n> = (props) => {\n  const { headingFormatter, formatter, label, payload, showProgressBar } =\n    props;\n\n  const formattedHeading = usePromise(\n    async (label, formatter) => {\n      if (!formatter) {\n        return label;\n      }\n\n      return formatter(label);\n    },\n    [label, headingFormatter] as const,\n  );\n\n  const filteredPayload = payload.filter((item) => item.fill !== \"none\");\n\n  const items = filteredPayload.map((item, index) => {\n    return (\n      <Suspense key={item.dataKey} fallback={<SkeletonTextView />}>\n        <TooltipLegendItem formatter={formatter} item={item} index={index} />\n      </Suspense>\n    );\n  });\n\n  return (\n    <Flex direction=\"column\" gap=\"s\">\n      <Heading level={4}>{formattedHeading}</Heading>\n      {showProgressBar && <TooltipProgressBar items={filteredPayload} />}\n      <div>{items}</div>\n    </Flex>\n  );\n};\n"],"names":["label","formatter"],"mappings":";;;;;;;;;AAeO,MAAM,cAAA,GAKT,CAAC,KAAA,KAAU;AACb,EAAA,MAAM,EAAE,gBAAA,EAAkB,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,iBAAgB,GACnE,KAAA;AAEF,EAAA,MAAM,gBAAA,GAAmB,UAAA;AAAA,IACvB,OAAOA,QAAOC,UAAAA,KAAc;AAC1B,MAAA,IAAI,CAACA,UAAAA,EAAW;AACd,QAAA,OAAOD,MAAAA;AAAA,MACT;AAEA,MAAA,OAAOC,WAAUD,MAAK,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,OAAO,gBAAgB;AAAA,GAC1B;AAEA,EAAA,MAAM,kBAAkB,OAAA,CAAQ,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,SAAS,MAAM,CAAA;AAErE,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AACjD,IAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAA4B,QAAA,kBAAU,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACvD,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAsB,IAAA,EAAY,KAAA,EAAc,CAAA,EAAA,EADtD,KAAK,OAEpB,CAAA;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,EAAI,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IACpC,eAAA,oBAAmB,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,eAAA,EAAiB,CAAA;AAAA,oBAChE,GAAA,CAAC,SAAK,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACd,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TooltipContent.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipContent.tsx"],"sourcesContent":["import React, { type FC, Suspense } from \"react\";\nimport type { TooltipContentProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\nimport Heading from \"@/components/Heading\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart\";\nimport { TooltipLegendItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport { TooltipProgressBar } from \"@/components/CartesianChart/components/ChartTooltip/TooltipProgressBar\";\nimport { Flex } from \"@/components/Flex\";\n\n/** @internal */\nexport const TooltipContent: FC<\n  WithTooltipFormatters &\n    Omit<TooltipContentProps<ValueType, NameType>, \"formatter\"> & {\n      showProgressBar?: boolean;\n    }\n> = (props) => {\n  const { headingFormatter, formatter, label, payload, showProgressBar } =\n    props;\n\n  const formattedHeading = usePromise(\n    async (label, formatter) => {\n      if (!formatter) {\n        return label;\n      }\n\n      return formatter(label);\n    },\n    [label, headingFormatter] as const,\n  );\n\n  const filteredPayload = payload.filter((item) => item.fill !== \"none\");\n\n  const items = filteredPayload.map((item, index) => {\n    return (\n      <Suspense key={item.dataKey} fallback={<SkeletonTextView />}>\n        <TooltipLegendItem formatter={formatter} item={item} index={index} />\n      </Suspense>\n    );\n  });\n\n  return (\n    <Flex direction=\"column\" gap=\"s\">\n      <Heading level={4}>{formattedHeading}</Heading>\n      {showProgressBar && <TooltipProgressBar items={filteredPayload} />}\n      <div>{items}</div>\n    </Flex>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAa,kBAKR,UAAU;CACb,MAAM,EAAE,kBAAkB,WAAW,OAAO,SAAS,oBACnD;CAEF,MAAM,mBAAmB,WACvB,OAAO,OAAO,cAAc;AAC1B,MAAI,CAAC,UACH,QAAO;AAGT,SAAO,UAAU,MAAM;IAEzB,CAAC,OAAO,iBAAiB,CAC1B;CAED,MAAM,kBAAkB,QAAQ,QAAQ,SAAS,KAAK,SAAS,OAAO;CAEtE,MAAM,QAAQ,gBAAgB,KAAK,MAAM,UAAU;AACjD,SACE,oBAAC,UAAD;GAA6B,UAAU,oBAAC,kBAAD,EAAoB,CAAA;aACzD,oBAAC,mBAAD;IAA8B;IAAiB;IAAa;IAAS,CAAA;GAC5D,EAFI,KAAK,QAET;GAEb;AAEF,QACE,qBAAC,MAAD;EAAM,WAAU;EAAS,KAAI;YAA7B;GACE,oBAAC,SAAD;IAAS,OAAO;cAAI;IAA2B,CAAA;GAC9C,mBAAmB,oBAAC,oBAAD,EAAoB,OAAO,iBAAmB,CAAA;GAClE,oBAAC,OAAD,EAAA,UAAM,OAAY,CAAA;GACb"}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.mjs

@@ -1,26 +1,28 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { LegendItem } from '../../../Legend/components/LegendItem/LegendItem.mjs';
-import { usePromise } from '@mittwald/react-use-promise';
-
-const TooltipLegendItem = ({
-  formatter,
-  item,
-  index
-}) => {
-  const { value, dataKey, unit, fill } = item;
-  const formattedLabel = usePromise(
-    async (value2, dataKey2, index2, unit2, formatter2) => {
-      if (!formatter2) {
-        return `${dataKey2} (${value2}${unit2 ? ` ${unit2}` : ""})`;
-      }
-      return formatter2(value2, dataKey2, index2, unit2);
-    },
-    [value, dataKey, index, unit, formatter]
-  );
-  return /* @__PURE__ */ jsx(LegendItem, { color: fill, children: formattedLabel });
+import LegendItem from "../../../Legend/components/LegendItem/LegendItem.mjs";
+import "../../../Legend/components/LegendItem/index.mjs";
+import { jsx } from "react/jsx-runtime";
+import { usePromise } from "@mittwald/react-use-promise";
+//#region src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.tsx
+/** @internal */
+var TooltipLegendItem = ({ formatter, item, index }) => {
+	const { value, dataKey, unit, fill } = item;
+	return /* @__PURE__ */ jsx(LegendItem, {
+		color: fill,
+		children: usePromise(async (value, dataKey, index, unit, formatter) => {
+			if (!formatter) return `${dataKey} (${value}${unit ? ` ${unit}` : ""})`;
+			return formatter(value, dataKey, index, unit);
+		}, [
+			value,
+			dataKey,
+			index,
+			unit,
+			formatter
+		])
+	});
 };
-
+//#endregion
 export { TooltipLegendItem };
-//# sourceMappingURL=TooltipLegendItem.mjs.map
+
+//# sourceMappingURL=TooltipLegendItem.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipLegendItem.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.tsx"],"sourcesContent":["import { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type { WithTooltipFormatters } from \"./ChartTooltip\";\nimport type { FC } from \"react\";\nimport type { DefaultTooltipContentProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\n\n/** @internal */\nexport type TooltipPayloadItem = NonNullable<\n  DefaultTooltipContentProps<ValueType, NameType>[\"payload\"]\n>[number];\n\n/** @internal */\ninterface LegendItemLabelProps extends Pick<\n  WithTooltipFormatters,\n  \"formatter\"\n> {\n  item: TooltipPayloadItem;\n  index: number;\n}\n\n/** @internal */\nexport const TooltipLegendItem: FC<LegendItemLabelProps> = ({\n  formatter,\n  item,\n  index,\n}) => {\n  const { value, dataKey, unit, fill } = item;\n\n  const formattedLabel = usePromise(\n    async (value, dataKey, index, unit, formatter) => {\n      if (!formatter) {\n        return `${dataKey} (${value}${unit ? ` ${unit}` : \"\"})`;\n      }\n\n      return formatter(value, dataKey, index, unit);\n    },\n    [value, dataKey, index, unit, formatter] as const,\n  );\n\n  return <LegendItem color={fill}>{formattedLabel}</LegendItem>;\n};\n"],"names":["value","dataKey","index","unit","formatter"],"mappings":";;;;AAyBO,MAAM,oBAA8C,CAAC;AAAA,EAC1D,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,MAAK,GAAI,IAAA;AAEvC,EAAA,MAAM,cAAA,GAAiB,UAAA;AAAA,IACrB,OAAOA,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,EAAOC,OAAMC,UAAAA,KAAc;AAChD,MAAA,IAAI,CAACA,UAAAA,EAAW;AACd,QAAA,OAAO,CAAA,EAAGH,QAAO,CAAA,EAAA,EAAKD,MAAK,GAAGG,KAAAA,GAAO,CAAA,CAAA,EAAIA,KAAI,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA,CAAA;AAAA,MACtD;AAEA,MAAA,OAAOC,UAAAA,CAAUJ,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,EAAOC,KAAI,CAAA;AAAA,IAC9C,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,MAAM,SAAS;AAAA,GACzC;AAEA,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,IAAA,EAAO,QAAA,EAAA,cAAA,EAAe,CAAA;AAClD;;;;"}
+{"version":3,"file":"TooltipLegendItem.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.tsx"],"sourcesContent":["import { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type { WithTooltipFormatters } from \"./ChartTooltip\";\nimport type { FC } from \"react\";\nimport type { DefaultTooltipContentProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\n\n/** @internal */\nexport type TooltipPayloadItem = NonNullable<\n  DefaultTooltipContentProps<ValueType, NameType>[\"payload\"]\n>[number];\n\n/** @internal */\ninterface LegendItemLabelProps extends Pick<\n  WithTooltipFormatters,\n  \"formatter\"\n> {\n  item: TooltipPayloadItem;\n  index: number;\n}\n\n/** @internal */\nexport const TooltipLegendItem: FC<LegendItemLabelProps> = ({\n  formatter,\n  item,\n  index,\n}) => {\n  const { value, dataKey, unit, fill } = item;\n\n  const formattedLabel = usePromise(\n    async (value, dataKey, index, unit, formatter) => {\n      if (!formatter) {\n        return `${dataKey} (${value}${unit ? ` ${unit}` : \"\"})`;\n      }\n\n      return formatter(value, dataKey, index, unit);\n    },\n    [value, dataKey, index, unit, formatter] as const,\n  );\n\n  return <LegendItem color={fill}>{formattedLabel}</LegendItem>;\n};\n"],"mappings":";;;;;;AAyBA,IAAa,qBAA+C,EAC1D,WACA,MACA,YACI;CACJ,MAAM,EAAE,OAAO,SAAS,MAAM,SAAS;AAavC,QAAO,oBAAC,YAAD;EAAY,OAAO;YAXH,WACrB,OAAO,OAAO,SAAS,OAAO,MAAM,cAAc;AAChD,OAAI,CAAC,UACH,QAAO,GAAG,QAAQ,IAAI,QAAQ,OAAO,IAAI,SAAS,GAAG;AAGvD,UAAO,UAAU,OAAO,SAAS,OAAO,KAAK;KAE/C;GAAC;GAAO;GAAS;GAAO;GAAM;GAAU,CACzC;EAE4D,CAAA"}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs

@@ -1,40 +1,36 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { ProgressBar } from '../../../ProgressBar/ProgressBar.mjs';
-import { Label } from '../../../Label/Label.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../../_virtual/_.locale.json@774f50b2495c87d6d13911bcd596e720.mjs';
-import styles from './ChartTooltip.module.scss.mjs';
-
-const TooltipProgressBar = (props) => {
-  const { items } = props;
-  const areaItems = items.filter(
-    (item) => item.fill !== "none" && item.graphicalItemId.includes("area")
-  );
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const unit = areaItems[0]?.unit;
-  const segments = areaItems.map((i) => ({
-    title: i.dataKey,
-    value: i.value,
-    color: i.fill
-  }));
-  const total = segments.reduce((sum, segment) => sum + segment.value, 0);
-  if (areaItems.length < 2) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ProgressBar,
-    {
-      className: styles.progressBar,
-      showLegend: false,
-      segments,
-      valueLabel: unit ? `${total} ${unit}` : total,
-      maxValue: unit === "%" ? void 0 : total,
-      children: /* @__PURE__ */ jsx(Label, { children: stringFormatter.format("cartesianChart.total") })
-    }
-  );
+import ProgressBar from "../../../ProgressBar/ProgressBar.mjs";
+import "../../../ProgressBar/index.mjs";
+import Label from "../../../Label/Label.mjs";
+import "../../../Label/index.mjs";
+import __locale_default from "../../../../../../../_virtual/_7.locale.mjs";
+import ChartTooltip_module_default from "./ChartTooltip.module.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.tsx
+var TooltipProgressBar = (props) => {
+	const { items } = props;
+	const areaItems = items.filter((item) => item.fill !== "none" && item.graphicalItemId.includes("area"));
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	const unit = areaItems[0]?.unit;
+	const segments = areaItems.map((i) => ({
+		title: i.dataKey,
+		value: i.value,
+		color: i.fill
+	}));
+	const total = segments.reduce((sum, segment) => sum + segment.value, 0);
+	if (areaItems.length < 2) return null;
+	return /* @__PURE__ */ jsx(ProgressBar, {
+		className: ChartTooltip_module_default.progressBar,
+		showLegend: false,
+		segments,
+		valueLabel: unit ? `${total} ${unit}` : total,
+		maxValue: unit === "%" ? void 0 : total,
+		children: /* @__PURE__ */ jsx(Label, { children: stringFormatter.format("cartesianChart.total") })
+	});
 };
-
+//#endregion
 export { TooltipProgressBar };
-//# sourceMappingURL=TooltipProgressBar.mjs.map
+
+//# sourceMappingURL=TooltipProgressBar.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipProgressBar.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { ProgressBar } from \"@/components/ProgressBar\";\nimport { Label } from \"@/components/Label\";\nimport type { TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport styles from \"./ChartTooltip.module.scss\";\n\ninterface TooltipProgressBarProps {\n  items: TooltipPayloadItem[];\n}\n\nexport const TooltipProgressBar: FC<TooltipProgressBarProps> = (props) => {\n  const { items } = props;\n\n  const areaItems = items.filter(\n    (item) => item.fill !== \"none\" && item.graphicalItemId.includes(\"area\"),\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const unit = areaItems[0]?.unit;\n\n  const segments = areaItems.map((i) => ({\n    title: i.dataKey as string,\n    value: i.value as number,\n    color: i.fill,\n  }));\n\n  const total = segments.reduce((sum, segment) => sum + segment.value, 0);\n\n  if (areaItems.length < 2) {\n    return null;\n  }\n\n  return (\n    <ProgressBar\n      className={styles.progressBar}\n      showLegend={false}\n      segments={segments}\n      valueLabel={unit ? `${total} ${unit}` : total}\n      maxValue={unit === \"%\" ? undefined : total}\n    >\n      <Label>{stringFormatter.format(\"cartesianChart.total\")}</Label>\n    </ProgressBar>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,kBAAA,GAAkD,CAAC,KAAA,KAAU;AACxE,EAAA,MAAM,EAAE,OAAM,GAAI,KAAA;AAElB,EAAA,MAAM,YAAY,KAAA,CAAM,MAAA;AAAA,IACtB,CAAC,SAAS,IAAA,CAAK,IAAA,KAAS,UAAU,IAAA,CAAK,eAAA,CAAgB,SAAS,MAAM;AAAA,GACxE;AAEA,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,IAAA,GAAO,SAAA,CAAU,CAAC,CAAA,EAAG,IAAA;AAE3B,EAAA,MAAM,QAAA,GAAW,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,MAAO;AAAA,IACrC,OAAO,CAAA,CAAE,OAAA;AAAA,IACT,OAAO,CAAA,CAAE,KAAA;AAAA,IACT,OAAO,CAAA,CAAE;AAAA,GACX,CAAE,CAAA;AAEF,EAAA,MAAM,KAAA,GAAQ,SAAS,MAAA,CAAO,CAAC,KAAK,OAAA,KAAY,GAAA,GAAM,OAAA,CAAQ,KAAA,EAAO,CAAC,CAAA;AAEtE,EAAA,IAAI,SAAA,CAAU,SAAS,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,UAAA,EAAY,KAAA;AAAA,MACZ,QAAA;AAAA,MACA,YAAY,IAAA,GAAO,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,GAAK,KAAA;AAAA,MACxC,QAAA,EAAU,IAAA,KAAS,GAAA,GAAM,MAAA,GAAY,KAAA;AAAA,MAErC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAO,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,sBAAsB,CAAA,EAAE;AAAA;AAAA,GACzD;AAEJ;;;;"}
+{"version":3,"file":"TooltipProgressBar.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { ProgressBar } from \"@/components/ProgressBar\";\nimport { Label } from \"@/components/Label\";\nimport type { TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport styles from \"./ChartTooltip.module.scss\";\n\ninterface TooltipProgressBarProps {\n  items: TooltipPayloadItem[];\n}\n\nexport const TooltipProgressBar: FC<TooltipProgressBarProps> = (props) => {\n  const { items } = props;\n\n  const areaItems = items.filter(\n    (item) => item.fill !== \"none\" && item.graphicalItemId.includes(\"area\"),\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const unit = areaItems[0]?.unit;\n\n  const segments = areaItems.map((i) => ({\n    title: i.dataKey as string,\n    value: i.value as number,\n    color: i.fill,\n  }));\n\n  const total = segments.reduce((sum, segment) => sum + segment.value, 0);\n\n  if (areaItems.length < 2) {\n    return null;\n  }\n\n  return (\n    <ProgressBar\n      className={styles.progressBar}\n      showLegend={false}\n      segments={segments}\n      valueLabel={unit ? `${total} ${unit}` : total}\n      maxValue={unit === \"%\" ? undefined : total}\n    >\n      <Label>{stringFormatter.format(\"cartesianChart.total\")}</Label>\n    </ProgressBar>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,IAAa,sBAAmD,UAAU;CACxE,MAAM,EAAE,UAAU;CAElB,MAAM,YAAY,MAAM,QACrB,SAAS,KAAK,SAAS,UAAU,KAAK,gBAAgB,SAAS,OAAO,CACxE;CAED,MAAM,kBAAkB,4BAA4B,iBAAQ;CAE5D,MAAM,OAAO,UAAU,IAAI;CAE3B,MAAM,WAAW,UAAU,KAAK,OAAO;EACrC,OAAO,EAAE;EACT,OAAO,EAAE;EACT,OAAO,EAAE;EACV,EAAE;CAEH,MAAM,QAAQ,SAAS,QAAQ,KAAK,YAAY,MAAM,QAAQ,OAAO,EAAE;AAEvE,KAAI,UAAU,SAAS,EACrB,QAAO;AAGT,QACE,oBAAC,aAAD;EACE,WAAW,4BAAO;EAClB,YAAY;EACF;EACV,YAAY,OAAO,GAAG,MAAM,GAAG,SAAS;EACxC,UAAU,SAAS,MAAM,KAAA,IAAY;YAErC,oBAAC,OAAD,EAAA,UAAQ,gBAAgB,OAAO,uBAAuB,EAAS,CAAA;EACnD,CAAA"}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/index.mjs

@@ -0,0 +1 @@
+import "./ChartTooltip.mjs";

package/dist/js/packages/components/src/components/CartesianChart/components/Line/Line.mjs

@@ -1,27 +1,27 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Recharts from 'recharts';
-import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
-import { AreaDot } from '../AreaDot/AreaDot.mjs';
-import { isCategoricalColor } from '../../../../lib/tokens/isCategoricalColor.mjs';
-
-const Line = (props) => {
-  const { color: colorFromProps = "sea-green", ...rest } = props;
-  const color = isCategoricalColor(colorFromProps) ? `var(--color--categorical--${colorFromProps})` : colorFromProps;
-  return /* @__PURE__ */ jsx(
-    Recharts.Line,
-    {
-      ...rest,
-      fill: color,
-      activeDot: /* @__PURE__ */ jsx(AreaDot, { color }),
-      dot: false,
-      stroke: color,
-      strokeWidth: tokens.line["border-width"].value
-    }
-  );
+import variables_default from "../../../../../../design-tokens/dist/variables.mjs";
+import { AreaDot } from "../AreaDot/AreaDot.mjs";
+import "../AreaDot/index.mjs";
+import { isCategoricalColor } from "../../../../lib/tokens/isCategoricalColor.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as Recharts from "recharts";
+//#region src/components/CartesianChart/components/Line/Line.tsx
+/** @flr-generate all */
+var Line = (props) => {
+	const { color: colorFromProps = "sea-green", ...rest } = props;
+	const color = isCategoricalColor(colorFromProps) ? `var(--color--categorical--${colorFromProps})` : colorFromProps;
+	return /* @__PURE__ */ jsx(Recharts.Line, {
+		...rest,
+		fill: color,
+		activeDot: /* @__PURE__ */ jsx(AreaDot, { color }),
+		dot: false,
+		stroke: color,
+		strokeWidth: variables_default.line["border-width"].value
+	});
 };
+//#endregion
+export { Line as default };
 
-export { Line };
-//# sourceMappingURL=Line.mjs.map
+//# sourceMappingURL=Line.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/Line/Line.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Line.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\nexport interface LineProps extends Pick<\n  Recharts.LineProps,\n  \"className\" | \"dataKey\" | \"key\" | \"xAxisId\" | \"yAxisId\" | \"type\" | \"unit\"\n> {\n  /** The color of the line. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Line: FC<LineProps> = (props) => {\n  const { color: colorFromProps = \"sea-green\", ...rest } = props;\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  return (\n    <Recharts.Line\n      {...rest}\n      fill={color}\n      activeDot={<AreaDot color={color} />}\n      dot={false}\n      stroke={color}\n      strokeWidth={tokens.line[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Line;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAO,cAAA,GAAiB,WAAA,EAAa,GAAG,MAAK,GAAI,KAAA;AAEzD,EAAA,MAAM,QAAQ,kBAAA,CAAmB,cAAc,CAAA,GAC3C,CAAA,0BAAA,EAA6B,cAAc,CAAA,CAAA,CAAA,GAC3C,cAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,IAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,IAAA,EAAM,KAAA;AAAA,MACN,SAAA,kBAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAc,CAAA;AAAA,MAClC,GAAA,EAAK,KAAA;AAAA,MACL,MAAA,EAAQ,KAAA;AAAA,MACR,WAAA,EAAa,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE;AAAA;AAAA,GAC3C;AAEJ;;;;"}
+{"version":3,"file":"Line.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\nexport interface LineProps extends Pick<\n  Recharts.LineProps,\n  \"className\" | \"dataKey\" | \"key\" | \"xAxisId\" | \"yAxisId\" | \"type\" | \"unit\"\n> {\n  /** The color of the line. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Line: FC<LineProps> = (props) => {\n  const { color: colorFromProps = \"sea-green\", ...rest } = props;\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  return (\n    <Recharts.Line\n      {...rest}\n      fill={color}\n      activeDot={<AreaDot color={color} />}\n      dot={false}\n      stroke={color}\n      strokeWidth={tokens.line[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Line;\n"],"mappings":";;;;;;;;;AAgBA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,OAAO,iBAAiB,aAAa,GAAG,SAAS;CAEzD,MAAM,QAAQ,mBAAmB,eAAe,GAC5C,6BAA6B,eAAe,KAC5C;AAEJ,QACE,oBAAC,SAAS,MAAV;EACE,GAAI;EACJ,MAAM;EACN,WAAW,oBAAC,SAAD,EAAgB,OAAS,CAAA;EACpC,KAAK;EACL,QAAQ;EACR,aAAa,kBAAO,KAAK,gBAAgB;EACzC,CAAA"}

package/dist/js/packages/components/src/components/CartesianChart/components/Line/index.mjs

@@ -0,0 +1 @@
+import "./Line.mjs";

package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/XAxis.mjs

@@ -1,23 +1,20 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Recharts from 'recharts';
-import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
-
-const XAxis = (props) => {
-  return /* @__PURE__ */ jsx(
-    Recharts.XAxis,
-    {
-      ...props,
-      fontSize: tokens.axis["font-size"].value,
-      tick: {
-        fill: tokens.axis["text-color"].value
-      },
-      tickMargin: parseInt(tokens.axis.spacing.value),
-      tickSize: parseInt(tokens.axis["tick-size"].value)
-    }
-  );
+import variables_default from "../../../../../../design-tokens/dist/variables.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as Recharts from "recharts";
+//#region src/components/CartesianChart/components/XAxis/XAxis.tsx
+/** @flr-generate all */
+var XAxis = (props) => {
+	return /* @__PURE__ */ jsx(Recharts.XAxis, {
+		...props,
+		fontSize: variables_default.axis["font-size"].value,
+		tick: { fill: variables_default.axis["text-color"].value },
+		tickMargin: parseInt(variables_default.axis.spacing.value),
+		tickSize: parseInt(variables_default.axis["tick-size"].value)
+	});
 };
+//#endregion
+export { XAxis as default };
 
-export { XAxis };
-//# sourceMappingURL=XAxis.mjs.map
+//# sourceMappingURL=XAxis.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/XAxis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"XAxis.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type XAxisProps = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n  | \"tickFormatter\"\n>;\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default XAxis;\n"],"names":[],"mappings":";;;;AAsBO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,MAAA,CAAO,IAAA,CAAK,WAAW,CAAA,CAAE,KAAA;AAAA,MACnC,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,MAAA,CAAO,IAAA,CAAK,YAAY,CAAA,CAAE;AAAA,OAClC;AAAA,MACA,UAAA,EAAY,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}
+{"version":3,"file":"XAxis.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type XAxisProps = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n  | \"tickFormatter\"\n>;\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default XAxis;\n"],"mappings":";;;;;AAsBA,IAAa,SAAyB,UAAU;AAC9C,QACE,oBAAC,SAAS,OAAV;EACE,GAAI;EACJ,UAAU,kBAAO,KAAK,aAAa;EACnC,MAAM,EACJ,MAAM,kBAAO,KAAK,cAAc,OACjC;EACD,YAAY,SAAS,kBAAO,KAAK,QAAQ,MAAM;EAC/C,UAAU,SAAS,kBAAO,KAAK,aAAa,MAAM;EAClD,CAAA"}

package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/index.mjs

@@ -0,0 +1 @@
+import "./XAxis.mjs";