@mittwald/flow-react-components 0.2.0-alpha.274 → 0.2.0-alpha.275

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

@@ -0,0 +1,73 @@
+"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
+      }
+    )
+  ] }) });
+};
+
+export { DonutChart, DonutChart as default };
+//# sourceMappingURL=DonutChart.mjs.map

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

@@ -0,0 +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 { PropsWithStatus } from \"@/lib/types/props\";\nimport type { CategoricalColors } 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\";\n\nexport interface DonutChartSegment {\n  value: number;\n  title: string;\n  color?: CategoricalColors;\n  valueText?: string;\n}\n\nexport interface DonutChartProps\n  extends Omit<Aria.ProgressBarProps, \"children\" | \"valueLabel\">,\n    PropsWithStatus,\n    PropsWithChildren {\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":";;;;;;;;;AAoCa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,IAAO,GAAA,GAAA;AAAA,IACP,MAAS,GAAA,MAAA;AAAA,IACT,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAa,GAAA,IAAA;AAAA,IACb,cAAiB,GAAA,OAAA;AAAA,IACjB,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,UAAA;AAAA,IACP,IAAA,KAAS,GAAO,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B,OAAO,MAAM,CAAA;AAAA,IACb;AAAA,GACF;AAEA,EAAA,MAAM,qBAAqB,QACvB,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CACtD,GAAA,MAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,UAAA,IAAc,UACtB,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,IAAA,CAAK,MAAO,CAAA,mBAAA,EAAqB,MAAO,CAAA,cAAc,CAAC,CACrE,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,OAAO,kBAAsB,IAAA,KAAA;AAAA,QAC5B,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAO,kBAAsB,IAAA,KAAA;AAAA,cAC7B,QAAA;AAAA,cACA,IAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,OAAO,kBAAsB,IAAA,KAAA;AAAA,cAC7B,aAAA;AAAA,cAEC;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,IAEC,cAAc,QACb,oBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -0,0 +1,68 @@
+"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 } = props;
+  const strokeWidth = 0.5;
+  const fillWidth = size === "m" ? 8 : 12;
+  const center = fillWidth * 4;
+  const radius = center - fillWidth / 2;
+  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,
+            segments,
+            maxValue: maxValue ?? 100
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export { Donut };
+//# sourceMappingURL=Donut.mjs.map

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

@@ -0,0 +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\n  extends Pick<DonutChartProps, \"segments\" | \"size\" | \"maxValue\"> {\n  value?: number;\n}\n\nexport const Donut: FC<Props> = (props) => {\n  const { value = 0, segments, size, maxValue } = 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\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}\n          segments={segments}\n          maxValue={maxValue ?? 100}\n        />\n      </svg>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAUa,MAAA,KAAA,GAAmB,CAAC,KAAU,KAAA;AACzC,EAAA,MAAM,EAAE,KAAQ,GAAA,CAAA,EAAG,QAAU,EAAA,IAAA,EAAM,UAAa,GAAA,KAAA;AAEhD,EAAA,MAAM,WAAc,GAAA,GAAA;AACpB,EAAM,MAAA,SAAA,GAAY,IAAS,KAAA,GAAA,GAAM,CAAI,GAAA,EAAA;AACrC,EAAA,MAAM,SAAS,SAAY,GAAA,CAAA;AAC3B,EAAM,MAAA,MAAA,GAAS,SAAS,SAAY,GAAA,CAAA;AAEpC,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAO,MAAS,GAAA,CAAA;AAAA,MAChB,QAAQ,MAAS,GAAA,CAAA;AAAA,MACjB,SAAS,CAAO,IAAA,EAAA,MAAA,GAAS,CAAC,CAAA,CAAA,EAAI,SAAS,CAAC,CAAA,CAAA;AAAA,MACxC,IAAK,EAAA,MAAA;AAAA,MACL,WAAa,EAAA,SAAA;AAAA,MAEb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAW,MAAO,CAAA,UAAA;AAAA,YAClB,EAAI,EAAA,MAAA;AAAA,YACJ,EAAI,EAAA,MAAA;AAAA,YACJ,CAAG,EAAA,MAAA;AAAA,YACH,WAAa,EAAA;AAAA;AAAA,SACf;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAW,MAAO,CAAA,MAAA;AAAA,YAClB,EAAI,EAAA,MAAA;AAAA,YACJ,EAAI,EAAA,MAAA;AAAA,YACJ,CAAA,EAAG,SAAS,WAAc,GAAA,CAAA;AAAA,YAC1B;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAW,MAAO,CAAA,MAAA;AAAA,YAClB,EAAI,EAAA,MAAA;AAAA,YACJ,EAAI,EAAA,MAAA;AAAA,YACJ,CAAA,EAAG,MAAS,GAAA,SAAA,GAAY,WAAc,GAAA,CAAA;AAAA,YACtC;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,MAAA;AAAA,YACA,MAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAU,QAAY,IAAA;AAAA;AAAA;AACxB;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from '../DonutChart.module.scss.mjs';
+import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.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;
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: center,
+        cy: center,
+        r: radius,
+        strokeDasharray: `${circumference} ${circumference}`,
+        strokeDashoffset: circumference - segmentPercent / 100 * circumference,
+        stroke: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,
+        transform: `rotate(${ -90 + currentRotationOffset} ${center} ${center})`
+      }
+    );
+  });
+};
+
+export { DonutChartFill };
+//# sourceMappingURL=DonutChartFill.mjs.map

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

@@ -0,0 +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\";\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    return (\n      <circle\n        cx={center}\n        cy={center}\n        r={radius}\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={\n          circumference - (segmentPercent / 100) * circumference\n        }\n        stroke={`var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`}\n        transform={`rotate(${-90 + currentRotationOffset} ${center} ${center})`}\n      />\n    );\n  });\n};\n"],"names":[],"mappings":";;;;AAYa,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,GAAQ,GAAG,MAAQ,EAAA,QAAA,EAAU,UAAa,GAAA,KAAA;AAE1D,EAAM,MAAA,aAAA,GAAgB,CAAI,GAAA,MAAA,GAAS,IAAK,CAAA,EAAA;AAExC,EAAM,MAAA,OAAA,GAAW,MAAM,QAAY,GAAA,KAAA;AAEnC,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,EAAI,EAAA,MAAA;AAAA,QACJ,EAAI,EAAA,MAAA;AAAA,QACJ,CAAG,EAAA,MAAA;AAAA,QACH,eAAiB,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EAAkB,aAAiB,GAAA,OAAA,GAAU,GAAO,GAAA,aAAA;AAAA,QACpD,SAAW,EAAA,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AAAA;AAAA,KAC3C;AAAA;AAIJ,EAAA,IAAI,cAAiB,GAAA,CAAA;AAErB,EAAA,OAAO,QAAS,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAAM,KAAA;AAC5B,IAAM,MAAA,cAAA,GAAkB,GAAM,GAAA,QAAA,GAAY,CAAE,CAAA,KAAA;AAE5C,IAAA,MAAM,qBAAwB,GAAA,cAAA;AAE9B,IAAiB,cAAA,GAAA,cAAA,GAAkB,MAAM,GAAO,GAAA,cAAA;AAEhD,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,MAAA;AAAA,QACJ,EAAI,EAAA,MAAA;AAAA,QACJ,CAAG,EAAA,MAAA;AAAA,QACH,eAAiB,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAAA,QAClD,gBAAA,EACE,aAAiB,GAAA,cAAA,GAAiB,GAAO,GAAA,aAAA;AAAA,QAE3C,QAAQ,CAA6B,0BAAA,EAAA,CAAA,CAAE,KAAS,IAAA,0BAAA,CAA2B,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,QAC7E,WAAW,CAAU,OAAA,EAAA,IAAA,GAAM,qBAAqB,CAAI,CAAA,EAAA,MAAM,IAAI,MAAM,CAAA,CAAA;AAAA;AAAA,KACtE;AAAA,GAEH,CAAA;AACH;;;;"}

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

@@ -0,0 +1,30 @@
+"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 { LegendItem } from '../../Legend/components/LegendItem/LegendItem.mjs';
+import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.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})`
+      }
+    );
+  }) });
+};
+
+export { DonutChartLegend };
+//# sourceMappingURL=DonutChartLegend.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartLegend.mjs","sources":["../../../../../../../src/components/DonutChart/components/DonutChartLegend.tsx"],"sourcesContent":["import styles from \"../DonutChart.module.scss\";\nimport React, { 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            color={s.color ?? getCategoricalColorByIndex(i)}\n          >{`${s.title} (${s.valueText ?? formattedValue})`}</LegendItem>\n        );\n      })}\n    </Legend>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,gBAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAY,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEhD,EAAM,MAAA,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAI,IAAA,CAAC,QAAY,IAAA,CAAC,UAAY,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA,CAAC,UAAO,SAAW,EAAA,MAAA,CAAO,QACvB,QAAS,EAAA,QAAA,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAAM,KAAA;AACtB,IAAM,MAAA,cAAA,GAAiB,gBACnB,SAAU,CAAA,MAAA,CAAO,EAAE,KAAK,CAAA,GACxB,CAAG,EAAA,CAAA,CAAE,KAAK,CAAA,EAAA,CAAA;AAEd,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,CAAA,CAAE,KAAS,IAAA,0BAAA,CAA2B,CAAC,CAAA;AAAA,QAC9C,aAAG,CAAE,CAAA,KAAK,CAAK,EAAA,EAAA,CAAA,CAAE,aAAa,cAAc,CAAA,CAAA;AAAA;AAAA,KAAI;AAAA,GAErD,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from '../DonutChart.module.scss.mjs';
+import 'react';
+import { useNumberFormatter } from 'react-aria';
+
+const DonutChartValue = (props) => {
+  const { value = 0, formatOptions, children } = props;
+  const formatter = useNumberFormatter(formatOptions);
+  if (children) {
+    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("b", { children: formattedValue }) });
+};
+
+export { DonutChartValue };
+//# sourceMappingURL=DonutChartValue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartValue.mjs","sources":["../../../../../../../src/components/DonutChart/components/DonutChartValue.tsx"],"sourcesContent":["import styles from \"../DonutChart.module.scss\";\nimport React, { 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) {\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      <b>{formattedValue}</b>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,eAAA,GAA6B,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAG,EAAA,aAAA,EAAe,UAAa,GAAA,KAAA;AAE/C,EAAM,MAAA,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA,CAAA;AAAA;AAGlD,EAAA,MAAM,iBAAiB,aAAgB,GAAA,SAAA,CAAU,OAAO,KAAK,CAAA,GAAI,GAAG,KAAK,CAAA,EAAA,CAAA;AAEzE,EACE,uBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,OACtB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,0BAAe,CACrB,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/ProgressBar/ProgressBar.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
 import 'react';
 import styles from './ProgressBar.module.scss.mjs';
@@ -41,7 +41,7 @@ const ProgressBar = flowComponent("ProgressBar", (props) => {
     }
   };
   const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     Aria.ProgressBar,
     {
       className: rootClassName,
@@ -79,7 +79,7 @@ const ProgressBar = flowComponent("ProgressBar", (props) => {
         )
       ] })
     }
-  ) });
+  );
 });
 
 export { ProgressBar, ProgressBar as default };

package/dist/js/components/src/components/ProgressBar/ProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColors } from \"@/lib/tokens/CategoricalColors\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus,\n    FlowComponentProps {\n  /** Whether the max value should be displayed. */\n  showMaxValue?: boolean;\n  /** The size variant of the progress bar. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Divides the fill of the progress bar into segments */\n  segments?: {\n    value: number;\n    title: string;\n    color?: CategoricalColors;\n    valueText?: string;\n  }[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar = flowComponent(\"ProgressBar\", (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    showMaxValue,\n    size = \"m\",\n    segments,\n    value,\n    formatOptions,\n    showLegend = true,\n    maxValue,\n    valueLabel,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  return (\n    <>\n      <Aria.ProgressBar\n        className={rootClassName}\n        value={segmentsTotalValue ?? value}\n        formatOptions={formatOptions}\n        maxValue={maxValue}\n        {...rest}\n      >\n        {({ percentage }) => (\n          <PropsContextProvider props={propsContext}>\n            {children}\n\n            <ProgressBarValue\n              showMaxValue={showMaxValue}\n              maxValue={maxValue}\n              formatOptions={formatOptions}\n              value={segmentsTotalValue ?? value}\n              valueLabel={valueLabel}\n            />\n\n            <ProgressBarBar\n              percentage={percentage}\n              segmentsTotalValue={segmentsTotalValue}\n              segments={segments}\n            />\n\n            <ProgressBarLegend\n              showLegend={showLegend}\n              segments={segments}\n              formatOptions={formatOptions}\n            />\n          </PropsContextProvider>\n        )}\n      </Aria.ProgressBar>\n    </>\n  );\n});\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2CO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAa,GAAA,IAAA;AAAA,IACb,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QACvB,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CACtD,GAAA,MAAA;AAEJ,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,OAAO,kBAAsB,IAAA,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,WAAC,EAAE,UAAA,uBACD,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAED,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,aAAA;AAAA,YACA,OAAO,kBAAsB,IAAA,KAAA;AAAA,YAC7B;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAGN,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColors } from \"@/lib/tokens/CategoricalColors\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus,\n    FlowComponentProps {\n  /** Whether the max value should be displayed. */\n  showMaxValue?: boolean;\n  /** The size variant of the progress bar. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Divides the fill of the progress bar into segments */\n  segments?: {\n    value: number;\n    title: string;\n    color?: CategoricalColors;\n    valueText?: string;\n  }[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar = flowComponent(\"ProgressBar\", (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    showMaxValue,\n    size = \"m\",\n    segments,\n    value,\n    formatOptions,\n    showLegend = true,\n    maxValue,\n    valueLabel,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  return (\n    <Aria.ProgressBar\n      className={rootClassName}\n      value={segmentsTotalValue ?? value}\n      formatOptions={formatOptions}\n      maxValue={maxValue}\n      {...rest}\n    >\n      {({ percentage }) => (\n        <PropsContextProvider props={propsContext}>\n          {children}\n\n          <ProgressBarValue\n            showMaxValue={showMaxValue}\n            maxValue={maxValue}\n            formatOptions={formatOptions}\n            value={segmentsTotalValue ?? value}\n            valueLabel={valueLabel}\n          />\n\n          <ProgressBarBar\n            percentage={percentage}\n            segmentsTotalValue={segmentsTotalValue}\n            segments={segments}\n          />\n\n          <ProgressBarLegend\n            showLegend={showLegend}\n            segments={segments}\n            formatOptions={formatOptions}\n          />\n        </PropsContextProvider>\n      )}\n    </Aria.ProgressBar>\n  );\n});\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2CO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAa,GAAA,IAAA;AAAA,IACb,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QACvB,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CACtD,GAAA,MAAA;AAEJ,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,OAAO,kBAAsB,IAAA,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,WAAC,EAAE,UAAA,uBACD,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAED,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,aAAA;AAAA,YACA,OAAO,kBAAsB,IAAA,KAAA;AAAA,YAC7B;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAEJ;AAEJ,CAAC;;;;"}

package/dist/js/default.mjs

@@ -42,6 +42,7 @@ export { CounterBadge } from './components/src/components/CounterBadge/CounterBa
 export { DatePicker } from './components/src/components/DatePicker/DatePicker.mjs';
 export { DateRangePicker } from './components/src/components/DateRangePicker/DateRangePicker.mjs';
 export { Div } from './components/src/components/Div/Div.mjs';
+export { DonutChart } from './components/src/components/DonutChart/DonutChart.mjs';
 export { FieldDescription } from './components/src/components/FieldDescription/FieldDescription.mjs';
 export { FieldError } from './components/src/components/FieldError/FieldError.mjs';
 export { FileCard } from './components/src/components/FileCard/FileCard.mjs';

package/dist/js/default.mjs.map

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

package/dist/types/components/DonutChart/DonutChart.d.ts

@@ -0,0 +1,27 @@
+import { FC, PropsWithChildren } from 'react';
+import { PropsWithStatus } from '../../lib/types/props';
+import { CategoricalColors } from '../../lib/tokens/CategoricalColors';
+import * as Aria from "react-aria-components";
+export interface DonutChartSegment {
+    value: number;
+    title: string;
+    color?: CategoricalColors;
+    valueText?: string;
+}
+export interface DonutChartProps extends Omit<Aria.ProgressBarProps, "children" | "valueLabel">, PropsWithStatus, PropsWithChildren {
+    /** The size variant of the donut chart. @default "m" */
+    size?: "m" | "l";
+    /** Divides the fill of the donut chart into segments */
+    segments?: DonutChartSegment[];
+    /**
+     * Whether the legend component is shown when segments are used. @default:
+     * true
+     */
+    showLegend?: boolean;
+    /** The position of the legend. @default "right" */
+    legendPosition?: "top" | "left" | "bottom" | "right";
+}
+/** @flr-generate all */
+export declare const DonutChart: FC<DonutChartProps>;
+export default DonutChart;
+//# sourceMappingURL=DonutChart.d.ts.map

package/dist/types/components/DonutChart/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../src/components/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAMxE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,YAAY,CAAC,EAC5D,eAAe,EACf,iBAAiB;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtD;AAED,wBAAwB;AACxB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0D1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/components/DonutChart/components/Donut.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DonutChartProps } from '..';
+interface Props extends Pick<DonutChartProps, "segments" | "size" | "maxValue"> {
+    value?: number;
+}
+export declare const Donut: FC<Props>;
+export {};
+//# sourceMappingURL=Donut.d.ts.map

package/dist/types/components/DonutChart/components/Donut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/components/Donut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,UAAU,KACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CAiD3B,CAAC"}

package/dist/types/components/DonutChart/components/DonutChartFill.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { DonutChartProps } from '..';
+interface Props extends Pick<DonutChartProps, "segments"> {
+    center: number;
+    value?: number;
+    radius: number;
+    maxValue: number;
+}
+export declare const DonutChartFill: FC<Props>;
+export {};
+//# sourceMappingURL=DonutChartFill.d.ts.map

package/dist/types/components/DonutChart/components/DonutChartFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartFill.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/components/DonutChartFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,UAAU,KAAM,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA4CpC,CAAC"}

package/dist/types/components/DonutChart/components/DonutChartLegend.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { DonutChartProps } from '..';
+type Props = Pick<DonutChartProps, "segments" | "showLegend" | "formatOptions">;
+export declare const DonutChartLegend: FC<Props>;
+export {};
+//# sourceMappingURL=DonutChartLegend.d.ts.map

package/dist/types/components/DonutChart/components/DonutChartLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartLegend.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/components/DonutChartLegend.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,KAAK,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAwBtC,CAAC"}

package/dist/types/components/DonutChart/components/DonutChartValue.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DonutChartProps } from '..';
+interface Props extends Pick<DonutChartProps, "formatOptions" | "children"> {
+    value?: number;
+}
+export declare const DonutChartValue: FC<Props>;
+export {};
+//# sourceMappingURL=DonutChartValue.d.ts.map

package/dist/types/components/DonutChart/components/DonutChartValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/components/DonutChartValue.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,UAAU,KAAM,SAAQ,IAAI,CAAC,eAAe,EAAE,eAAe,GAAG,UAAU,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAgBrC,CAAC"}

package/dist/types/components/DonutChart/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './DonutChart';
+export { type DonutChartProps, type DonutChartSegment, DonutChart, } from './DonutChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/DonutChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DonutChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,UAAU,GACX,MAAM,cAAc,CAAC"}

package/dist/types/components/DonutChart/stories/Default.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DonutChart } from '../index';
+declare const meta: Meta<typeof DonutChart>;
+export default meta;
+type Story = StoryObj<typeof DonutChart>;
+export declare const Default: Story;
+export declare const WithUnit: Story;
+export declare const WithSegments: Story;
+export declare const WithLegend: Story;
+export declare const WithTextValue: Story;
+//# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/DonutChart/stories/Default.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC"}

package/dist/types/components/DonutChart/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DonutChart } from '..';
+declare const meta: Meta<typeof DonutChart>;
+export default meta;
+type Story = StoryObj<typeof DonutChart>;
+export declare const LongValue: Story;
+export declare const LongChildrenContent: Story;
+//# sourceMappingURL=EdgeCases.stories.d.ts.map

package/dist/types/components/DonutChart/stories/EdgeCases.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeCases.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonutChart/stories/EdgeCases.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC"}

package/dist/types/components/DonutChart/view.d.ts

@@ -0,0 +1,8 @@
+import { DonutChart } from './DonutChart';
+import { ViewComponent } from '../../lib/viewComponentContext';
+declare global {
+    interface FlowViewComponents {
+        DonutChart: ViewComponent<typeof DonutChart>;
+    }
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/types/components/DonutChart/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/components/DonutChart/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,UAAU,EAAE,aAAa,CAAC,OAAO,UAAU,CAAC,CAAC;KAC9C;CACF"}

package/dist/types/components/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,eAAe,EACf,kBAAkB;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,iFAuEtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,eAAe,EACf,kBAAkB;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,iFAqEtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/types/components/public.d.ts

@@ -34,6 +34,7 @@ export * from './CounterBadge';
 export * from './DatePicker';
 export * from './DateRangePicker';
 export * from './Div';
+export * from './DonutChart';
 export * from './FieldDescription';
 export * from './FieldError';
 export * from './FileCard';

package/dist/types/components/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/components/public.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/components/public.ts"],"names":[],"mappings":"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"}

package/dist/types/views/DonutChartView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DonutChartProps } from '../components/DonutChart';
+declare const DonutChartView: FC<DonutChartProps>;
+export default DonutChartView;
+//# sourceMappingURL=DonutChartView.d.ts.map

package/dist/types/views/DonutChartView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartView.d.ts","sourceRoot":"","sources":["../../../src/views/DonutChartView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG3E,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAGvC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.274",
+  "version": "0.2.0-alpha.275",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "^2.1.4",
-    "@mittwald/react-tunnel": "0.2.0-alpha.274",
+    "@mittwald/react-tunnel": "0.2.0-alpha.275",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.16",
     "@react-aria/utils": "^3.29.0",
@@ -99,7 +99,7 @@
     "@faker-js/faker": "^9.8.0",
     "@internationalized/date": "^3.8.1",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.274",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.275",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -181,5 +181,5 @@
       "optional": true
     }
   },
-  "gitHead": "4d4c8c798032ddca54eb263eb636d89c887d2d6a"
+  "gitHead": "c37dee7aa0010982e7780fab60fa26746664e698"
 }