@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

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,68 +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 } = 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
-          }
-        )
-      ]
-    }
-  ) });
+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 } = 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":";;;;AAYO,MAAM,KAAA,GAAmB,CAAC,KAAA,KAAU;AACzC,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAA,EAAG,QAAA,EAAU,IAAA,EAAM,UAAS,GAAI,KAAA;AAEhD,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;AAEpC,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;AAAA,YACA,QAAA;AAAA,YACA,UAAU,QAAA,IAAY;AAAA;AAAA;AACxB;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 { 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})`
-      },
-      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 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            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 React, { 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,18 +1,23 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-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

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

@@ -1 +1 @@
-{"version":3,"file":"EmulatedBoldText.mjs","sources":["../../../../../../../src/components/EmulatedBoldText/EmulatedBoldText.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./EmulatedBoldText.module.scss\";\nimport clsx from \"clsx\";\n\nexport type EmulatedBoldTextProps = PropsWithChildren<ComponentProps<\"span\">>;\n\nexport const EmulatedBoldText: FC<EmulatedBoldTextProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.emulatedBoldText, className);\n\n  return (\n    <span className={rootClassName} {...rest}>\n      {children}\n      <span aria-hidden=\"true\" className={styles.boldText}>\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport default EmulatedBoldText;\n"],"names":[],"mappings":";;;;;AAOO,MAAM,gBAAA,GAA8C,CAAC,KAAA,KAAU;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB,SAAS,CAAA;AAE7D,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACjC,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAW,MAAA,CAAO,UACxC,QAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EmulatedBoldText.mjs","names":[],"sources":["../../../../../../../src/components/EmulatedBoldText/EmulatedBoldText.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport styles from \"./EmulatedBoldText.module.scss\";\nimport clsx from \"clsx\";\n\nexport type EmulatedBoldTextProps = PropsWithChildren<ComponentProps<\"span\">>;\n\nexport const EmulatedBoldText: FC<EmulatedBoldTextProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.emulatedBoldText, className);\n\n  return (\n    <span className={rootClassName} {...rest}>\n      {children}\n      <span aria-hidden=\"true\" className={styles.boldText}>\n        {children}\n      </span>\n    </span>\n  );\n};\n\nexport default EmulatedBoldText;\n"],"mappings":";;;;;;AAMA,IAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,gBAAgB,KAAK,gCAAO,kBAAkB,SAAS;CAE7D,OACE,qBAAC,QAAD;EAAM,WAAW;EAAe,GAAI;EAApC,UAAA,CACG,UACD,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAW,gCAAO;GACxC;EACG,CAAA,CACF;;AAEV"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/EmulatedBoldText/EmulatedBoldText.module.scss
+var emulatedBoldText = "flow--emulated-bold-text";
+var boldText = "flow--emulated-bold-text--bold-text";
+var EmulatedBoldText_module_default = {
+	emulatedBoldText,
+	boldText
+};
+//#endregion
+export { boldText, EmulatedBoldText_module_default as default, emulatedBoldText };
+
+//# sourceMappingURL=EmulatedBoldText.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmulatedBoldText.module.mjs","names":[],"sources":["../../../../../../../src/components/EmulatedBoldText/EmulatedBoldText.module.scss"],"sourcesContent":[".emulatedBoldText {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  width: fit-content;\n\n  .boldText {\n    font-weight: var(--font-weight--bold);\n    height: 0;\n    line-height: 0;\n    visibility: hidden;\n    overflow-y: clip;\n  }\n}\n"],"mappings":""}

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

@@ -1,16 +1,24 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from './FieldDescription.module.scss.mjs';
-import clsx from 'clsx';
-import { Text } from '../Text/Text.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const FieldDescription = flowComponent("FieldDescription", (props) => {
-  const { children, className, ref, ...rest } = props;
-  const rootClassName = clsx(styles.fieldDescription, className);
-  return /* @__PURE__ */ jsx(Text, { slot: "description", ...rest, className: rootClassName, ref, children });
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { Text } from "../Text/Text.mjs";
+import FieldDescription_module_default from "./FieldDescription.module.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/FieldDescription/FieldDescription.tsx
+/** @flr-generate all */
+var FieldDescription = flowComponent("FieldDescription", (props) => {
+	const { children, className, ref, ...rest } = props;
+	const rootClassName = clsx(FieldDescription_module_default.fieldDescription, className);
+	return /* @__PURE__ */ jsx(Text, {
+		slot: "description",
+		...rest,
+		className: rootClassName,
+		ref,
+		children
+	});
 });
-
+//#endregion
 export { FieldDescription, FieldDescription as default };
-//# sourceMappingURL=FieldDescription.mjs.map
+
+//# sourceMappingURL=FieldDescription.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDescription.mjs","sources":["../../../../../../../src/components/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import styles from \"./FieldDescription.module.scss\";\nimport clsx from \"clsx\";\nimport type { TextProps } from \"@/components/Text\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldDescriptionProps extends TextProps, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const FieldDescription = flowComponent(\"FieldDescription\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.fieldDescription, className);\n\n  return (\n    <Text slot=\"description\" {...rest} className={rootClassName} ref={ref}>\n      {children}\n    </Text>\n  );\n});\n\nexport default FieldDescription;\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,gBAAA,GAAmB,aAAA,CAAc,kBAAA,EAAoB,CAAC,KAAA,KAAU;AAC3E,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB,SAAS,CAAA;AAE7D,EAAA,uBACE,GAAA,CAAC,QAAK,IAAA,EAAK,aAAA,EAAe,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EAC1D,QAAA,EACH,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"FieldDescription.mjs","names":[],"sources":["../../../../../../../src/components/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import styles from \"./FieldDescription.module.scss\";\nimport clsx from \"clsx\";\nimport type { TextProps } from \"@/components/Text\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldDescriptionProps extends TextProps, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const FieldDescription = flowComponent(\"FieldDescription\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.fieldDescription, className);\n\n  return (\n    <Text slot=\"description\" {...rest} className={rootClassName} ref={ref}>\n      {children}\n    </Text>\n  );\n});\n\nexport default FieldDescription;\n"],"mappings":";;;;;;;;;AAUA,IAAa,mBAAmB,cAAc,qBAAqB,UAAU;CAC3E,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,gCAAO,kBAAkB,SAAS;CAE7D,OACE,oBAAC,MAAD;EAAM,MAAK;EAAc,GAAI;EAAM,WAAW;EAAoB;EAC/D;CACG,CAAA;AAEV,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/FieldDescription/FieldDescription.module.scss
+var fieldDescription = "flow--field-description";
+var FieldDescription_module_default = { fieldDescription };
+//#endregion
+export { FieldDescription_module_default as default, fieldDescription };
+
+//# sourceMappingURL=FieldDescription.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.module.mjs","names":[],"sources":["../../../../../../../src/components/FieldDescription/FieldDescription.module.scss"],"sourcesContent":[".fieldDescription {\n  font-size: var(--field-description--font-size);\n}\n"],"mappings":""}