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

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.mjs","sources":["../../../../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\n\nexport const Calendar: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n\n  const rootClassName = clsx(styles.calendar, className);\n\n  return (\n    <Aria.Calendar className={rootClassName}>\n      <CalendarHeader />\n      <Aria.CalendarGrid weekdayStyle=\"short\">\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.Calendar>\n  );\n};\n\nexport default Calendar;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,QAAA,GAAmC,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AAEtB,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,QAAA,EAAL,EAAc,WAAW,aAAA,EACxB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,YAAA,EAAa,OAAA,EAC7B,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,MAAY,CAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Calendar.mjs","names":[],"sources":["../../../../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\n\nexport const Calendar: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n\n  const rootClassName = clsx(styles.calendar, className);\n\n  return (\n    <Aria.Calendar className={rootClassName}>\n      <CalendarHeader />\n      <Aria.CalendarGrid weekdayStyle=\"short\">\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.Calendar>\n  );\n};\n\nexport default Calendar;\n"],"mappings":";;;;;;;;AAQA,IAAa,YAAoC,UAAU;CACzD,MAAM,EAAE,cAAc;CAEtB,MAAM,gBAAgB,KAAK,wBAAO,UAAU,UAAU;AAEtD,QACE,qBAAC,KAAK,UAAN;EAAe,WAAW;YAA1B,CACE,oBAAC,gBAAD,EAAkB,CAAA,EAClB,oBAAC,KAAK,cAAN;GAAmB,cAAa;cAC5B,SAAS,oBAAC,KAAK,cAAN,EAAyB,MAAQ,CAAA;GAC1B,CAAA,CACN"}

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

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var Calendar_module_default = {
+	calendar: "flow--calendar",
+	range: "flow--calendar--range"
+};
+//#endregion
+export { Calendar_module_default as default };
+
+//# sourceMappingURL=Calendar.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.mjs","names":[],"sources":["../../../../../../../src/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.calendar {\n  width: fit-content;\n\n  header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--calendar--spacing);\n\n    h2 {\n      font-size: var(--calendar--heading-font-size);\n    }\n  }\n\n  :global(.react-aria-CalendarHeaderCell) {\n    font-size: var(--calendar--cell-font-size);\n  }\n\n  table {\n    border-spacing: var(--calendar--spacing);\n  }\n\n  :global(.react-aria-CalendarCell) {\n    width: var(--calendar--cell-size);\n    height: var(--calendar--cell-size);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n    border-radius: var(--calendar--cell-corner-radius);\n    font-size: var(--calendar--cell-font-size);\n    transition-property: background-color;\n    transition-duration: var(--transition--duration--default);\n\n    @include focus.focus;\n\n    &[data-outside-month] {\n      display: none;\n    }\n\n    &:hover {\n      background: var(--calendar--cell-background-color--hover);\n    }\n\n    &[data-pressed] {\n      background: var(--calendar--cell-background-color--pressed);\n    }\n\n    &[data-selected] {\n      background: var(--calendar--cell-background-color--selected);\n      color: var(--calendar--cell-content-color--selected);\n    }\n\n    &[data-disabled],\n    &[data-unavailable=\"true\"] {\n      background: var(--calendar--cell-background-color--disabled);\n      color: var(--calendar--cell-content-color--disabled);\n    }\n\n    @include focus.focus;\n  }\n\n  &.range {\n    :global(.react-aria-CalendarCell) {\n      position: relative;\n      isolation: isolate;\n      transition-duration: 0s;\n\n      &[data-selected] {\n        &::before {\n          content: \"\";\n          background: var(--calendar--cell-range-background-color);\n          border-block: var(--calendar--cell-range-border-width)\n            var(--calendar--cell-range-border-style)\n            var(--calendar--cell-range-border-color);\n          width: calc(100% + 0.375rem);\n          height: 100%;\n          position: absolute;\n          z-index: -1;\n        }\n\n        &::after {\n          content: \"\";\n          width: 100%;\n          height: 100%;\n          position: absolute;\n          z-index: -1;\n          border-radius: var(--calendar--cell-corner-radius);\n        }\n\n        &:hover {\n          &::after {\n            background: var(--calendar--cell-background-color--hover);\n          }\n        }\n\n        &[data-pressed] {\n          &::after {\n            background: var(--calendar--cell-background-color--pressed);\n          }\n        }\n\n        &[data-selection-start],\n        &[data-selection-end] {\n          &::after {\n            background: var(--calendar--cell-background-color--selected);\n          }\n        }\n\n        &[data-selection-start] {\n          &::before {\n            border-top-left-radius: var(--calendar--cell-corner-radius);\n            border-bottom-left-radius: var(--calendar--cell-corner-radius);\n            left: 0;\n          }\n        }\n\n        &[data-selection-end] {\n          &::before {\n            border-top-right-radius: var(--calendar--cell-corner-radius);\n            border-bottom-right-radius: var(--calendar--cell-corner-radius);\n            right: 0;\n          }\n        }\n\n        &:not([data-selection-start], [data-selection-end]) {\n          color: var(--text--color--default);\n          background: none;\n        }\n\n        &[data-selection-start][data-selection-end] {\n          &::before {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs

@@ -1,23 +1,32 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import { Button } from '../../../Button/Button.mjs';
-import * as Aria from 'react-aria-components';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import { IconChevronLeft } from '../../../Icon/components/icons/IconChevronLeft.mjs';
-import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
-
-const CalendarHeader = () => {
-  return /* @__PURE__ */ jsxs("header", { children: [
-    /* @__PURE__ */ jsx(Button, { ariaSlot: "previous", variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconChevronLeft, {}) }),
-    /* @__PURE__ */ jsx(Aria.Heading, {}),
-    /* @__PURE__ */ jsx(Button, { ariaSlot: "next", variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
-  ] });
+import IconChevronLeft from "../../../Icon/components/icons/IconChevronLeft.mjs";
+import IconChevronRight from "../../../Icon/components/icons/IconChevronRight.mjs";
+import "../../../Icon/components/icons/index.mjs";
+import Button from "../../../Button/Button.mjs";
+import "../../../Button/index.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx
+var CalendarHeader = () => {
+	return /* @__PURE__ */ jsxs("header", { children: [
+		/* @__PURE__ */ jsx(Button, {
+			ariaSlot: "previous",
+			variant: "plain",
+			color: "secondary",
+			children: /* @__PURE__ */ jsx(IconChevronLeft, {})
+		}),
+		/* @__PURE__ */ jsx(Aria.Heading, {}),
+		/* @__PURE__ */ jsx(Button, {
+			ariaSlot: "next",
+			variant: "plain",
+			color: "secondary",
+			children: /* @__PURE__ */ jsx(IconChevronRight, {})
+		})
+	] });
 };
+//#endregion
+export { CalendarHeader as default };
 
-export { CalendarHeader, CalendarHeader as default };
-//# sourceMappingURL=CalendarHeader.mjs.map
+//# sourceMappingURL=CalendarHeader.mjs.map

package/dist/js/packages/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.mjs","sources":["../../../../../../../../../src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\n\nexport const CalendarHeader: FC = () => {\n  return (\n    <header>\n      <Button ariaSlot=\"previous\" variant=\"plain\" color=\"secondary\">\n        <IconChevronLeft />\n      </Button>\n      <Aria.Heading />\n      <Button ariaSlot=\"next\" variant=\"plain\" color=\"secondary\">\n        <IconChevronRight />\n      </Button>\n    </header>\n  );\n};\n\nexport default CalendarHeader;\n"],"names":[],"mappings":";;;;;;;;;;;AASO,MAAM,iBAAqB,MAAM;AACtC,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,UAAS,UAAA,EAAW,OAAA,EAAQ,SAAQ,KAAA,EAAM,WAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,CAAK,OAAA,EAAL,EAAa,CAAA;AAAA,oBACd,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAS,MAAA,EAAO,OAAA,EAAQ,SAAQ,KAAA,EAAM,WAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACpB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CalendarHeader.mjs","names":[],"sources":["../../../../../../../../../src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\n\nexport const CalendarHeader: FC = () => {\n  return (\n    <header>\n      <Button ariaSlot=\"previous\" variant=\"plain\" color=\"secondary\">\n        <IconChevronLeft />\n      </Button>\n      <Aria.Heading />\n      <Button ariaSlot=\"next\" variant=\"plain\" color=\"secondary\">\n        <IconChevronRight />\n      </Button>\n    </header>\n  );\n};\n\nexport default CalendarHeader;\n"],"mappings":";;;;;;;;;AASA,IAAa,uBAA2B;AACtC,QACE,qBAAC,UAAD,EAAA,UAAA;EACE,oBAAC,QAAD;GAAQ,UAAS;GAAW,SAAQ;GAAQ,OAAM;aAChD,oBAAC,iBAAD,EAAmB,CAAA;GACZ,CAAA;EACT,oBAAC,KAAK,SAAN,EAAgB,CAAA;EAChB,oBAAC,QAAD;GAAQ,UAAS;GAAO,SAAQ;GAAQ,OAAM;aAC5C,oBAAC,kBAAD,EAAoB,CAAA;GACb,CAAA;EACF,EAAA,CAAA"}

package/dist/js/packages/components/src/components/Calendar/components/CalendarHeader/index.mjs

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

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/RangeCalendar.mjs

@@ -1,20 +1,24 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import styles from '../../Calendar.module.scss.mjs';
-import { CalendarHeader } from '../CalendarHeader/CalendarHeader.mjs';
-import clsx from 'clsx';
-
-const RangeCalendar = (props) => {
-  const { className, ...rest } = props;
-  const rootClassName = clsx(styles.calendar, styles.range, className);
-  return /* @__PURE__ */ jsxs(Aria.RangeCalendar, { ...rest, className: rootClassName, children: [
-    /* @__PURE__ */ jsx(CalendarHeader, {}),
-    /* @__PURE__ */ jsx(Aria.CalendarGrid, { children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date }) })
-  ] });
+import Calendar_module_default from "../../Calendar.module.mjs";
+import CalendarHeader from "../CalendarHeader/CalendarHeader.mjs";
+import "../CalendarHeader/index.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx
+/** @flr-generate all */
+var RangeCalendar = (props) => {
+	const { className, ...rest } = props;
+	const rootClassName = clsx(Calendar_module_default.calendar, Calendar_module_default.range, className);
+	return /* @__PURE__ */ jsxs(Aria.RangeCalendar, {
+		...rest,
+		className: rootClassName,
+		children: [/* @__PURE__ */ jsx(CalendarHeader, {}), /* @__PURE__ */ jsx(Aria.CalendarGrid, { children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date }) })]
+	});
 };
+//#endregion
+export { RangeCalendar as default };
 
-export { RangeCalendar };
-//# sourceMappingURL=RangeCalendar.mjs.map
+//# sourceMappingURL=RangeCalendar.mjs.map

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/RangeCalendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.mjs","sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport clsx from \"clsx\";\n\nexport type RangeCalendarProps = Omit<\n  Aria.RangeCalendarProps<Aria.DateValue>,\n  \"children\"\n>;\n\n/** @flr-generate all */\nexport const RangeCalendar: FC<RangeCalendarProps> = (props) => {\n  const { className, ...rest } = props;\n\n  const rootClassName = clsx(styles.calendar, styles.range, className);\n\n  return (\n    <Aria.RangeCalendar {...rest} className={rootClassName}>\n      <CalendarHeader />\n      <Aria.CalendarGrid>\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.RangeCalendar>\n  );\n};\n\nexport default RangeCalendar;\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,MAAA,CAAO,OAAO,SAAS,CAAA;AAEnE,EAAA,4BACG,IAAA,CAAK,aAAA,EAAL,EAAoB,GAAG,IAAA,EAAM,WAAW,aAAA,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EACE,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,IAAA,EAAY,CAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RangeCalendar.mjs","names":[],"sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport clsx from \"clsx\";\n\nexport type RangeCalendarProps = Omit<\n  Aria.RangeCalendarProps<Aria.DateValue>,\n  \"children\"\n>;\n\n/** @flr-generate all */\nexport const RangeCalendar: FC<RangeCalendarProps> = (props) => {\n  const { className, ...rest } = props;\n\n  const rootClassName = clsx(styles.calendar, styles.range, className);\n\n  return (\n    <Aria.RangeCalendar {...rest} className={rootClassName}>\n      <CalendarHeader />\n      <Aria.CalendarGrid>\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.RangeCalendar>\n  );\n};\n\nexport default RangeCalendar;\n"],"mappings":";;;;;;;;;AAYA,IAAa,iBAAyC,UAAU;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,gBAAgB,KAAK,wBAAO,UAAU,wBAAO,OAAO,UAAU;AAEpE,QACE,qBAAC,KAAK,eAAN;EAAoB,GAAI;EAAM,WAAW;YAAzC,CACE,oBAAC,gBAAD,EAAkB,CAAA,EAClB,oBAAC,KAAK,cAAN,EAAA,WACI,SAAS,oBAAC,KAAK,cAAN,EAAyB,MAAQ,CAAA,EAC1B,CAAA,CACD"}

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/index.mjs

@@ -0,0 +1,2 @@
+import "./RangeCalendar.mjs";
+import "./types.mjs";

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/types.mjs

@@ -1,8 +1,10 @@
 "use client"
 /* */
+//#region src/components/Calendar/components/RangeCalendar/types.ts
 function isDateRangeValue(value) {
-  return !!(value && typeof value === "object" && "start" in value && "end" in value);
+	return !!(value && typeof value === "object" && "start" in value && "end" in value);
 }
-
+//#endregion
 export { isDateRangeValue };
-//# sourceMappingURL=types.mjs.map
+
+//# sourceMappingURL=types.mjs.map

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/types.ts"],"sourcesContent":["import type { DateRange } from \"react-aria-components\";\n\nexport function isDateRangeValue(value: unknown): value is DateRange {\n  return !!(\n    value &&\n    typeof value === \"object\" &&\n    \"start\" in value &&\n    \"end\" in value\n  );\n}\n"],"names":[],"mappings":"AAEO,SAAS,iBAAiB,KAAA,EAAoC;AACnE,EAAA,OAAO,CAAC,EACN,KAAA,IACA,OAAO,UAAU,QAAA,IACjB,OAAA,IAAW,SACX,KAAA,IAAS,KAAA,CAAA;AAEb;;;;"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/types.ts"],"sourcesContent":["import type { DateRange } from \"react-aria-components\";\n\nexport function isDateRangeValue(value: unknown): value is DateRange {\n  return !!(\n    value &&\n    typeof value === \"object\" &&\n    \"start\" in value &&\n    \"end\" in value\n  );\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,OAAoC;AACnE,QAAO,CAAC,EACN,SACA,OAAO,UAAU,YACjB,WAAW,SACX,SAAS"}

package/dist/js/packages/components/src/components/Calendar/index.mjs

@@ -0,0 +1,4 @@
+import "./components/RangeCalendar/RangeCalendar.mjs";
+import "./components/RangeCalendar/types.mjs";
+import "./components/RangeCalendar/index.mjs";
+import "./Calendar.mjs";

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

@@ -1,53 +1,58 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ResponsiveContainer, ComposedChart } from 'recharts';
-import { useMemo, isValidElement } from 'react';
-import clsx from 'clsx';
-import styles from './CartesianChart.module.scss.mjs';
-import { useChartClipRect } from './hooks/useChartClipRect.mjs';
-import DivView from '../../views/DivView.mjs';
-import { Wrap } from '../Wrap/Wrap.mjs';
-
-const CartesianChart = (props) => {
-  const { children, data, className, height, flexGrow, emptyView, ...rest } = props;
-  const { viewDimensions, ref: containerRef } = useChartClipRect();
-  const showEmptyView = !!((!data || data.length === 0) && emptyView);
-  const rootClassName = clsx(
-    styles.cartesianChart,
-    className,
-    showEmptyView && styles.emptyView
-  );
-  const emptyElement = useMemo(() => {
-    if (isValidElement(emptyView)) {
-      return emptyView;
-    }
-    if (!emptyView) {
-      return;
-    }
-    console.warn(
-      "CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView."
-    );
-    return null;
-  }, [emptyView]);
-  return /* @__PURE__ */ jsx(Wrap, { if: height, children: /* @__PURE__ */ jsx("div", { style: { height, flex: flexGrow ? 1 : void 0 }, children: /* @__PURE__ */ jsx(
-    ResponsiveContainer,
-    {
-      initialDimension: {
-        // fix warning on initial render
-        width: 1,
-        height: 1
-      },
-      width: height ? void 0 : "100%",
-      aspect: height ? void 0 : 3,
-      ref: containerRef,
-      children: /* @__PURE__ */ jsxs(ComposedChart, { data, className: rootClassName, ...rest, children: [
-        children,
-        showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", { ...viewDimensions, children: /* @__PURE__ */ jsx(DivView, { className: styles.emptyViewContainer, children: emptyElement }) })
-      ] })
-    }
-  ) }) });
+import Wrap from "../Wrap/Wrap.mjs";
+import CartesianChart_module_default from "./CartesianChart.module.mjs";
+import { useChartClipRect } from "./hooks/useChartClipRect.mjs";
+import DivView from "../../views/DivView.mjs";
+import clsx from "clsx";
+import { isValidElement, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ComposedChart, ResponsiveContainer } from "recharts";
+//#region src/components/CartesianChart/CartesianChart.tsx
+/** @flr-generate all */
+var CartesianChart = (props) => {
+	const { children, data, className, height, flexGrow, emptyView, ...rest } = props;
+	const { viewDimensions, ref: containerRef } = useChartClipRect();
+	const showEmptyView = !!((!data || data.length === 0) && emptyView);
+	const rootClassName = clsx(CartesianChart_module_default.cartesianChart, className, showEmptyView && CartesianChart_module_default.emptyView);
+	const emptyElement = useMemo(() => {
+		if (isValidElement(emptyView)) return emptyView;
+		if (!emptyView) return;
+		console.warn("CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView.");
+		return null;
+	}, [emptyView]);
+	return /* @__PURE__ */ jsx(Wrap, {
+		if: height,
+		children: /* @__PURE__ */ jsx("div", {
+			style: {
+				height,
+				flex: flexGrow ? 1 : void 0
+			},
+			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
+				initialDimension: {
+					width: 1,
+					height: 1
+				},
+				width: height ? void 0 : "100%",
+				aspect: height ? void 0 : 3,
+				ref: containerRef,
+				children: /* @__PURE__ */ jsxs(ComposedChart, {
+					data,
+					className: rootClassName,
+					...rest,
+					children: [children, showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", {
+						...viewDimensions,
+						children: /* @__PURE__ */ jsx(DivView, {
+							className: CartesianChart_module_default.emptyViewContainer,
+							children: emptyElement
+						})
+					})]
+				})
+			})
+		})
+	});
 };
+//#endregion
+export { CartesianChart as default };
 
-export { CartesianChart };
-//# sourceMappingURL=CartesianChart.mjs.map
+//# sourceMappingURL=CartesianChart.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartesianChart.mjs","sources":["../../../../../../../src/components/CartesianChart/CartesianChart.tsx"],"sourcesContent":["import { ComposedChart, ResponsiveContainer } from \"recharts\";\nimport React, {\n  type ComponentProps,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./CartesianChart.module.scss\";\nimport { useChartClipRect } from \"@/components/CartesianChart/hooks/useChartClipRect\";\nimport DivView from \"@/views/DivView\";\nimport Wrap from \"@/components/Wrap\";\n\n/** @deprecated Use a ReactNode instead */\nexport interface CartesianChartEmptyViewProps {\n  data?: ComponentProps<typeof ComposedChart>[\"data\"];\n}\n\nexport interface CartesianChartProps\n  extends\n    Pick<\n      ComponentProps<typeof ComposedChart>,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n\n  /** View that is provided when data is empty/undefined */\n  emptyView?: ReactNode;\n\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const CartesianChart: FC<CartesianChartProps> = (props) => {\n  const { children, data, className, height, flexGrow, emptyView, ...rest } =\n    props;\n\n  const { viewDimensions, ref: containerRef } = useChartClipRect();\n\n  const showEmptyView = !!((!data || data.length === 0) && emptyView);\n  const rootClassName = clsx(\n    styles.cartesianChart,\n    className,\n    showEmptyView && styles.emptyView,\n  );\n\n  const emptyElement = useMemo(() => {\n    if (isValidElement(emptyView)) {\n      return emptyView;\n    }\n\n    if (!emptyView) {\n      return;\n    }\n\n    console.warn(\n      \"CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView.\",\n    );\n    return null;\n  }, [emptyView]);\n\n  return (\n    <Wrap if={height}>\n      <div style={{ height, flex: flexGrow ? 1 : undefined }}>\n        <ResponsiveContainer\n          initialDimension={{\n            // fix warning on initial render\n            width: 1,\n            height: 1,\n          }}\n          width={height ? undefined : \"100%\"}\n          aspect={height ? undefined : 3}\n          ref={containerRef}\n        >\n          <ComposedChart data={data} className={rootClassName} {...rest}>\n            {children}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <DivView className={styles.emptyViewContainer}>\n                  {emptyElement}\n                </DivView>\n              </foreignObject>\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default CartesianChart;\n"],"names":[],"mappings":";;;;;;;;;AAwCO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,UAAU,IAAA,EAAM,SAAA,EAAW,QAAQ,QAAA,EAAU,SAAA,EAAW,GAAG,IAAA,EAAK,GACtE,KAAA;AAEF,EAAA,MAAM,EAAE,cAAA,EAAgB,GAAA,EAAK,YAAA,KAAiB,gBAAA,EAAiB;AAE/D,EAAA,MAAM,gBAAgB,CAAC,EAAA,CAAG,CAAC,IAAA,IAAQ,IAAA,CAAK,WAAW,CAAA,KAAM,SAAA,CAAA;AACzD,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,SAAA;AAAA,IACA,iBAAiB,MAAA,CAAO;AAAA,GAC1B;AAEA,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,cAAA,CAAe,SAAS,CAAA,EAAG;AAC7B,MAAA,OAAO,SAAA;AAAA,IACT;AAEA,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN;AAAA,KACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,MAAA,EACR,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,MAAA,EAAQ,IAAA,EAAM,QAAA,GAAW,CAAA,GAAI,QAAU,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,gBAAA,EAAkB;AAAA;AAAA,QAEhB,KAAA,EAAO,CAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,KAAA,EAAO,SAAS,MAAA,GAAY,MAAA;AAAA,MAC5B,MAAA,EAAQ,SAAS,MAAA,GAAY,CAAA;AAAA,MAC7B,GAAA,EAAK,YAAA;AAAA,MAEL,+BAAC,aAAA,EAAA,EAAc,IAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACtD,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,aAAA,IAAiB,cAAA,oBAChB,GAAA,CAAC,eAAA,EAAA,EAAe,GAAG,cAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,kBAAA,EACxB,QAAA,EAAA,YAAA,EACH,CAAA,EACF;AAAA,OAAA,EAEJ;AAAA;AAAA,KAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CartesianChart.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/CartesianChart.tsx"],"sourcesContent":["import { ComposedChart, ResponsiveContainer } from \"recharts\";\nimport React, {\n  type ComponentProps,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./CartesianChart.module.scss\";\nimport { useChartClipRect } from \"@/components/CartesianChart/hooks/useChartClipRect\";\nimport DivView from \"@/views/DivView\";\nimport Wrap from \"@/components/Wrap\";\n\n/** @deprecated Use a ReactNode instead */\nexport interface CartesianChartEmptyViewProps {\n  data?: ComponentProps<typeof ComposedChart>[\"data\"];\n}\n\nexport interface CartesianChartProps\n  extends\n    Pick<\n      ComponentProps<typeof ComposedChart>,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n\n  /** View that is provided when data is empty/undefined */\n  emptyView?: ReactNode;\n\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const CartesianChart: FC<CartesianChartProps> = (props) => {\n  const { children, data, className, height, flexGrow, emptyView, ...rest } =\n    props;\n\n  const { viewDimensions, ref: containerRef } = useChartClipRect();\n\n  const showEmptyView = !!((!data || data.length === 0) && emptyView);\n  const rootClassName = clsx(\n    styles.cartesianChart,\n    className,\n    showEmptyView && styles.emptyView,\n  );\n\n  const emptyElement = useMemo(() => {\n    if (isValidElement(emptyView)) {\n      return emptyView;\n    }\n\n    if (!emptyView) {\n      return;\n    }\n\n    console.warn(\n      \"CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView.\",\n    );\n    return null;\n  }, [emptyView]);\n\n  return (\n    <Wrap if={height}>\n      <div style={{ height, flex: flexGrow ? 1 : undefined }}>\n        <ResponsiveContainer\n          initialDimension={{\n            // fix warning on initial render\n            width: 1,\n            height: 1,\n          }}\n          width={height ? undefined : \"100%\"}\n          aspect={height ? undefined : 3}\n          ref={containerRef}\n        >\n          <ComposedChart data={data} className={rootClassName} {...rest}>\n            {children}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <DivView className={styles.emptyViewContainer}>\n                  {emptyElement}\n                </DivView>\n              </foreignObject>\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default CartesianChart;\n"],"mappings":";;;;;;;;;;AAwCA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,UAAU,MAAM,WAAW,QAAQ,UAAU,WAAW,GAAG,SACjE;CAEF,MAAM,EAAE,gBAAgB,KAAK,iBAAiB,kBAAkB;CAEhE,MAAM,gBAAgB,CAAC,GAAG,CAAC,QAAQ,KAAK,WAAW,MAAM;CACzD,MAAM,gBAAgB,KACpB,8BAAO,gBACP,WACA,iBAAiB,8BAAO,UACzB;CAED,MAAM,eAAe,cAAc;AACjC,MAAI,eAAe,UAAU,CAC3B,QAAO;AAGT,MAAI,CAAC,UACH;AAGF,UAAQ,KACN,4IACD;AACD,SAAO;IACN,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC,MAAD;EAAM,IAAI;YACR,oBAAC,OAAD;GAAK,OAAO;IAAE;IAAQ,MAAM,WAAW,IAAI,KAAA;IAAW;aACpD,oBAAC,qBAAD;IACE,kBAAkB;KAEhB,OAAO;KACP,QAAQ;KACT;IACD,OAAO,SAAS,KAAA,IAAY;IAC5B,QAAQ,SAAS,KAAA,IAAY;IAC7B,KAAK;cAEL,qBAAC,eAAD;KAAqB;KAAM,WAAW;KAAe,GAAI;eAAzD,CACG,UACA,iBAAiB,kBAChB,oBAAC,iBAAD;MAAe,GAAI;gBACjB,oBAAC,SAAD;OAAS,WAAW,8BAAO;iBACxB;OACO,CAAA;MACI,CAAA,CAEJ;;IACI,CAAA;GAClB,CAAA;EACD,CAAA"}

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

@@ -0,0 +1,11 @@
+"use client"
+/* */
+var CartesianChart_module_default = {
+	cartesianChart: "flow--cartesian-chart",
+	emptyViewContainer: "flow--cartesian-chart--empty-view-container",
+	emptyView: "flow--cartesian-chart--empty-view"
+};
+//#endregion
+export { CartesianChart_module_default as default };
+
+//# sourceMappingURL=CartesianChart.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianChart.module.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/CartesianChart.module.scss"],"sourcesContent":[".cartesianChart {\n  font-family: Inter, sans-serif;\n\n  *:focus:not(:focus-visible) {\n    outline: none !important;\n  }\n\n  :global(.flow--illustrated-message--illustrated-message-container) {\n    container-type: normal;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .emptyViewContainer {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &.emptyView {\n    :global(.recharts-cartesian-grid) {\n      display: none;\n    }\n  }\n\n  svg {\n    overflow: visible;\n  }\n}\n"],"mappings":""}

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

@@ -1,33 +1,28 @@
 "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 Area = (props) => {
-  const {
-    color: colorFromProps = "sea-green",
-    stackId = 1,
-    fillOpacity = 1,
-    ...rest
-  } = props;
-  const color = isCategoricalColor(colorFromProps) ? `var(--color--categorical--${colorFromProps})` : colorFromProps;
-  return /* @__PURE__ */ jsx(
-    Recharts.Area,
-    {
-      stackId,
-      fillOpacity,
-      ...rest,
-      activeDot: /* @__PURE__ */ jsx(AreaDot, { color }),
-      fill: color,
-      stroke: tokens.area["border-color"].value,
-      strokeWidth: tokens.area["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/Area/Area.tsx
+/** @flr-generate all */
+var Area = (props) => {
+	const { color: colorFromProps = "sea-green", stackId = 1, fillOpacity = 1, ...rest } = props;
+	const color = isCategoricalColor(colorFromProps) ? `var(--color--categorical--${colorFromProps})` : colorFromProps;
+	return /* @__PURE__ */ jsx(Recharts.Area, {
+		stackId,
+		fillOpacity,
+		...rest,
+		activeDot: /* @__PURE__ */ jsx(AreaDot, { color }),
+		fill: color,
+		stroke: variables_default.area["border-color"].value,
+		strokeWidth: variables_default.area["border-width"].value
+	});
 };
+//#endregion
+export { Area as default };
 
-export { Area };
-//# sourceMappingURL=Area.mjs.map
+//# sourceMappingURL=Area.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Area.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/Area/Area.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 AreaProps extends Pick<\n  Recharts.AreaProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"stackId\"\n  | \"fillOpacity\"\n  | \"key\"\n  | \"xAxisId\"\n  | \"yAxisId\"\n  | \"type\"\n  | \"unit\"\n> {\n  /** The color of the area. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Area: FC<AreaProps> = (props) => {\n  const {\n    color: colorFromProps = \"sea-green\",\n    stackId = 1,\n    fillOpacity = 1,\n    ...rest\n  } = props;\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  return (\n    <Recharts.Area\n      stackId={stackId}\n      fillOpacity={fillOpacity}\n      {...rest}\n      activeDot={<AreaDot color={color} />}\n      fill={color}\n      stroke={tokens.area[\"border-color\"].value}\n      strokeWidth={tokens.area[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Area;\n"],"names":[],"mappings":";;;;;;;AAwBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM;AAAA,IACJ,OAAO,cAAA,GAAiB,WAAA;AAAA,IACxB,OAAA,GAAU,CAAA;AAAA,IACV,WAAA,GAAc,CAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,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,MACC,OAAA;AAAA,MACA,WAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA,kBAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAc,CAAA;AAAA,MAClC,IAAA,EAAM,KAAA;AAAA,MACN,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE,KAAA;AAAA,MACpC,WAAA,EAAa,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE;AAAA;AAAA,GAC3C;AAEJ;;;;"}
+{"version":3,"file":"Area.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/Area/Area.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 AreaProps extends Pick<\n  Recharts.AreaProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"stackId\"\n  | \"fillOpacity\"\n  | \"key\"\n  | \"xAxisId\"\n  | \"yAxisId\"\n  | \"type\"\n  | \"unit\"\n> {\n  /** The color of the area. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Area: FC<AreaProps> = (props) => {\n  const {\n    color: colorFromProps = \"sea-green\",\n    stackId = 1,\n    fillOpacity = 1,\n    ...rest\n  } = props;\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  return (\n    <Recharts.Area\n      stackId={stackId}\n      fillOpacity={fillOpacity}\n      {...rest}\n      activeDot={<AreaDot color={color} />}\n      fill={color}\n      stroke={tokens.area[\"border-color\"].value}\n      strokeWidth={tokens.area[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Area;\n"],"mappings":";;;;;;;;;AAwBA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EACJ,OAAO,iBAAiB,aACxB,UAAU,GACV,cAAc,GACd,GAAG,SACD;CAEJ,MAAM,QAAQ,mBAAmB,eAAe,GAC5C,6BAA6B,eAAe,KAC5C;AAEJ,QACE,oBAAC,SAAS,MAAV;EACW;EACI;EACb,GAAI;EACJ,WAAW,oBAAC,SAAD,EAAgB,OAAS,CAAA;EACpC,MAAM;EACN,QAAQ,kBAAO,KAAK,gBAAgB;EACpC,aAAa,kBAAO,KAAK,gBAAgB;EACzC,CAAA"}

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

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

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

@@ -1,30 +1,33 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const AreaDot = ({
-  cx,
-  cy,
-  color
-}) => {
-  if (cx === void 0 || cy === void 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      x: cx - 7,
-      y: cy - 7,
-      width: 14,
-      height: 14,
-      viewBox: "0 0 14 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "white" }),
-        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "4", stroke: color, strokeWidth: "2", fill: "white" })
-      ]
-    }
-  );
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/CartesianChart/components/AreaDot/AreaDot.tsx
+var AreaDot = ({ cx, cy, color }) => {
+	if (cx === void 0 || cy === void 0) return null;
+	return /* @__PURE__ */ jsxs("svg", {
+		x: cx - 7,
+		y: cy - 7,
+		width: 14,
+		height: 14,
+		viewBox: "0 0 14 14",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "7",
+			cy: "7",
+			r: "7",
+			fill: "white"
+		}), /* @__PURE__ */ jsx("circle", {
+			cx: "7",
+			cy: "7",
+			r: "4",
+			stroke: color,
+			strokeWidth: "2",
+			fill: "white"
+		})]
+	});
 };
-
+//#endregion
 export { AreaDot };
-//# sourceMappingURL=AreaDot.mjs.map
+
+//# sourceMappingURL=AreaDot.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AreaDot.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/AreaDot/AreaDot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type * as Recharts from \"recharts\";\n\nexport const AreaDot: FC<Recharts.DotProps & { color: string }> = ({\n  cx,\n  cy,\n  color,\n}) => {\n  if (cx === undefined || cy === undefined) return null;\n\n  return (\n    <svg\n      x={cx - 7}\n      y={cy - 7}\n      width={14}\n      height={14}\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"7\" cy=\"7\" r=\"7\" fill=\"white\" />\n      <circle cx=\"7\" cy=\"7\" r=\"4\" stroke={color} strokeWidth=\"2\" fill=\"white\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAGO,MAAM,UAAqD,CAAC;AAAA,EACjE,EAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,IAAI,EAAA,KAAO,MAAA,IAAa,EAAA,KAAO,MAAA,EAAW,OAAO,IAAA;AAEjD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAG,EAAA,GAAK,CAAA;AAAA,MACR,GAAG,EAAA,GAAK,CAAA;AAAA,MACR,KAAA,EAAO,EAAA;AAAA,MACP,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAM,4BAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,GAAA,EAAI,EAAA,EAAG,KAAI,CAAA,EAAE,GAAA,EAAI,MAAK,OAAA,EAAQ,CAAA;AAAA,wBACzC,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,GAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,WAAA,EAAY,GAAA,EAAI,MAAK,OAAA,EAAQ;AAAA;AAAA;AAAA,GAC1E;AAEJ;;;;"}
+{"version":3,"file":"AreaDot.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/AreaDot/AreaDot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type * as Recharts from \"recharts\";\n\nexport const AreaDot: FC<Recharts.DotProps & { color: string }> = ({\n  cx,\n  cy,\n  color,\n}) => {\n  if (cx === undefined || cy === undefined) return null;\n\n  return (\n    <svg\n      x={cx - 7}\n      y={cy - 7}\n      width={14}\n      height={14}\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"7\" cy=\"7\" r=\"7\" fill=\"white\" />\n      <circle cx=\"7\" cy=\"7\" r=\"4\" stroke={color} strokeWidth=\"2\" fill=\"white\" />\n    </svg>\n  );\n};\n"],"mappings":";;AAGA,IAAa,WAAsD,EACjE,IACA,IACA,YACI;AACJ,KAAI,OAAO,KAAA,KAAa,OAAO,KAAA,EAAW,QAAO;AAEjD,QACE,qBAAC,OAAD;EACE,GAAG,KAAK;EACR,GAAG,KAAK;EACR,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,MAAK;EACL,OAAM;YAPR,CASE,oBAAC,UAAD;GAAQ,IAAG;GAAI,IAAG;GAAI,GAAE;GAAI,MAAK;GAAU,CAAA,EAC3C,oBAAC,UAAD;GAAQ,IAAG;GAAI,IAAG;GAAI,GAAE;GAAI,QAAQ;GAAO,aAAY;GAAI,MAAK;GAAU,CAAA,CACtE"}

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

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

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

@@ -1,21 +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 CartesianGrid = (props) => {
-  const { vertical = false, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    Recharts.CartesianGrid,
-    {
-      vertical,
-      ...rest,
-      stroke: tokens["cartesian-grid"].color.value,
-      strokeWidth: tokens["cartesian-grid"]["stroke-width"].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/CartesianGrid/CartesianGrid.tsx
+/** @flr-generate all */
+var CartesianGrid = (props) => {
+	const { vertical = false, ...rest } = props;
+	return /* @__PURE__ */ jsx(Recharts.CartesianGrid, {
+		vertical,
+		...rest,
+		stroke: variables_default["cartesian-grid"].color.value,
+		strokeWidth: variables_default["cartesian-grid"]["stroke-width"].value
+	});
 };
+//#endregion
+export { CartesianGrid as default };
 
-export { CartesianGrid };
-//# sourceMappingURL=CartesianGrid.mjs.map
+//# sourceMappingURL=CartesianGrid.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartesianGrid.mjs","sources":["../../../../../../../../../src/components/CartesianChart/components/CartesianGrid/CartesianGrid.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type CartesianGridProps = Pick<\n  Recharts.CartesianGridProps,\n  \"className\" | \"vertical\" | \"horizontal\" | \"strokeDasharray\"\n>;\n\n/** @flr-generate all */\nexport const CartesianGrid: FC<CartesianGridProps> = (props) => {\n  const { vertical = false, ...rest } = props;\n\n  return (\n    <Recharts.CartesianGrid\n      vertical={vertical}\n      {...rest}\n      stroke={tokens[\"cartesian-grid\"].color.value}\n      strokeWidth={tokens[\"cartesian-grid\"][\"stroke-width\"].value}\n    />\n  );\n};\n\nexport default CartesianGrid;\n"],"names":[],"mappings":";;;;AAUO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,QAAA,GAAW,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEtC,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,aAAA;AAAA,IAAT;AAAA,MACC,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,MAAA,EAAQ,MAAA,CAAO,gBAAgB,CAAA,CAAE,KAAA,CAAM,KAAA;AAAA,MACvC,WAAA,EAAa,MAAA,CAAO,gBAAgB,CAAA,CAAE,cAAc,CAAA,CAAE;AAAA;AAAA,GACxD;AAEJ;;;;"}
+{"version":3,"file":"CartesianGrid.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/CartesianGrid/CartesianGrid.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type CartesianGridProps = Pick<\n  Recharts.CartesianGridProps,\n  \"className\" | \"vertical\" | \"horizontal\" | \"strokeDasharray\"\n>;\n\n/** @flr-generate all */\nexport const CartesianGrid: FC<CartesianGridProps> = (props) => {\n  const { vertical = false, ...rest } = props;\n\n  return (\n    <Recharts.CartesianGrid\n      vertical={vertical}\n      {...rest}\n      stroke={tokens[\"cartesian-grid\"].color.value}\n      strokeWidth={tokens[\"cartesian-grid\"][\"stroke-width\"].value}\n    />\n  );\n};\n\nexport default CartesianGrid;\n"],"mappings":";;;;;AAUA,IAAa,iBAAyC,UAAU;CAC9D,MAAM,EAAE,WAAW,OAAO,GAAG,SAAS;AAEtC,QACE,oBAAC,SAAS,eAAV;EACY;EACV,GAAI;EACJ,QAAQ,kBAAO,kBAAkB,MAAM;EACvC,aAAa,kBAAO,kBAAkB,gBAAgB;EACtD,CAAA"}

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

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

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

@@ -1,19 +1,18 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Recharts from 'recharts';
-import LegendContent from './LegendContent.mjs';
-
-const ChartLegend = (props) => {
-  const { formatter, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    Recharts.Legend,
-    {
-      ...rest,
-      content: /* @__PURE__ */ jsx(LegendContent, { formatter })
-    }
-  );
+import LegendContent from "./LegendContent.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as Recharts from "recharts";
+//#region src/components/CartesianChart/components/ChartLegend/ChartLegend.tsx
+/** @flr-generate all */
+var ChartLegend = (props) => {
+	const { formatter, ...rest } = props;
+	return /* @__PURE__ */ jsx(Recharts.Legend, {
+		...rest,
+		content: /* @__PURE__ */ jsx(LegendContent, { formatter })
+	});
 };
+//#endregion
+export { ChartLegend as default };
 
-export { ChartLegend };
-//# sourceMappingURL=ChartLegend.mjs.map
+//# sourceMappingURL=ChartLegend.mjs.map