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

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

@@ -1,43 +1,39 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { Tooltip } from 'recharts';
-import { TooltipContent } from './TooltipContent.mjs';
-import clsx from 'clsx';
-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.chartTooltip);
-        return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinnerView, {}), children: /* @__PURE__ */ jsx(
-          TooltipContent,
-          {
-            ...props2,
-            headingFormatter,
-            formatter,
-            showProgressBar
-          }
-        ) }) });
-      }
-    }
-  );
+import ChartTooltip_module_default from "./ChartTooltip.module.mjs";
+import { TooltipContent } from "./TooltipContent.mjs";
+import LoadingSpinnerView from "../../../../views/LoadingSpinnerView.mjs";
+import { TypedChartTooltip } from "./types.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;
+			const className = clsx(props.wrapperClassName, ChartTooltip_module_default.chartTooltip);
+			return /* @__PURE__ */ jsx("div", {
+				className,
+				children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx(LoadingSpinnerView, {}),
+					children: /* @__PURE__ */ jsx(TooltipContent, {
+						...props,
+						headingFormatter,
+						formatter,
+						showProgressBar
+					})
+				})
+			});
+		}
+	});
 };
+//#endregion
+export { ChartTooltip, ChartTooltip as default, TypedChartTooltip };
 
-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 { type FC, Suspense } from \"react\";\nimport { Tooltip, type TooltipProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { TooltipContent } from \"@/components/CartesianChart/components/ChartTooltip/TooltipContent\";\nimport clsx from \"clsx\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart/components/ChartTooltip/types\";\n\nexport { TypedChartTooltip } from \"./types\";\n\nexport interface ChartTooltipProps<\n  TData extends ChartDataValue = ChartDataValue,\n  XAxisDataKey extends keyof TData = keyof TData,\n>\n  extends\n    Pick<\n      TooltipProps<ValueType, NameType>,\n      \"wrapperClassName\" | \"allowEscapeViewBox\"\n    >,\n    WithTooltipFormatters<TData, XAxisDataKey> {\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.chartTooltip);\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":";;;;;;;;AA8BO,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,YAAY,CAAA;AAClE,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 { type FC, Suspense } from \"react\";\nimport { Tooltip, type TooltipProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { TooltipContent } from \"@/components/CartesianChart/components/ChartTooltip/TooltipContent\";\nimport clsx from \"clsx\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart/components/ChartTooltip/types\";\n\nexport { TypedChartTooltip } from \"./types\";\n\nexport interface ChartTooltipProps<\n  TData extends ChartDataValue = ChartDataValue,\n  XAxisDataKey extends keyof TData = keyof TData,\n>\n  extends\n    Pick<\n      TooltipProps<ValueType, NameType>,\n      \"wrapperClassName\" | \"allowEscapeViewBox\"\n    >,\n    WithTooltipFormatters<TData, XAxisDataKey> {\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.chartTooltip);\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":";;;;;;;;;;;;AA8BA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EACJ,kBACA,WACA,kBAAkB,MAClB,GAAG,SACD;CAEJ,OACE,oBAAC,SAAD;EACE,GAAI;EACJ,QAAQ;EACR,UAAU,UAAU;GAClB,IAAI,CAAC,MAAM,UAAU,CAAC,MAAM,WAAW,MAAM,QAAQ,WAAW,GAC9D,OAAO;GAGT,MAAM,YAAY,KAAK,MAAM,kBAAkB,4BAAO,YAAY;GAClE,OACE,oBAAC,OAAD;IAAgB;IACd,UAAA,oBAAC,UAAD;KAAU,UAAU,oBAAC,oBAAD,CAAqB,CAAA;KACvC,UAAA,oBAAC,gBAAD;MACE,GAAI;MACc;MACP;MACM;KAClB,CAAA;IACO,CAAA;GACP,CAAA;EAET;CACD,CAAA;AAEL"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/CartesianChart/components/ChartTooltip/ChartTooltip.module.scss
+var chartTooltip = "flow--cartesian-chart--chart-tooltip";
+var progressBar = "flow--cartesian-chart--chart-tooltip--progress-bar";
+var ChartTooltip_module_default = {
+	chartTooltip,
+	progressBar
+};
+//#endregion
+export { chartTooltip, ChartTooltip_module_default as default, progressBar };
+
+//# 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-inline-start: calc(var(--popover--tip-height) + var(--chart-tooltip--spacing));\n}\n\n:global(.recharts-tooltip-wrapper-left) {\n  margin-inline-start: calc(\n    calc(var(--popover--tip-height) + var(--chart-tooltip--spacing)) * -1\n  );\n}\n\n.chartTooltip {\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,43 +1,46 @@
 "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,
-    progressBarFormatter,
-    label,
-    payload,
-    showProgressBar
-  } = props;
-  const formattedHeading = usePromise(
-    (label2, formatter2) => formatter2 ? formatter2(label2) : String(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,
-      {
-        progressBarFormatter,
-        items: filteredPayload
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { children: items })
-  ] });
+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";
+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, progressBarFormatter, label, payload, showProgressBar } = props;
+	const formattedHeading = usePromise((label, formatter) => formatter ? formatter(label) : String(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, {
+				progressBarFormatter,
+				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 { type FC, Suspense } from \"react\";\nimport type { TooltipContentProps as RechartTooltipContentProps } 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\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\n\nexport interface TooltipContentProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TTooltipLabelValue extends keyof TData = keyof TData,\n>\n  extends\n    WithTooltipFormatters<TData, TTooltipLabelValue>,\n    Omit<RechartTooltipContentProps<ValueType, NameType>, \"formatter\"> {\n  showProgressBar?: boolean;\n}\n\n/** @internal */\nexport const TooltipContent: FC<TooltipContentProps> = (props) => {\n  const {\n    headingFormatter,\n    formatter,\n    progressBarFormatter,\n    label,\n    payload,\n    showProgressBar,\n  } = props;\n\n  const formattedHeading = usePromise(\n    (label, formatter) =>\n      formatter ? formatter(label as never) : String(label),\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 && (\n        <TooltipProgressBar\n          progressBarFormatter={progressBarFormatter}\n          items={filteredPayload}\n        />\n      )}\n      <div>{items}</div>\n    </Flex>\n  );\n};\n"],"names":["label","formatter"],"mappings":";;;;;;;;;AA2BO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM;AAAA,IACJ,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,oBAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,gBAAA,GAAmB,UAAA;AAAA,IACvB,CAACA,QAAOC,UAAAA,KACNA,UAAAA,GAAYA,WAAUD,MAAc,CAAA,GAAI,OAAOA,MAAK,CAAA;AAAA,IACtD,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,oBACC,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,oBAAA;AAAA,QACA,KAAA,EAAO;AAAA;AAAA,KACT;AAAA,oBAEF,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 { type FC, Suspense } from \"react\";\nimport type { TooltipContentProps as RechartTooltipContentProps } 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\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\n\nexport interface TooltipContentProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TTooltipLabelValue extends keyof TData = keyof TData,\n>\n  extends\n    WithTooltipFormatters<TData, TTooltipLabelValue>,\n    Omit<RechartTooltipContentProps<ValueType, NameType>, \"formatter\"> {\n  showProgressBar?: boolean;\n}\n\n/** @internal */\nexport const TooltipContent: FC<TooltipContentProps> = (props) => {\n  const {\n    headingFormatter,\n    formatter,\n    progressBarFormatter,\n    label,\n    payload,\n    showProgressBar,\n  } = props;\n\n  const formattedHeading = usePromise(\n    (label, formatter) =>\n      formatter ? formatter(label as never) : String(label),\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 && (\n        <TooltipProgressBar\n          progressBarFormatter={progressBarFormatter}\n          items={filteredPayload}\n        />\n      )}\n      <div>{items}</div>\n    </Flex>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EACJ,kBACA,WACA,sBACA,OACA,SACA,oBACE;CAEJ,MAAM,mBAAmB,YACtB,OAAO,cACN,YAAY,UAAU,KAAc,IAAI,OAAO,KAAK,GACtD,CAAC,OAAO,gBAAgB,CAC1B;CAEA,MAAM,kBAAkB,QAAQ,QAAQ,SAAS,KAAK,SAAS,MAAM;CAErE,MAAM,QAAQ,gBAAgB,KAAK,MAAM,UAAU;EACjD,OACE,oBAAC,UAAD;GAA6B,UAAU,oBAAC,kBAAD,CAAmB,CAAA;GACxD,UAAA,oBAAC,mBAAD;IAA8B;IAAiB;IAAa;GAAQ,CAAA;EAC5D,GAFK,KAAK,OAEV;CAEd,CAAC;CAED,OACE,qBAAC,MAAD;EAAM,WAAU;EAAS,KAAI;EAA7B,UAAA;GACE,oBAAC,SAAD;IAAS,OAAO;IAAI,UAAA;GAA0B,CAAA;GAC7C,mBACC,oBAAC,oBAAD;IACwB;IACtB,OAAO;GACR,CAAA;GAEH,oBAAC,OAAD,EAAA,UAAM,MAAW,CAAA;EACb;;AAEV"}

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

@@ -1,21 +1,26 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { usePromise } from '@mittwald/react-use-promise';
-import { LegendItem } from '../../../Legend/components/LegendItem/LegendItem.mjs';
-
-const TooltipLegendItem = ({
-  formatter,
-  item,
-  index
-}) => {
-  const { value, dataKey, unit, fill, name } = item;
-  const formattedLabel = usePromise(
-    (value2, dataKey2, index2, unit2, formatter2, name2) => formatter2 ? formatter2(value2, String(name2), index2, unit2) : `${name2 ?? ""} (${value2 ?? ""}${unit2 ? unit2 : ""})`,
-    [value, dataKey, index, unit, formatter, name]
-  );
-  return /* @__PURE__ */ jsx(LegendItem, { color: fill, children: formattedLabel });
+import { LegendItem } from "../../../Legend/components/LegendItem/LegendItem.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, name } = item;
+	const formattedLabel = usePromise((value, dataKey, index, unit, formatter, name) => formatter ? formatter(value, String(name), index, unit) : `${name ?? ""} (${value ?? ""}${unit ? unit : ""})`, [
+		value,
+		dataKey,
+		index,
+		unit,
+		formatter,
+		name
+	]);
+	return /* @__PURE__ */ jsx(LegendItem, {
+		color: fill,
+		children: formattedLabel
+	});
 };
-
+//#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 { 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\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart/components/ChartTooltip/types\";\n\n/** @internal */\nexport type TooltipPayloadItem = NonNullable<\n  DefaultTooltipContentProps<ValueType, NameType>[\"payload\"]\n>[number];\n\n/** @internal */\ninterface LegendItemLabelProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TTooltipLabelValue extends keyof TData = keyof TData,\n> extends Pick<WithTooltipFormatters<TData, TTooltipLabelValue>, \"formatter\"> {\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, name } = item;\n\n  const formattedLabel = usePromise(\n    (value, dataKey, index, unit, formatter, name) =>\n      formatter\n        ? formatter(value, String(name), index, unit)\n        : `${name ?? \"\"} (${value ?? \"\"}${unit ? unit : \"\"})`,\n    [value, dataKey, index, unit, formatter, name] as const,\n  );\n\n  return <LegendItem color={fill}>{formattedLabel}</LegendItem>;\n};\n"],"names":["value","dataKey","index","unit","formatter","name"],"mappings":";;;;AA2BO,MAAM,oBAA8C,CAAC;AAAA,EAC1D,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,MAAK,GAAI,IAAA;AAE7C,EAAA,MAAM,cAAA,GAAiB,UAAA;AAAA,IACrB,CAACA,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,EAAOC,KAAAA,EAAMC,YAAWC,KAAAA,KACvCD,UAAAA,GACIA,UAAAA,CAAUJ,MAAAA,EAAO,MAAA,CAAOK,KAAI,GAAGH,MAAAA,EAAOC,KAAI,CAAA,GAC1C,CAAA,EAAGE,KAAAA,IAAQ,EAAE,CAAA,EAAA,EAAKL,MAAAA,IAAS,EAAE,CAAA,EAAGG,KAAAA,GAAOA,KAAAA,GAAO,EAAE,CAAA,CAAA,CAAA;AAAA,IACtD,CAAC,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,IAAA,EAAM,WAAW,IAAI;AAAA,GAC/C;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 { 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\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart/components/ChartTooltip/types\";\n\n/** @internal */\nexport type TooltipPayloadItem = NonNullable<\n  DefaultTooltipContentProps<ValueType, NameType>[\"payload\"]\n>[number];\n\n/** @internal */\ninterface LegendItemLabelProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TTooltipLabelValue extends keyof TData = keyof TData,\n> extends Pick<WithTooltipFormatters<TData, TTooltipLabelValue>, \"formatter\"> {\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, name } = item;\n\n  const formattedLabel = usePromise(\n    (value, dataKey, index, unit, formatter, name) =>\n      formatter\n        ? formatter(value, String(name), index, unit)\n        : `${name ?? \"\"} (${value ?? \"\"}${unit ? unit : \"\"})`,\n    [value, dataKey, index, unit, formatter, name] as const,\n  );\n\n  return <LegendItem color={fill}>{formattedLabel}</LegendItem>;\n};\n"],"mappings":";;;;;;;AA2BA,IAAa,qBAA+C,EAC1D,WACA,MACA,YACI;CACJ,MAAM,EAAE,OAAO,SAAS,MAAM,MAAM,SAAS;CAE7C,MAAM,iBAAiB,YACpB,OAAO,SAAS,OAAO,MAAM,WAAW,SACvC,YACI,UAAU,OAAO,OAAO,IAAI,GAAG,OAAO,IAAI,IAC1C,GAAG,QAAQ,GAAG,IAAI,SAAS,KAAK,OAAO,OAAO,GAAG,IACvD;EAAC;EAAO;EAAS;EAAO;EAAM;EAAW;CAAI,CAC/C;CAEA,OAAO,oBAAC,YAAD;EAAY,OAAO;EAAO,UAAA;CAA2B,CAAA;AAC9D"}

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

@@ -1,54 +1,43 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { ProgressBar } from '../../../ProgressBar/ProgressBar.mjs';
-import { Label } from '../../../Label/Label.mjs';
-import locales from '../../../../../../../_virtual/_.locale.json@774f50b2495c87d6d13911bcd596e720.mjs';
-import styles from './ChartTooltip.module.scss.mjs';
-import { usePromise } from '@mittwald/react-use-promise';
-import '../../../TranslationProvider/TranslationProvider.mjs';
-import { useLocalizedStringFormatter } from '../../../TranslationProvider/useLocalizedStringFormatter.mjs';
-
-const TooltipProgressBar = (props) => {
-  const { items, progressBarFormatter } = props;
-  const areaItems = items.filter(
-    (item) => item.fill !== "none" && item.graphicalItemId.includes("area")
-  );
-  const stringFormatter = useLocalizedStringFormatter(
-    locales,
-    "CartesianChart"
-  );
-  const unit = areaItems[0]?.unit;
-  const segments = areaItems.map((i) => ({
-    title: i.dataKey,
-    value: i.value,
-    color: i.fill
-  }));
-  const total = areaItems.reduce((sum, segment) => {
-    if (typeof segment.value === "number") {
-      return sum + segment.value;
-    }
-    return sum;
-  }, 0);
-  const formattedLabel = usePromise(
-    (value, unit2, formatter) => formatter ? formatter(value, unit2) : `${value}${unit2 ? unit2 : ""}`,
-    [total, unit, progressBarFormatter]
-  );
-  if (areaItems.length < 2) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ProgressBar,
-    {
-      className: styles.progressBar,
-      showLegend: false,
-      segments,
-      valueLabel: formattedLabel,
-      maxValue: unit === "%" ? void 0 : total,
-      children: /* @__PURE__ */ jsx(Label, { children: stringFormatter.format("tooltip.progressBar.total") })
-    }
-  );
+import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import { ProgressBar } from "../../../ProgressBar/ProgressBar.mjs";
+import { Label } from "../../../Label/Label.mjs";
+import __locale_default from "../../../../../../../_virtual/_8.locale.mjs";
+import ChartTooltip_module_default from "./ChartTooltip.module.mjs";
+import { jsx } from "react/jsx-runtime";
+import { usePromise } from "@mittwald/react-use-promise";
+//#region src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.tsx
+var TooltipProgressBar = (props) => {
+	const { items, progressBarFormatter } = props;
+	const areaItems = items.filter((item) => item.fill !== "none" && item.graphicalItemId.includes("area"));
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "CartesianChart");
+	const unit = areaItems[0]?.unit;
+	const segments = areaItems.map((i) => ({
+		title: i.dataKey,
+		value: i.value,
+		color: i.fill
+	}));
+	const total = areaItems.reduce((sum, segment) => {
+		if (typeof segment.value === "number") return sum + segment.value;
+		return sum;
+	}, 0);
+	const formattedLabel = usePromise((value, unit, formatter) => formatter ? formatter(value, unit) : `${value}${unit ? unit : ""}`, [
+		total,
+		unit,
+		progressBarFormatter
+	]);
+	if (areaItems.length < 2) return null;
+	return /* @__PURE__ */ jsx(ProgressBar, {
+		className: ChartTooltip_module_default.progressBar,
+		showLegend: false,
+		segments,
+		valueLabel: formattedLabel,
+		maxValue: unit === "%" ? void 0 : total,
+		children: /* @__PURE__ */ jsx(Label, { children: stringFormatter.format("tooltip.progressBar.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 locales from \"../../locales/*.locale.json\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\n\ninterface TooltipProgressBarProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TTooltipLabelValue extends keyof TData = keyof TData,\n> extends Pick<\n  WithTooltipFormatters<TData, TTooltipLabelValue>,\n  \"progressBarFormatter\"\n> {\n  items: TooltipPayloadItem[];\n}\n\nexport const TooltipProgressBar: FC<TooltipProgressBarProps> = (props) => {\n  const { items, progressBarFormatter } = props;\n\n  const areaItems = items.filter(\n    (item) => item.fill !== \"none\" && item.graphicalItemId.includes(\"area\"),\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"CartesianChart\",\n  );\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 = areaItems.reduce((sum, segment) => {\n    if (typeof segment.value === \"number\") {\n      return sum + segment.value;\n    }\n\n    return sum;\n  }, 0);\n\n  const formattedLabel = usePromise(\n    (value, unit, formatter) =>\n      formatter ? formatter(value, unit) : `${value}${unit ? unit : \"\"}`,\n    [total, unit, progressBarFormatter] as const,\n  );\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={formattedLabel}\n      maxValue={unit === \"%\" ? undefined : total}\n    >\n      <Label>{stringFormatter.format(\"tooltip.progressBar.total\")}</Label>\n    </ProgressBar>\n  );\n};\n"],"names":["unit"],"mappings":";;;;;;;;;AAqBO,MAAM,kBAAA,GAAkD,CAAC,KAAA,KAAU;AACxE,EAAA,MAAM,EAAE,KAAA,EAAO,oBAAA,EAAqB,GAAI,KAAA;AAExC,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,2BAAA;AAAA,IACtB,OAAA;AAAA,IACA;AAAA,GACF;AAEA,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,SAAA,CAAU,MAAA,CAAO,CAAC,KAAK,OAAA,KAAY;AAC/C,IAAA,IAAI,OAAO,OAAA,CAAQ,KAAA,KAAU,QAAA,EAAU;AACrC,MAAA,OAAO,MAAM,OAAA,CAAQ,KAAA;AAAA,IACvB;AAEA,IAAA,OAAO,GAAA;AAAA,EACT,GAAG,CAAC,CAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,UAAA;AAAA,IACrB,CAAC,KAAA,EAAOA,KAAAA,EAAM,SAAA,KACZ,YAAY,SAAA,CAAU,KAAA,EAAOA,KAAI,CAAA,GAAI,CAAA,EAAG,KAAK,CAAA,EAAGA,KAAAA,GAAOA,QAAO,EAAE,CAAA,CAAA;AAAA,IAClE,CAAC,KAAA,EAAO,IAAA,EAAM,oBAAoB;AAAA,GACpC;AAEA,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,UAAA,EAAY,cAAA;AAAA,MACZ,QAAA,EAAU,IAAA,KAAS,GAAA,GAAM,MAAA,GAAY,KAAA;AAAA,MAErC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAO,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,2BAA2B,CAAA,EAAE;AAAA;AAAA,GAC9D;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 locales from \"../../locales/*.locale.json\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport type { ChartDataValue } from \"@/components/CartesianChart/types\";\n\ninterface TooltipProgressBarProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TTooltipLabelValue extends keyof TData = keyof TData,\n> extends Pick<\n  WithTooltipFormatters<TData, TTooltipLabelValue>,\n  \"progressBarFormatter\"\n> {\n  items: TooltipPayloadItem[];\n}\n\nexport const TooltipProgressBar: FC<TooltipProgressBarProps> = (props) => {\n  const { items, progressBarFormatter } = props;\n\n  const areaItems = items.filter(\n    (item) => item.fill !== \"none\" && item.graphicalItemId.includes(\"area\"),\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"CartesianChart\",\n  );\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 = areaItems.reduce((sum, segment) => {\n    if (typeof segment.value === \"number\") {\n      return sum + segment.value;\n    }\n\n    return sum;\n  }, 0);\n\n  const formattedLabel = usePromise(\n    (value, unit, formatter) =>\n      formatter ? formatter(value, unit) : `${value}${unit ? unit : \"\"}`,\n    [total, unit, progressBarFormatter] as const,\n  );\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={formattedLabel}\n      maxValue={unit === \"%\" ? undefined : total}\n    >\n      <Label>{stringFormatter.format(\"tooltip.progressBar.total\")}</Label>\n    </ProgressBar>\n  );\n};\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,sBAAmD,UAAU;CACxE,MAAM,EAAE,OAAO,yBAAyB;CAExC,MAAM,YAAY,MAAM,QACrB,SAAS,KAAK,SAAS,UAAU,KAAK,gBAAgB,SAAS,MAAM,CACxE;CAEA,MAAM,kBAAkB,4BACtB,kBACA,gBACF;CAEA,MAAM,OAAO,UAAU,EAAE,EAAE;CAE3B,MAAM,WAAW,UAAU,KAAK,OAAO;EACrC,OAAO,EAAE;EACT,OAAO,EAAE;EACT,OAAO,EAAE;CACX,EAAE;CAEF,MAAM,QAAQ,UAAU,QAAQ,KAAK,YAAY;EAC/C,IAAI,OAAO,QAAQ,UAAU,UAC3B,OAAO,MAAM,QAAQ;EAGvB,OAAO;CACT,GAAG,CAAC;CAEJ,MAAM,iBAAiB,YACpB,OAAO,MAAM,cACZ,YAAY,UAAU,OAAO,IAAI,IAAI,GAAG,QAAQ,OAAO,OAAO,MAChE;EAAC;EAAO;EAAM;CAAoB,CACpC;CAEA,IAAI,UAAU,SAAS,GACrB,OAAO;CAGT,OACE,oBAAC,aAAD;EACE,WAAW,4BAAO;EAClB,YAAY;EACF;EACV,YAAY;EACZ,UAAU,SAAS,MAAM,KAAA,IAAY;EAErC,UAAA,oBAAC,OAAD,EAAA,UAAQ,gBAAgB,OAAO,2BAA2B,EAAS,CAAA;CACxD,CAAA;AAEjB"}

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

@@ -1,8 +1,9 @@
 "use client"
 /* */
-import { ChartTooltip } from './ChartTooltip.mjs';
-
-const TypedChartTooltip = () => ChartTooltip;
-
+import { ChartTooltip } from "./ChartTooltip.mjs";
+//#region src/components/CartesianChart/components/ChartTooltip/types.ts
+var TypedChartTooltip = () => ChartTooltip;
+//#endregion
 export { TypedChartTooltip };
-//# sourceMappingURL=types.mjs.map
+
+//# sourceMappingURL=types.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/types.ts"],"sourcesContent":["import {\n  ChartTooltip,\n  type ChartTooltipProps,\n} from \"@/components/CartesianChart\";\nimport type { ComponentType } from \"react\";\nimport type {\n  ChartDataValue,\n  DataKeyProp,\n} from \"@/components/CartesianChart/types\";\nimport type { TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\n\nexport const TypedChartTooltip = <\n  TData extends ChartDataValue = ChartDataValue,\n  XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>,\n>() =>\n  ChartTooltip as unknown as ComponentType<\n    ChartTooltipProps<TData, XAxisDataKey>\n  >;\nexport type TooltipLineFormatter<TData extends ChartDataValue> = (\n  value: TData[keyof TData],\n  name: DataKeyProp<TData>,\n  index: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport type TooltipHeadingFormatter<TTitleType> = (\n  title: TTitleType,\n) => Promise<string> | string;\n\nexport type TooltipLProgressBarFormatter = (\n  value: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport interface WithTooltipFormatters<\n  TData extends ChartDataValue,\n  TitleDataKey extends keyof TData = keyof TData,\n> {\n  /**\n   * A formatter function for the lines in the tooltip. Can be used for purposes\n   * like translations.\n   */\n  formatter?: TooltipLineFormatter<Exclude<TData, TitleDataKey>>;\n  /**\n   * A formatter function for the heading of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  headingFormatter?: TooltipHeadingFormatter<TData[TitleDataKey]>;\n  /**\n   * A formatter function for the progressBar of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  progressBarFormatter?: TooltipLProgressBarFormatter;\n}\n"],"names":[],"mappings":";;AAWO,MAAM,oBAAoB,MAI/B;;;;"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/ChartTooltip/types.ts"],"sourcesContent":["import {\n  ChartTooltip,\n  type ChartTooltipProps,\n} from \"@/components/CartesianChart\";\nimport type { ComponentType } from \"react\";\nimport type {\n  ChartDataValue,\n  DataKeyProp,\n} from \"@/components/CartesianChart/types\";\nimport type { TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\n\nexport const TypedChartTooltip = <\n  TData extends ChartDataValue = ChartDataValue,\n  XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>,\n>() =>\n  ChartTooltip as unknown as ComponentType<\n    ChartTooltipProps<TData, XAxisDataKey>\n  >;\nexport type TooltipLineFormatter<TData extends ChartDataValue> = (\n  value: TData[keyof TData],\n  name: DataKeyProp<TData>,\n  index: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport type TooltipHeadingFormatter<TTitleType> = (\n  title: TTitleType,\n) => Promise<string> | string;\n\nexport type TooltipLProgressBarFormatter = (\n  value: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport interface WithTooltipFormatters<\n  TData extends ChartDataValue,\n  TitleDataKey extends keyof TData = keyof TData,\n> {\n  /**\n   * A formatter function for the lines in the tooltip. Can be used for purposes\n   * like translations.\n   */\n  formatter?: TooltipLineFormatter<Exclude<TData, TitleDataKey>>;\n  /**\n   * A formatter function for the heading of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  headingFormatter?: TooltipHeadingFormatter<TData[TitleDataKey]>;\n  /**\n   * A formatter function for the progressBar of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  progressBarFormatter?: TooltipLProgressBarFormatter;\n}\n"],"mappings":";;;;AAWA,IAAa,0BAIX"}

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

@@ -1,29 +1,28 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Recharts from 'recharts';
-import { isCategoricalColor } from '../../../../lib/tokens/isCategoricalColor.mjs';
-import { useDesignTokens } from '../../../../lib/theming/hooks/useDesignTokens.mjs';
-import { AreaDot } from '../AreaDot/AreaDot.mjs';
-
-const Line = (props) => {
-  const { color: colorFromProps = "sea-green", ...rest } = props;
-  const tokens = useDesignTokens();
-  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 { useDesignTokens } from "../../../../lib/theming/hooks/useDesignTokens.mjs";
+import { AreaDot } from "../AreaDot/AreaDot.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 tokens = useDesignTokens();
+	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
+	});
 };
-const TypedLine = () => Line;
+var TypedLine = () => Line;
+//#endregion
+export { Line, Line as default, TypedLine };
 
-export { Line, TypedLine };
-//# 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 ComponentType, type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\nimport type {\n  ChartDataValue,\n  DataKey,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LineProps<\n  TData extends ChartDataValue = ChartDataValue,\n> extends Pick<\n  Recharts.LineProps,\n  \"className\" | \"key\" | \"xAxisId\" | \"yAxisId\" | \"type\" | \"unit\"\n> {\n  dataKey?: DataKey<TData>;\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 tokens = useDesignTokens();\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 const TypedLine = <T extends ChartDataValue = ChartDataValue>() =>\n  Line as ComponentType<LineProps<T>>;\n\nexport default Line;\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAO,cAAA,GAAiB,WAAA,EAAa,GAAG,MAAK,GAAI,KAAA;AAEzD,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,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;AAEO,MAAM,YAAY,MACvB;;;;"}
+{"version":3,"file":"Line.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"sourcesContent":["import { type ComponentType, type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\nimport type {\n  ChartDataValue,\n  DataKey,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LineProps<\n  TData extends ChartDataValue = ChartDataValue,\n> extends Pick<\n  Recharts.LineProps,\n  \"className\" | \"key\" | \"xAxisId\" | \"yAxisId\" | \"type\" | \"unit\"\n> {\n  dataKey?: DataKey<TData>;\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 tokens = useDesignTokens();\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 const TypedLine = <T extends ChartDataValue = ChartDataValue>() =>\n  Line as ComponentType<LineProps<T>>;\n\nexport default Line;\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,OAAO,iBAAiB,aAAa,GAAG,SAAS;CAEzD,MAAM,SAAS,gBAAgB;CAE/B,MAAM,QAAQ,mBAAmB,cAAc,IAC3C,6BAA6B,eAAe,KAC5C;CAEJ,OACE,oBAAC,SAAS,MAAV;EACE,GAAI;EACJ,MAAM;EACN,WAAW,oBAAC,SAAD,EAAgB,MAAQ,CAAA;EACnC,KAAK;EACL,QAAQ;EACR,aAAa,OAAO,KAAK,eAAe,CAAC;CAC1C,CAAA;AAEL;AAEA,IAAa,kBACX"}

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

@@ -1,24 +1,22 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Recharts from 'recharts';
-import { useDesignTokens } from '../../../../lib/theming/hooks/useDesignTokens.mjs';
-
-const XAxis = (props) => {
-  const tokens = useDesignTokens();
-  return /* @__PURE__ */ jsx(
-    Recharts.XAxis,
-    {
-      ...props,
-      fontSize: tokens.axis["font-size"].value,
-      tick: {
-        fill: tokens.axis["color"].value
-      },
-      tickMargin: parseInt(tokens.axis.spacing.value),
-      tickSize: parseInt(tokens.axis["tick-size"].value)
-    }
-  );
+import { useDesignTokens } from "../../../../lib/theming/hooks/useDesignTokens.mjs";
+import { TypedXAxis } from "./types.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) => {
+	const tokens = useDesignTokens();
+	return /* @__PURE__ */ jsx(Recharts.XAxis, {
+		...props,
+		fontSize: tokens.axis["font-size"].value,
+		tick: { fill: tokens.axis["color"].value },
+		tickMargin: parseInt(tokens.axis.spacing.value),
+		tickSize: parseInt(tokens.axis["tick-size"].value)
+	});
 };
+//#endregion
+export { TypedXAxis, XAxis, 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 type {\n  ChartDataValue,\n  DataKey,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport type XAxisProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TDataKey extends DataKey<TData> = DataKey<TData>,\n  TDataKeyValue = DataKeyValue<TData, TDataKey>,\n> = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n> & {\n  dataKey?: TDataKey;\n  tickFormatter?: (value: TDataKeyValue, index: number) => string;\n};\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  const tokens = useDesignTokens();\n\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport { TypedXAxis } from \"./types\";\n\nexport default XAxis;\n"],"names":[],"mappings":";;;;AAgCO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,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,OAAO,CAAA,CAAE;AAAA,OAC7B;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 type {\n  ChartDataValue,\n  DataKey,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport type XAxisProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TDataKey extends DataKey<TData> = DataKey<TData>,\n  TDataKeyValue = DataKeyValue<TData, TDataKey>,\n> = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n> & {\n  dataKey?: TDataKey;\n  tickFormatter?: (value: TDataKeyValue, index: number) => string;\n};\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  const tokens = useDesignTokens();\n\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport { TypedXAxis } from \"./types\";\n\nexport default XAxis;\n"],"mappings":";;;;;;;;AAgCA,IAAa,SAAyB,UAAU;CAC9C,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,SAAS,OAAV;EACE,GAAI;EACJ,UAAU,OAAO,KAAK,YAAY,CAAC;EACnC,MAAM,EACJ,MAAM,OAAO,KAAK,QAAQ,CAAC,MAC7B;EACA,YAAY,SAAS,OAAO,KAAK,QAAQ,KAAK;EAC9C,UAAU,SAAS,OAAO,KAAK,YAAY,CAAC,KAAK;CAClD,CAAA;AAEL"}

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

@@ -1,8 +1,9 @@
 "use client"
 /* */
-import { XAxis } from './XAxis.mjs';
-
-const TypedXAxis = () => XAxis;
-
+import { XAxis } from "./XAxis.mjs";
+//#region src/components/CartesianChart/components/XAxis/types.ts
+var TypedXAxis = () => XAxis;
+//#endregion
 export { TypedXAxis };
-//# sourceMappingURL=types.mjs.map
+
+//# sourceMappingURL=types.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/XAxis/types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { XAxis, type XAxisProps } from \"@/components/CartesianChart\";\nimport type {\n  ChartDataValue,\n  DataKeyProp,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\n\nexport const TypedXAxis = <\n  TData extends ChartDataValue = ChartDataValue,\n  XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>,\n>() =>\n  XAxis as <\n    const TProp extends XAxisDataKey,\n    XAxisDataKeyValue = DataKeyValue<TData, TProp>,\n  >(\n    props: XAxisProps<TData, TProp, XAxisDataKeyValue>,\n  ) => ReactNode;\n"],"names":[],"mappings":";;AAQO,MAAM,aAAa,MAIxB;;;;"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/XAxis/types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { XAxis, type XAxisProps } from \"@/components/CartesianChart\";\nimport type {\n  ChartDataValue,\n  DataKeyProp,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\n\nexport const TypedXAxis = <\n  TData extends ChartDataValue = ChartDataValue,\n  XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>,\n>() =>\n  XAxis as <\n    const TProp extends XAxisDataKey,\n    XAxisDataKeyValue = DataKeyValue<TData, TProp>,\n  >(\n    props: XAxisProps<TData, TProp, XAxisDataKeyValue>,\n  ) => ReactNode;\n"],"mappings":";;;;AAQA,IAAa,mBAIX"}