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

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

@@ -1,73 +1,46 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from './DonutChart.module.scss.mjs';
-import { DonutChartValue } from './components/DonutChartValue.mjs';
-import { Donut } from './components/Donut.mjs';
-import { Wrap } from '../Wrap/Wrap.mjs';
-import { DonutChartLegend } from './components/DonutChartLegend.mjs';
-
-const DonutChart = (props) => {
-  const {
-    size = "m",
-    status = "info",
-    className,
-    value,
-    segments,
-    maxValue,
-    formatOptions,
-    showLegend = true,
-    legendPosition = "right",
-    children,
-    ...rest
-  } = props;
-  const rootClassName = clsx(
-    styles.donutChart,
-    size === "l" && styles["size-l"],
-    styles[status],
-    className
-  );
-  const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
-  return /* @__PURE__ */ jsx(Wrap, { if: showLegend && segments, children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.donutChartContainer, styles[legendPosition]), children: [
-    /* @__PURE__ */ jsxs(
-      Aria.ProgressBar,
-      {
-        className: rootClassName,
-        value: segmentsTotalValue ?? value,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx(
-            Donut,
-            {
-              value: segmentsTotalValue ?? value,
-              segments,
-              size,
-              maxValue
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            DonutChartValue,
-            {
-              value: segmentsTotalValue ?? value,
-              formatOptions,
-              children
-            }
-          )
-        ]
-      }
-    ),
-    showLegend && segments && /* @__PURE__ */ jsx(
-      DonutChartLegend,
-      {
-        showLegend,
-        segments,
-        formatOptions
-      }
-    )
-  ] }) });
+import { Wrap } from "../Wrap/Wrap.mjs";
+import DonutChart_module_default from "./DonutChart.module.mjs";
+import { DonutChartValue } from "./components/DonutChartValue.mjs";
+import { Donut } from "./components/Donut.mjs";
+import { DonutChartLegend } from "./components/DonutChartLegend.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/DonutChart/DonutChart.tsx
+/** @flr-generate all */
+var DonutChart = (props) => {
+	const { size = "m", status = "info", className, value, segments, maxValue, formatOptions, showLegend = true, legendPosition = "right", children, ...rest } = props;
+	const rootClassName = clsx(DonutChart_module_default.donutChart, size === "l" && DonutChart_module_default["size-l"], DonutChart_module_default[status], className);
+	const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
+	return /* @__PURE__ */ jsx(Wrap, {
+		if: showLegend && segments,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx(DonutChart_module_default.donutChartContainer, DonutChart_module_default[legendPosition]),
+			children: [/* @__PURE__ */ jsxs(Aria.ProgressBar, {
+				className: rootClassName,
+				value: segmentsTotalValue ?? value,
+				...rest,
+				children: [/* @__PURE__ */ jsx(Donut, {
+					value: segmentsTotalValue ?? value,
+					segments,
+					size,
+					maxValue
+				}), /* @__PURE__ */ jsx(DonutChartValue, {
+					value: segmentsTotalValue ?? value,
+					formatOptions,
+					children
+				})]
+			}), showLegend && segments && /* @__PURE__ */ jsx(DonutChartLegend, {
+				showLegend,
+				segments,
+				formatOptions
+			})]
+		})
+	});
 };
+//#endregion
+export { DonutChart, DonutChart as default };
 
-export { DonutChart };
-//# sourceMappingURL=DonutChart.mjs.map
+//# sourceMappingURL=DonutChart.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.mjs","sources":["../../../../../../../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./DonutChart.module.scss\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { DonutChartValue } from \"@/components/DonutChart/components/DonutChartValue\";\nimport { Donut } from \"@/components/DonutChart/components/Donut\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { DonutChartLegend } from \"@/components/DonutChart/components/DonutChartLegend\";\nimport type { Status } from \"@/lib/types/props\";\n\nexport interface DonutChartSegment {\n  value: number;\n  title: string;\n  color?: CategoricalWithCustomColor;\n  valueText?: string;\n}\n\nexport interface DonutChartProps\n  extends\n    Omit<Aria.ProgressBarProps, \"children\" | \"valueLabel\">,\n    PropsWithChildren {\n  /** The status the donut chart is colored by. */\n  status?: Exclude<Status, \"unavailable\">;\n  /** The size variant of the donut chart. @default \"m\" */\n  size?: \"m\" | \"l\";\n  /** Divides the fill of the donut chart into segments */\n  segments?: DonutChartSegment[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n  /** The position of the legend. @default \"right\" */\n  legendPosition?: \"top\" | \"left\" | \"bottom\" | \"right\";\n}\n\n/** @flr-generate all */\nexport const DonutChart: FC<DonutChartProps> = (props) => {\n  const {\n    size = \"m\",\n    status = \"info\",\n    className,\n    value,\n    segments,\n    maxValue,\n    formatOptions,\n    showLegend = true,\n    legendPosition = \"right\",\n    children,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.donutChart,\n    size === \"l\" && styles[\"size-l\"],\n    styles[status],\n    className,\n  );\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  return (\n    <Wrap if={showLegend && segments}>\n      <div className={clsx(styles.donutChartContainer, styles[legendPosition])}>\n        <Aria.ProgressBar\n          className={rootClassName}\n          value={segmentsTotalValue ?? value}\n          {...rest}\n        >\n          <Donut\n            value={segmentsTotalValue ?? value}\n            segments={segments}\n            size={size}\n            maxValue={maxValue}\n          />\n          <DonutChartValue\n            value={segmentsTotalValue ?? value}\n            formatOptions={formatOptions}\n          >\n            {children}\n          </DonutChartValue>\n        </Aria.ProgressBar>\n\n        {showLegend && segments && (\n          <DonutChartLegend\n            showLegend={showLegend}\n            segments={segments}\n            formatOptions={formatOptions}\n          />\n        )}\n      </div>\n    </Wrap>\n  );\n};\n\nexport default DonutChart;\n"],"names":[],"mappings":";;;;;;;;;AAsCO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM;AAAA,IACJ,IAAA,GAAO,GAAA;AAAA,IACP,MAAA,GAAS,MAAA;AAAA,IACT,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA,GAAa,IAAA;AAAA,IACb,cAAA,GAAiB,OAAA;AAAA,IACjB,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,UAAA;AAAA,IACP,IAAA,KAAS,GAAA,IAAO,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B,OAAO,MAAM,CAAA;AAAA,IACb;AAAA,GACF;AAEA,EAAA,MAAM,qBAAqB,QAAA,GACvB,QAAA,CAAS,GAAA,CAAI,CAAC,MAAM,CAAA,CAAE,KAAK,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA,GACtD,MAAA;AAEJ,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,UAAA,IAAc,UACtB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,mBAAA,EAAqB,MAAA,CAAO,cAAc,CAAC,CAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA,CAAK,WAAA;AAAA,MAAL;AAAA,QACC,SAAA,EAAW,aAAA;AAAA,QACX,OAAO,kBAAA,IAAsB,KAAA;AAAA,QAC5B,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAO,kBAAA,IAAsB,KAAA;AAAA,cAC7B,QAAA;AAAA,cACA,IAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,OAAO,kBAAA,IAAsB,KAAA;AAAA,cAC7B,aAAA;AAAA,cAEC;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,IAEC,cAAc,QAAA,oBACb,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DonutChart.mjs","names":[],"sources":["../../../../../../../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./DonutChart.module.scss\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { DonutChartValue } from \"@/components/DonutChart/components/DonutChartValue\";\nimport { Donut } from \"@/components/DonutChart/components/Donut\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { DonutChartLegend } from \"@/components/DonutChart/components/DonutChartLegend\";\nimport type { Status } from \"@/lib/types/props\";\n\nexport interface DonutChartSegment {\n  value: number;\n  title: string;\n  color?: CategoricalWithCustomColor;\n  valueText?: string;\n}\n\nexport interface DonutChartProps\n  extends\n    Omit<Aria.ProgressBarProps, \"children\" | \"valueLabel\">,\n    PropsWithChildren {\n  /** The status the donut chart is colored by. */\n  status?: Exclude<Status, \"unavailable\">;\n  /** The size variant of the donut chart. @default \"m\" */\n  size?: \"m\" | \"l\";\n  /** Divides the fill of the donut chart into segments */\n  segments?: DonutChartSegment[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n  /** The position of the legend. @default \"right\" */\n  legendPosition?: \"top\" | \"left\" | \"bottom\" | \"right\";\n}\n\n/** @flr-generate all */\nexport const DonutChart: FC<DonutChartProps> = (props) => {\n  const {\n    size = \"m\",\n    status = \"info\",\n    className,\n    value,\n    segments,\n    maxValue,\n    formatOptions,\n    showLegend = true,\n    legendPosition = \"right\",\n    children,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.donutChart,\n    size === \"l\" && styles[\"size-l\"],\n    styles[status],\n    className,\n  );\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  return (\n    <Wrap if={showLegend && segments}>\n      <div className={clsx(styles.donutChartContainer, styles[legendPosition])}>\n        <Aria.ProgressBar\n          className={rootClassName}\n          value={segmentsTotalValue ?? value}\n          {...rest}\n        >\n          <Donut\n            value={segmentsTotalValue ?? value}\n            segments={segments}\n            size={size}\n            maxValue={maxValue}\n          />\n          <DonutChartValue\n            value={segmentsTotalValue ?? value}\n            formatOptions={formatOptions}\n          >\n            {children}\n          </DonutChartValue>\n        </Aria.ProgressBar>\n\n        {showLegend && segments && (\n          <DonutChartLegend\n            showLegend={showLegend}\n            segments={segments}\n            formatOptions={formatOptions}\n          />\n        )}\n      </div>\n    </Wrap>\n  );\n};\n\nexport default DonutChart;\n"],"mappings":";;;;;;;;;;;;AAsCA,IAAa,cAAmC,UAAU;CACxD,MAAM,EACJ,OAAO,KACP,SAAS,QACT,WACA,OACA,UACA,UACA,eACA,aAAa,MACb,iBAAiB,SACjB,UACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,0BAAO,YACP,SAAS,OAAO,0BAAO,WACvB,0BAAO,SACP,SACF;CAEA,MAAM,qBAAqB,WACvB,SAAS,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC,IACtD,KAAA;CAEJ,OACE,oBAAC,MAAD;EAAM,IAAI,cAAc;EACtB,UAAA,qBAAC,OAAD;GAAK,WAAW,KAAK,0BAAO,qBAAqB,0BAAO,eAAe;GAAvE,UAAA,CACE,qBAAC,KAAK,aAAN;IACE,WAAW;IACX,OAAO,sBAAsB;IAC7B,GAAI;IAHN,UAAA,CAKE,oBAAC,OAAD;KACE,OAAO,sBAAsB;KACnB;KACJ;KACI;IACX,CAAA,GACD,oBAAC,iBAAD;KACE,OAAO,sBAAsB;KACd;KAEd;IACc,CAAA,CACD;GAEjB,CAAA,GAAA,cAAc,YACb,oBAAC,kBAAD;IACc;IACF;IACK;GAChB,CAAA,CAEA;;CACD,CAAA;AAEV"}

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

@@ -0,0 +1,40 @@
+"use client"
+/* */
+//#region src/components/DonutChart/DonutChart.module.scss
+var donutChart = "flow--donut-chart";
+var border = "flow--donut-chart--border";
+var background = "flow--donut-chart--background";
+var value = "flow--donut-chart--value";
+var info = "flow--donut-chart--info";
+var fill = "flow--donut-chart--fill";
+var success = "flow--donut-chart--success";
+var danger = "flow--donut-chart--danger";
+var warning = "flow--donut-chart--warning";
+var donutChartContainer = "flow--donut-chart--donut-chart-container";
+var bottom = "flow--donut-chart--bottom";
+var top = "flow--donut-chart--top";
+var right = "flow--donut-chart--right";
+var legend = "flow--donut-chart--legend";
+var left = "flow--donut-chart--left";
+var DonutChart_module_default = {
+	donutChart,
+	border,
+	background,
+	value,
+	"size-l": "flow--donut-chart--size-l",
+	info,
+	fill,
+	success,
+	danger,
+	warning,
+	donutChartContainer,
+	bottom,
+	top,
+	right,
+	legend,
+	left
+};
+//#endregion
+export { background, border, bottom, danger, DonutChart_module_default as default, donutChart, donutChartContainer, fill, info, left, legend, right, success, top, value, warning };
+
+//# sourceMappingURL=DonutChart.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.module.mjs","names":[],"sources":["../../../../../../../src/components/DonutChart/DonutChart.module.scss"],"sourcesContent":[".donutChart {\n  position: relative;\n  width: fit-content;\n  flex-shrink: 0;\n\n  .border {\n    stroke: var(--donut-chart--border-color);\n  }\n\n  .background {\n    stroke: var(--donut-chart--background-color);\n  }\n\n  .value {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow-wrap: anywhere;\n    padding: var(--donut-chart--padding--m);\n  }\n\n  &.size-l {\n    .value {\n      font-size: var(--font-size-heading--xl);\n      padding: var(--donut-chart--padding--l);\n\n      small {\n        font-size: var(--font-size-heading--l);\n      }\n    }\n  }\n\n  /* Variants */\n  @mixin status($status) {\n    &.#{$status} {\n      .fill {\n        stroke: var(--donut-chart--#{$status}-fill-background-color);\n      }\n    }\n  }\n\n  @include status(info);\n  @include status(success);\n  @include status(danger);\n  @include status(warning);\n}\n\n.donutChartContainer {\n  display: flex;\n  gap: var(--donut-chart--spacing-y) var(--donut-chart--spacing-x);\n  align-items: center;\n\n  &.bottom {\n    flex-direction: column;\n  }\n\n  &.top {\n    flex-direction: column-reverse;\n  }\n\n  &.right {\n    .legend {\n      justify-content: start;\n    }\n  }\n\n  &.left {\n    flex-direction: row-reverse;\n\n    .legend {\n      justify-content: start;\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/DonutChart/components/Donut.mjs

@@ -1,69 +1,55 @@
 "use client"
 /* */
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import styles from '../DonutChart.module.scss.mjs';
-import { DonutChartFill } from './DonutChartFill.mjs';
-
-const Donut = (props) => {
-  const { value = 0, segments, size, maxValue: maxValueFromProps } = props;
-  const strokeWidth = 0.5;
-  const fillWidth = size === "m" ? 8 : 12;
-  const center = fillWidth * 4;
-  const radius = center - fillWidth / 2;
-  const maxValue = maxValueFromProps ?? 100;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: center * 4,
-      height: center * 4,
-      viewBox: `0 0 ${center * 2} ${center * 2}`,
-      fill: "none",
-      strokeWidth: fillWidth,
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: styles.background,
-            cx: center,
-            cy: center,
-            r: radius,
-            strokeWidth: fillWidth
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: styles.border,
-            cx: center,
-            cy: center,
-            r: center - strokeWidth / 2,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: styles.border,
-            cx: center,
-            cy: center,
-            r: center - fillWidth + strokeWidth / 2,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DonutChartFill,
-          {
-            radius,
-            center,
-            value: value < maxValue ? value : maxValue,
-            segments,
-            maxValue
-          }
-        )
-      ]
-    }
-  ) });
+import DonutChart_module_default from "../DonutChart.module.mjs";
+import { DonutChartFill } from "./DonutChartFill.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/DonutChart/components/Donut.tsx
+var Donut = (props) => {
+	const { value = 0, segments, size, maxValue: maxValueFromProps } = props;
+	const strokeWidth = .5;
+	const fillWidth = size === "m" ? 8 : 12;
+	const center = fillWidth * 4;
+	const radius = center - fillWidth / 2;
+	const maxValue = maxValueFromProps ?? 100;
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("svg", {
+		width: center * 4,
+		height: center * 4,
+		viewBox: `0 0 ${center * 2} ${center * 2}`,
+		fill: "none",
+		strokeWidth: fillWidth,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				className: DonutChart_module_default.background,
+				cx: center,
+				cy: center,
+				r: radius,
+				strokeWidth: fillWidth
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				className: DonutChart_module_default.border,
+				cx: center,
+				cy: center,
+				r: center - strokeWidth / 2,
+				strokeWidth
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				className: DonutChart_module_default.border,
+				cx: center,
+				cy: center,
+				r: center - fillWidth + strokeWidth / 2,
+				strokeWidth
+			}),
+			/* @__PURE__ */ jsx(DonutChartFill, {
+				radius,
+				center,
+				value: value < maxValue ? value : maxValue,
+				segments,
+				maxValue
+			})
+		]
+	}) });
 };
-
+//#endregion
 export { Donut };
-//# sourceMappingURL=Donut.mjs.map
+
+//# sourceMappingURL=Donut.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/Donut.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.mjs","sources":["../../../../../../../../src/components/DonutChart/components/Donut.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/DonutChart/DonutChart.module.scss\";\nimport { DonutChartFill } from \"@/components/DonutChart/components/DonutChartFill\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\n\ninterface Props extends Pick<\n  DonutChartProps,\n  \"segments\" | \"size\" | \"maxValue\"\n> {\n  value?: number;\n}\n\nexport const Donut: FC<Props> = (props) => {\n  const { value = 0, segments, size, maxValue: maxValueFromProps } = props;\n\n  const strokeWidth = 0.5;\n  const fillWidth = size === \"m\" ? 8 : 12;\n  const center = fillWidth * 4;\n  const radius = center - fillWidth / 2;\n  const maxValue = maxValueFromProps ?? 100;\n\n  return (\n    <>\n      <svg\n        width={center * 4}\n        height={center * 4}\n        viewBox={`0 0 ${center * 2} ${center * 2}`}\n        fill=\"none\"\n        strokeWidth={fillWidth}\n      >\n        <circle\n          className={styles.background}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={fillWidth}\n        />\n        <circle\n          className={styles.border}\n          cx={center}\n          cy={center}\n          r={center - strokeWidth / 2}\n          strokeWidth={strokeWidth}\n        />\n        <circle\n          className={styles.border}\n          cx={center}\n          cy={center}\n          r={center - fillWidth + strokeWidth / 2}\n          strokeWidth={strokeWidth}\n        />\n\n        <DonutChartFill\n          radius={radius}\n          center={center}\n          value={value < maxValue ? value : maxValue}\n          segments={segments}\n          maxValue={maxValue}\n        />\n      </svg>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,KAAA,GAAmB,CAAC,KAAA,KAAU;AACzC,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAA,EAAG,UAAU,IAAA,EAAM,QAAA,EAAU,mBAAkB,GAAI,KAAA;AAEnE,EAAA,MAAM,WAAA,GAAc,GAAA;AACpB,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,GAAA,GAAM,CAAA,GAAI,EAAA;AACrC,EAAA,MAAM,SAAS,SAAA,GAAY,CAAA;AAC3B,EAAA,MAAM,MAAA,GAAS,SAAS,SAAA,GAAY,CAAA;AACpC,EAAA,MAAM,WAAW,iBAAA,IAAqB,GAAA;AAEtC,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAO,MAAA,GAAS,CAAA;AAAA,MAChB,QAAQ,MAAA,GAAS,CAAA;AAAA,MACjB,SAAS,CAAA,IAAA,EAAO,MAAA,GAAS,CAAC,CAAA,CAAA,EAAI,SAAS,CAAC,CAAA,CAAA;AAAA,MACxC,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAa,SAAA;AAAA,MAEb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAW,MAAA,CAAO,UAAA;AAAA,YAClB,EAAA,EAAI,MAAA;AAAA,YACJ,EAAA,EAAI,MAAA;AAAA,YACJ,CAAA,EAAG,MAAA;AAAA,YACH,WAAA,EAAa;AAAA;AAAA,SACf;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAW,MAAA,CAAO,MAAA;AAAA,YAClB,EAAA,EAAI,MAAA;AAAA,YACJ,EAAA,EAAI,MAAA;AAAA,YACJ,CAAA,EAAG,SAAS,WAAA,GAAc,CAAA;AAAA,YAC1B;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAW,MAAA,CAAO,MAAA;AAAA,YAClB,EAAA,EAAI,MAAA;AAAA,YACJ,EAAA,EAAI,MAAA;AAAA,YACJ,CAAA,EAAG,MAAA,GAAS,SAAA,GAAY,WAAA,GAAc,CAAA;AAAA,YACtC;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,MAAA;AAAA,YACA,MAAA;AAAA,YACA,KAAA,EAAO,KAAA,GAAQ,QAAA,GAAW,KAAA,GAAQ,QAAA;AAAA,YAClC,QAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Donut.mjs","names":[],"sources":["../../../../../../../../src/components/DonutChart/components/Donut.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/DonutChart/DonutChart.module.scss\";\nimport { DonutChartFill } from \"@/components/DonutChart/components/DonutChartFill\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\n\ninterface Props extends Pick<\n  DonutChartProps,\n  \"segments\" | \"size\" | \"maxValue\"\n> {\n  value?: number;\n}\n\nexport const Donut: FC<Props> = (props) => {\n  const { value = 0, segments, size, maxValue: maxValueFromProps } = props;\n\n  const strokeWidth = 0.5;\n  const fillWidth = size === \"m\" ? 8 : 12;\n  const center = fillWidth * 4;\n  const radius = center - fillWidth / 2;\n  const maxValue = maxValueFromProps ?? 100;\n\n  return (\n    <>\n      <svg\n        width={center * 4}\n        height={center * 4}\n        viewBox={`0 0 ${center * 2} ${center * 2}`}\n        fill=\"none\"\n        strokeWidth={fillWidth}\n      >\n        <circle\n          className={styles.background}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={fillWidth}\n        />\n        <circle\n          className={styles.border}\n          cx={center}\n          cy={center}\n          r={center - strokeWidth / 2}\n          strokeWidth={strokeWidth}\n        />\n        <circle\n          className={styles.border}\n          cx={center}\n          cy={center}\n          r={center - fillWidth + strokeWidth / 2}\n          strokeWidth={strokeWidth}\n        />\n\n        <DonutChartFill\n          radius={radius}\n          center={center}\n          value={value < maxValue ? value : maxValue}\n          segments={segments}\n          maxValue={maxValue}\n        />\n      </svg>\n    </>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAa,SAAoB,UAAU;CACzC,MAAM,EAAE,QAAQ,GAAG,UAAU,MAAM,UAAU,sBAAsB;CAEnE,MAAM,cAAc;CACpB,MAAM,YAAY,SAAS,MAAM,IAAI;CACrC,MAAM,SAAS,YAAY;CAC3B,MAAM,SAAS,SAAS,YAAY;CACpC,MAAM,WAAW,qBAAqB;CAEtC,OACE,oBAAA,UAAA,EAAA,UACE,qBAAC,OAAD;EACE,OAAO,SAAS;EAChB,QAAQ,SAAS;EACjB,SAAS,OAAO,SAAS,EAAE,GAAG,SAAS;EACvC,MAAK;EACL,aAAa;EALf,UAAA;GAOE,oBAAC,UAAD;IACE,WAAW,0BAAO;IAClB,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,aAAa;GACd,CAAA;GACD,oBAAC,UAAD;IACE,WAAW,0BAAO;IAClB,IAAI;IACJ,IAAI;IACJ,GAAG,SAAS,cAAc;IACb;GACd,CAAA;GACD,oBAAC,UAAD;IACE,WAAW,0BAAO;IAClB,IAAI;IACJ,IAAI;IACJ,GAAG,SAAS,YAAY,cAAc;IACzB;GACd,CAAA;GAED,oBAAC,gBAAD;IACU;IACA;IACR,OAAO,QAAQ,WAAW,QAAQ;IACxB;IACA;GACX,CAAA;EACE;CACL,CAAA,EAAA,CAAA;AAEN"}

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartFill.mjs

@@ -1,49 +1,41 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from '../DonutChart.module.scss.mjs';
-import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.mjs';
-import { isCategoricalColor } from '../../../lib/tokens/isCategoricalColor.mjs';
-
-const DonutChartFill = (props) => {
-  const { center, value = 0, radius, segments, maxValue } = props;
-  const circumference = 2 * radius * Math.PI;
-  const percent = 100 / maxValue * value;
-  if (!segments) {
-    return /* @__PURE__ */ jsx(
-      "circle",
-      {
-        className: styles.fill,
-        cx: center,
-        cy: center,
-        r: radius,
-        strokeDasharray: `${circumference} ${circumference}`,
-        strokeDashoffset: circumference - percent / 100 * circumference,
-        transform: `rotate(-90 ${center} ${center})`
-      }
-    );
-  }
-  let rotationOffset = 0;
-  return segments.map((s, i) => {
-    const segmentPercent = 100 / maxValue * s.value;
-    const currentRotationOffset = rotationOffset;
-    rotationOffset = rotationOffset + 360 / 100 * segmentPercent;
-    const color = !s.color || isCategoricalColor(s.color) ? `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})` : s.color;
-    return /* @__PURE__ */ jsx(
-      "circle",
-      {
-        cx: center,
-        cy: center,
-        r: radius,
-        strokeDasharray: `${circumference} ${circumference}`,
-        strokeDashoffset: circumference - segmentPercent / 100 * circumference,
-        stroke: color,
-        transform: `rotate(${ -90 + currentRotationOffset} ${center} ${center})`
-      },
-      i
-    );
-  });
+import { isCategoricalColor } from "../../../lib/tokens/isCategoricalColor.mjs";
+import { getCategoricalColorByIndex } from "../../../lib/tokens/getCategoricalColorByIndex.mjs";
+import DonutChart_module_default from "../DonutChart.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/DonutChart/components/DonutChartFill.tsx
+var DonutChartFill = (props) => {
+	const { center, value = 0, radius, segments, maxValue } = props;
+	const circumference = 2 * radius * Math.PI;
+	const percent = 100 / maxValue * value;
+	if (!segments) return /* @__PURE__ */ jsx("circle", {
+		className: DonutChart_module_default.fill,
+		cx: center,
+		cy: center,
+		r: radius,
+		strokeDasharray: `${circumference} ${circumference}`,
+		strokeDashoffset: circumference - percent / 100 * circumference,
+		transform: `rotate(-90 ${center} ${center})`
+	});
+	let rotationOffset = 0;
+	return segments.map((s, i) => {
+		const segmentPercent = 100 / maxValue * s.value;
+		const currentRotationOffset = rotationOffset;
+		rotationOffset = rotationOffset + 360 / 100 * segmentPercent;
+		const color = !s.color || isCategoricalColor(s.color) ? `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})` : s.color;
+		return /* @__PURE__ */ jsx("circle", {
+			cx: center,
+			cy: center,
+			r: radius,
+			strokeDasharray: `${circumference} ${circumference}`,
+			strokeDashoffset: circumference - segmentPercent / 100 * circumference,
+			stroke: color,
+			transform: `rotate(${-90 + currentRotationOffset} ${center} ${center})`
+		}, i);
+	});
 };
-
+//#endregion
 export { DonutChartFill };
-//# sourceMappingURL=DonutChartFill.mjs.map
+
+//# sourceMappingURL=DonutChartFill.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartFill.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartFill.mjs","sources":["../../../../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/DonutChart/DonutChart.module.scss\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\ninterface Props extends Pick<DonutChartProps, \"segments\"> {\n  center: number;\n  value?: number;\n  radius: number;\n  maxValue: number;\n}\n\nexport const DonutChartFill: FC<Props> = (props) => {\n  const { center, value = 0, radius, segments, maxValue } = props;\n\n  const circumference = 2 * radius * Math.PI;\n\n  const percent = (100 / maxValue) * value;\n\n  if (!segments) {\n    return (\n      <circle\n        className={styles.fill}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={circumference - (percent / 100) * circumference}\n        transform={`rotate(-90 ${center} ${center})`}\n      />\n    );\n  }\n\n  let rotationOffset = 0;\n\n  return segments.map((s, i) => {\n    const segmentPercent = (100 / maxValue) * s.value;\n\n    const currentRotationOffset = rotationOffset;\n\n    rotationOffset = rotationOffset + (360 / 100) * segmentPercent;\n\n    const color =\n      !s.color || isCategoricalColor(s.color)\n        ? `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`\n        : s.color;\n\n    return (\n      <circle\n        key={i}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={\n          circumference - (segmentPercent / 100) * circumference\n        }\n        stroke={color}\n        transform={`rotate(${-90 + currentRotationOffset} ${center} ${center})`}\n      />\n    );\n  });\n};\n"],"names":[],"mappings":";;;;;AAaO,MAAM,cAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAA,GAAQ,GAAG,MAAA,EAAQ,QAAA,EAAU,UAAS,GAAI,KAAA;AAE1D,EAAA,MAAM,aAAA,GAAgB,CAAA,GAAI,MAAA,GAAS,IAAA,CAAK,EAAA;AAExC,EAAA,MAAM,OAAA,GAAW,MAAM,QAAA,GAAY,KAAA;AAEnC,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,IAAA;AAAA,QAClB,EAAA,EAAI,MAAA;AAAA,QACJ,EAAA,EAAI,MAAA;AAAA,QACJ,CAAA,EAAG,MAAA;AAAA,QACH,eAAA,EAAiB,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EAAkB,aAAA,GAAiB,OAAA,GAAU,GAAA,GAAO,aAAA;AAAA,QACpD,SAAA,EAAW,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AAAA;AAAA,KAC3C;AAAA,EAEJ;AAEA,EAAA,IAAI,cAAA,GAAiB,CAAA;AAErB,EAAA,OAAO,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM;AAC5B,IAAA,MAAM,cAAA,GAAkB,GAAA,GAAM,QAAA,GAAY,CAAA,CAAE,KAAA;AAE5C,IAAA,MAAM,qBAAA,GAAwB,cAAA;AAE9B,IAAA,cAAA,GAAiB,cAAA,GAAkB,MAAM,GAAA,GAAO,cAAA;AAEhD,IAAA,MAAM,KAAA,GACJ,CAAC,CAAA,CAAE,KAAA,IAAS,mBAAmB,CAAA,CAAE,KAAK,CAAA,GAClC,CAAA,0BAAA,EAA6B,EAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAC,MACrE,CAAA,CAAE,KAAA;AAER,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,EAAA,EAAI,MAAA;AAAA,QACJ,EAAA,EAAI,MAAA;AAAA,QACJ,CAAA,EAAG,MAAA;AAAA,QACH,eAAA,EAAiB,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EACE,aAAA,GAAiB,cAAA,GAAiB,GAAA,GAAO,aAAA;AAAA,QAE3C,MAAA,EAAQ,KAAA;AAAA,QACR,WAAW,CAAA,OAAA,EAAU,IAAA,GAAM,qBAAqB,CAAA,CAAA,EAAI,MAAM,IAAI,MAAM,CAAA,CAAA;AAAA,OAAA;AAAA,MAT/D;AAAA,KAUP;AAAA,EAEJ,CAAC,CAAA;AACH;;;;"}
+{"version":3,"file":"DonutChartFill.mjs","names":[],"sources":["../../../../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/DonutChart/DonutChart.module.scss\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\ninterface Props extends Pick<DonutChartProps, \"segments\"> {\n  center: number;\n  value?: number;\n  radius: number;\n  maxValue: number;\n}\n\nexport const DonutChartFill: FC<Props> = (props) => {\n  const { center, value = 0, radius, segments, maxValue } = props;\n\n  const circumference = 2 * radius * Math.PI;\n\n  const percent = (100 / maxValue) * value;\n\n  if (!segments) {\n    return (\n      <circle\n        className={styles.fill}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={circumference - (percent / 100) * circumference}\n        transform={`rotate(-90 ${center} ${center})`}\n      />\n    );\n  }\n\n  let rotationOffset = 0;\n\n  return segments.map((s, i) => {\n    const segmentPercent = (100 / maxValue) * s.value;\n\n    const currentRotationOffset = rotationOffset;\n\n    rotationOffset = rotationOffset + (360 / 100) * segmentPercent;\n\n    const color =\n      !s.color || isCategoricalColor(s.color)\n        ? `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`\n        : s.color;\n\n    return (\n      <circle\n        key={i}\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={\n          circumference - (segmentPercent / 100) * circumference\n        }\n        stroke={color}\n        transform={`rotate(${-90 + currentRotationOffset} ${center} ${center})`}\n      />\n    );\n  });\n};\n"],"mappings":";;;;;;;AAaA,IAAa,kBAA6B,UAAU;CAClD,MAAM,EAAE,QAAQ,QAAQ,GAAG,QAAQ,UAAU,aAAa;CAE1D,MAAM,gBAAgB,IAAI,SAAS,KAAK;CAExC,MAAM,UAAW,MAAM,WAAY;CAEnC,IAAI,CAAC,UACH,OACE,oBAAC,UAAD;EACE,WAAW,0BAAO;EAClB,IAAI;EACJ,IAAI;EACJ,GAAG;EACH,iBAAiB,GAAG,cAAc,GAAG;EACrC,kBAAkB,gBAAiB,UAAU,MAAO;EACpD,WAAW,cAAc,OAAO,GAAG,OAAO;CAC3C,CAAA;CAIL,IAAI,iBAAiB;CAErB,OAAO,SAAS,KAAK,GAAG,MAAM;EAC5B,MAAM,iBAAkB,MAAM,WAAY,EAAE;EAE5C,MAAM,wBAAwB;EAE9B,iBAAiB,iBAAkB,MAAM,MAAO;EAEhD,MAAM,QACJ,CAAC,EAAE,SAAS,mBAAmB,EAAE,KAAK,IAClC,6BAA6B,EAAE,SAAS,2BAA2B,CAAC,EAAE,KACtE,EAAE;EAER,OACE,oBAAC,UAAD;GAEE,IAAI;GACJ,IAAI;GACJ,GAAG;GACH,iBAAiB,GAAG,cAAc,GAAG;GACrC,kBACE,gBAAiB,iBAAiB,MAAO;GAE3C,QAAQ;GACR,WAAW,UAAU,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO;EACtE,GAVM,CAUN;CAEL,CAAC;AACH"}

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartLegend.mjs

@@ -1,31 +1,29 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from '../DonutChart.module.scss.mjs';
-import 'react';
-import { useNumberFormatter } from 'react-aria';
-import { Legend } from '../../Legend/Legend.mjs';
-import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.mjs';
-import { LegendItem } from '../../Legend/components/LegendItem/LegendItem.mjs';
-
-const DonutChartLegend = (props) => {
-  const { segments, showLegend, formatOptions } = props;
-  const formatter = useNumberFormatter(formatOptions);
-  if (!segments || !showLegend) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Legend, { className: styles.legend, children: segments.map((s, i) => {
-    const formattedValue = formatOptions ? formatter.format(s.value) : `${s.value} %`;
-    return /* @__PURE__ */ jsx(
-      LegendItem,
-      {
-        color: s.color ?? getCategoricalColorByIndex(i),
-        children: `${s.title} (${s.valueText ?? formattedValue})`
-      },
-      s.title
-    );
-  }) });
+import { Legend } from "../../Legend/Legend.mjs";
+import { LegendItem } from "../../Legend/components/LegendItem/LegendItem.mjs";
+import { getCategoricalColorByIndex } from "../../../lib/tokens/getCategoricalColorByIndex.mjs";
+import DonutChart_module_default from "../DonutChart.module.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { useNumberFormatter } from "react-aria";
+//#region src/components/DonutChart/components/DonutChartLegend.tsx
+var DonutChartLegend = (props) => {
+	const { segments, showLegend, formatOptions } = props;
+	const formatter = useNumberFormatter(formatOptions);
+	if (!segments || !showLegend) return null;
+	return /* @__PURE__ */ jsx(Legend, {
+		className: DonutChart_module_default.legend,
+		children: segments.map((s, i) => {
+			const formattedValue = formatOptions ? formatter.format(s.value) : `${s.value} %`;
+			return /* @__PURE__ */ jsx(LegendItem, {
+				color: s.color ?? getCategoricalColorByIndex(i),
+				children: `${s.title} (${s.valueText ?? formattedValue})`
+			}, s.title);
+		})
+	});
 };
-
+//#endregion
 export { DonutChartLegend };
-//# sourceMappingURL=DonutChartLegend.mjs.map
+
+//# sourceMappingURL=DonutChartLegend.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartLegend.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartLegend.mjs","sources":["../../../../../../../../src/components/DonutChart/components/DonutChartLegend.tsx"],"sourcesContent":["import styles from \"../DonutChart.module.scss\";\nimport { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\n\ntype Props = Pick<DonutChartProps, \"segments\" | \"showLegend\" | \"formatOptions\">;\n\nexport const DonutChartLegend: FC<Props> = (props) => {\n  const { segments, showLegend, formatOptions } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  if (!segments || !showLegend) {\n    return null;\n  }\n\n  return (\n    <Legend className={styles.legend}>\n      {segments.map((s, i) => {\n        const formattedValue = formatOptions\n          ? formatter.format(s.value)\n          : `${s.value} %`;\n\n        return (\n          <LegendItem\n            key={s.title}\n            color={s.color ?? getCategoricalColorByIndex(i)}\n          >{`${s.title} (${s.valueText ?? formattedValue})`}</LegendItem>\n        );\n      })}\n    </Legend>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,aAAA,EAAc,GAAI,KAAA;AAEhD,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,UAAA,EAAY;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,SAAA,EAAW,MAAA,CAAO,QACvB,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM;AACtB,IAAA,MAAM,cAAA,GAAiB,gBACnB,SAAA,CAAU,MAAA,CAAO,EAAE,KAAK,CAAA,GACxB,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,CAAA;AAEd,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,KAAA,EAAO,CAAA,CAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAA;AAAA,QAC9C,aAAG,CAAA,CAAE,KAAK,CAAA,EAAA,EAAK,CAAA,CAAE,aAAa,cAAc,CAAA,CAAA;AAAA,OAAA;AAAA,MAFvC,CAAA,CAAE;AAAA,KAEyC;AAAA,EAEtD,CAAC,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DonutChartLegend.mjs","names":[],"sources":["../../../../../../../../src/components/DonutChart/components/DonutChartLegend.tsx"],"sourcesContent":["import styles from \"../DonutChart.module.scss\";\nimport { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\n\ntype Props = Pick<DonutChartProps, \"segments\" | \"showLegend\" | \"formatOptions\">;\n\nexport const DonutChartLegend: FC<Props> = (props) => {\n  const { segments, showLegend, formatOptions } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  if (!segments || !showLegend) {\n    return null;\n  }\n\n  return (\n    <Legend className={styles.legend}>\n      {segments.map((s, i) => {\n        const formattedValue = formatOptions\n          ? formatter.format(s.value)\n          : `${s.value} %`;\n\n        return (\n          <LegendItem\n            key={s.title}\n            color={s.color ?? getCategoricalColorByIndex(i)}\n          >{`${s.title} (${s.valueText ?? formattedValue})`}</LegendItem>\n        );\n      })}\n    </Legend>\n  );\n};\n"],"mappings":";;;;;;;;;;AASA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,YAAY,kBAAkB;CAEhD,MAAM,YAAY,mBAAmB,aAAa;CAElD,IAAI,CAAC,YAAY,CAAC,YAChB,OAAO;CAGT,OACE,oBAAC,QAAD;EAAQ,WAAW,0BAAO;EACvB,UAAA,SAAS,KAAK,GAAG,MAAM;GACtB,MAAM,iBAAiB,gBACnB,UAAU,OAAO,EAAE,KAAK,IACxB,GAAG,EAAE,MAAM;GAEf,OACE,oBAAC,YAAD;IAEE,OAAO,EAAE,SAAS,2BAA2B,CAAC;IAC9C,UAAA,GAAG,EAAE,MAAM,IAAI,EAAE,aAAa,eAAe;GAAe,GAFvD,EAAE,KAEqD;EAElE,CAAC;CACK,CAAA;AAEZ"}

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartValue.mjs

@@ -1,19 +1,24 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from '../DonutChart.module.scss.mjs';
-import { Children } from 'react';
-import { useNumberFormatter } from 'react-aria';
-
-const DonutChartValue = (props) => {
-  const { value = 0, formatOptions, children } = props;
-  const formatter = useNumberFormatter(formatOptions);
-  if (Children.count(children) > 0) {
-    return /* @__PURE__ */ jsx("span", { className: styles.value, children });
-  }
-  const formattedValue = formatOptions ? formatter.format(value) : `${value} %`;
-  return /* @__PURE__ */ jsx("span", { className: styles.value, children: /* @__PURE__ */ jsx("strong", { children: formattedValue }) });
+import DonutChart_module_default from "../DonutChart.module.mjs";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useNumberFormatter } from "react-aria";
+//#region src/components/DonutChart/components/DonutChartValue.tsx
+var DonutChartValue = (props) => {
+	const { value = 0, formatOptions, children } = props;
+	const formatter = useNumberFormatter(formatOptions);
+	if (Children.count(children) > 0) return /* @__PURE__ */ jsx("span", {
+		className: DonutChart_module_default.value,
+		children
+	});
+	const formattedValue = formatOptions ? formatter.format(value) : `${value} %`;
+	return /* @__PURE__ */ jsx("span", {
+		className: DonutChart_module_default.value,
+		children: /* @__PURE__ */ jsx("strong", { children: formattedValue })
+	});
 };
-
+//#endregion
 export { DonutChartValue };
-//# sourceMappingURL=DonutChartValue.mjs.map
+
+//# sourceMappingURL=DonutChartValue.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChartValue.mjs","sources":["../../../../../../../../src/components/DonutChart/components/DonutChartValue.tsx"],"sourcesContent":["import styles from \"../DonutChart.module.scss\";\nimport { Children, type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\n\ninterface Props extends Pick<DonutChartProps, \"formatOptions\" | \"children\"> {\n  value?: number;\n}\n\nexport const DonutChartValue: FC<Props> = (props) => {\n  const { value = 0, formatOptions, children } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  if (Children.count(children) > 0) {\n    return <span className={styles.value}>{children}</span>;\n  }\n\n  const formattedValue = formatOptions ? formatter.format(value) : `${value} %`;\n\n  return (\n    <span className={styles.value}>\n      <strong>{formattedValue}</strong>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAA,EAAG,aAAA,EAAe,UAAS,GAAI,KAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,IAAI,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,GAAI,CAAA,EAAG;AAChC,IAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAS,CAAA;AAAA,EAClD;AAEA,EAAA,MAAM,iBAAiB,aAAA,GAAgB,SAAA,CAAU,OAAO,KAAK,CAAA,GAAI,GAAG,KAAK,CAAA,EAAA,CAAA;AAEzE,EAAA,uBACE,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,OACtB,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAQ,0BAAe,CAAA,EAC1B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DonutChartValue.mjs","names":[],"sources":["../../../../../../../../src/components/DonutChart/components/DonutChartValue.tsx"],"sourcesContent":["import styles from \"../DonutChart.module.scss\";\nimport { Children, type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { DonutChartProps } from \"@/components/DonutChart\";\n\ninterface Props extends Pick<DonutChartProps, \"formatOptions\" | \"children\"> {\n  value?: number;\n}\n\nexport const DonutChartValue: FC<Props> = (props) => {\n  const { value = 0, formatOptions, children } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  if (Children.count(children) > 0) {\n    return <span className={styles.value}>{children}</span>;\n  }\n\n  const formattedValue = formatOptions ? formatter.format(value) : `${value} %`;\n\n  return (\n    <span className={styles.value}>\n      <strong>{formattedValue}</strong>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;AASA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,QAAQ,GAAG,eAAe,aAAa;CAE/C,MAAM,YAAY,mBAAmB,aAAa;CAElD,IAAI,SAAS,MAAM,QAAQ,IAAI,GAC7B,OAAO,oBAAC,QAAD;EAAM,WAAW,0BAAO;EAAQ;CAAe,CAAA;CAGxD,MAAM,iBAAiB,gBAAgB,UAAU,OAAO,KAAK,IAAI,GAAG,MAAM;CAE1E,OACE,oBAAC,QAAD;EAAM,WAAW,0BAAO;EACtB,UAAA,oBAAC,UAAD,EAAA,UAAS,eAAuB,CAAA;CAC5B,CAAA;AAEV"}

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

@@ -1,17 +1,23 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './EmulatedBoldText.module.scss.mjs';
-import clsx from 'clsx';
-
-const EmulatedBoldText = (props) => {
-  const { children, className, ...rest } = props;
-  const rootClassName = clsx(styles.emulatedBoldText, className);
-  return /* @__PURE__ */ jsxs("span", { className: rootClassName, ...rest, children: [
-    children,
-    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: styles.boldText, children })
-  ] });
+import EmulatedBoldText_module_default from "./EmulatedBoldText.module.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/EmulatedBoldText/EmulatedBoldText.tsx
+var EmulatedBoldText = (props) => {
+	const { children, className, ...rest } = props;
+	const rootClassName = clsx(EmulatedBoldText_module_default.emulatedBoldText, className);
+	return /* @__PURE__ */ jsxs("span", {
+		className: rootClassName,
+		...rest,
+		children: [children, /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: EmulatedBoldText_module_default.boldText,
+			children
+		})]
+	});
 };
+//#endregion
+export { EmulatedBoldText, EmulatedBoldText as default };
 
-export { EmulatedBoldText };
-//# sourceMappingURL=EmulatedBoldText.mjs.map
+//# sourceMappingURL=EmulatedBoldText.mjs.map