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

package/dist/js/packages/components/src/components/Popover/components/PopoverTrigger/PopoverTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.mjs","sources":["../../../../../../../../../src/components/Popover/components/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type PopoverTriggerProps = OverlayTriggerProps;\n\nexport const PopoverTrigger = flowComponent(\n  \"PopoverTrigger\",\n  (props) => {\n    const { children, ...triggerProps } = props;\n    return (\n      <OverlayTrigger\n        overlayType=\"Popover\"\n        {...triggerProps}\n        component={DialogTriggerView}\n      >\n        {children}\n      </OverlayTrigger>\n    );\n  },\n  { type: \"provider\" },\n);\n\nexport default PopoverTrigger;\n"],"names":[],"mappings":";;;;;AAOO,MAAM,cAAA,GAAiB,aAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAY,SAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,SAAA,EAAW,iBAAA;AAAA,QAEV;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,UAAA;AACV;;;;"}
+{"version":3,"file":"PopoverTrigger.mjs","names":[],"sources":["../../../../../../../../../src/components/Popover/components/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type PopoverTriggerProps = OverlayTriggerProps;\n\nexport const PopoverTrigger = flowComponent(\n  \"PopoverTrigger\",\n  (props) => {\n    const { children, ...triggerProps } = props;\n    return (\n      <OverlayTrigger\n        overlayType=\"Popover\"\n        {...triggerProps}\n        component={DialogTriggerView}\n      >\n        {children}\n      </OverlayTrigger>\n    );\n  },\n  { type: \"provider\" },\n);\n\nexport default PopoverTrigger;\n"],"mappings":";;;;;;;AAOA,IAAa,iBAAiB,cAC5B,mBACC,UAAU;CACT,MAAM,EAAE,UAAU,GAAG,iBAAiB;CACtC,OACE,oBAAC,gBAAD;EACE,aAAY;EACZ,GAAI;EACJ,WAAW;EAEV;CACa,CAAA;AAEpB,GACA,EAAE,MAAM,WAAW,CACrB"}

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

@@ -1,83 +1,56 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import styles from './ProgressBar.module.scss.mjs';
-import clsx from 'clsx';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { ProgressBarValue } from './components/ProgressBarValue.mjs';
-import { ProgressBarBar } from './components/ProgressBarBar.mjs';
-import { ProgressBarLegend } from './components/ProgressBarLegend.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const ProgressBar = flowComponent("ProgressBar", (props) => {
-  const {
-    children,
-    className,
-    status = "info",
-    showMaxValue,
-    size = "m",
-    segments,
-    value,
-    formatOptions,
-    showLegend = true,
-    maxValue,
-    valueLabel,
-    ...rest
-  } = props;
-  const rootClassName = clsx(
-    styles.progressBar,
-    styles[`size-${size}`],
-    styles[status],
-    className
-  );
-  const propsContext = {
-    Label: {
-      className: styles.label,
-      unstyled: true
-    }
-  };
-  const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
-  return /* @__PURE__ */ jsx(
-    Aria.ProgressBar,
-    {
-      className: rootClassName,
-      value: segmentsTotalValue ?? value,
-      formatOptions,
-      maxValue,
-      ...rest,
-      children: ({ percentage }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
-        children,
-        /* @__PURE__ */ jsx(
-          ProgressBarValue,
-          {
-            showMaxValue,
-            maxValue,
-            formatOptions,
-            value: segmentsTotalValue ?? value,
-            valueLabel
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ProgressBarBar,
-          {
-            percentage,
-            segmentsTotalValue,
-            segments
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ProgressBarLegend,
-          {
-            showLegend,
-            segments,
-            formatOptions
-          }
-        )
-      ] })
-    }
-  );
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import ProgressBar_module_default from "./ProgressBar.module.mjs";
+import { ProgressBarValue } from "./components/ProgressBarValue.mjs";
+import { ProgressBarBar } from "./components/ProgressBarBar.mjs";
+import { ProgressBarLegend } from "./components/ProgressBarLegend.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/ProgressBar/ProgressBar.tsx
+/** @flr-generate all */
+var ProgressBar = flowComponent("ProgressBar", (props) => {
+	const { children, className, status = "info", showMaxValue, size = "m", segments, value, formatOptions, showLegend = true, maxValue, valueLabel, ...rest } = props;
+	const rootClassName = clsx(ProgressBar_module_default.progressBar, ProgressBar_module_default[`size-${size}`], ProgressBar_module_default[status], className);
+	const propsContext = { Label: {
+		className: ProgressBar_module_default.label,
+		unstyled: true
+	} };
+	const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
+	return /* @__PURE__ */ jsx(Aria.ProgressBar, {
+		className: rootClassName,
+		value: segmentsTotalValue ?? value,
+		formatOptions,
+		maxValue,
+		...rest,
+		children: ({ percentage }) => /* @__PURE__ */ jsxs(PropsContextProvider, {
+			props: propsContext,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ProgressBarValue, {
+					showMaxValue,
+					maxValue,
+					formatOptions,
+					value: segmentsTotalValue ?? value,
+					valueLabel
+				}),
+				/* @__PURE__ */ jsx(ProgressBarBar, {
+					percentage,
+					segmentsTotalValue,
+					segments
+				}),
+				/* @__PURE__ */ jsx(ProgressBarLegend, {
+					showLegend,
+					segments,
+					formatOptions
+				})
+			]
+		})
+	});
 });
+//#endregion
+export { ProgressBar, ProgressBar as default };
 
-export { ProgressBar };
-//# sourceMappingURL=ProgressBar.mjs.map
+//# sourceMappingURL=ProgressBar.mjs.map

package/dist/js/packages/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 styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\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 { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { Status } from \"@/lib/types/props\";\n\nexport interface ProgressBarProps\n  extends\n    PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    FlowComponentProps {\n  /** The status the progress bar is colored by. */\n  status?: Exclude<Status, \"unavailable\">;\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?: CategoricalWithCustomColor;\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/** @flr-generate all */\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    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n    className,\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":";;;;;;;;;;AAyCO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAA,GAAO,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,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB,OAAO,MAAM,CAAA;AAAA,IACb;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,MAAA,CAAO,KAAA;AAAA,MAClB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QAAA,GACvB,QAAA,CAAS,GAAA,CAAI,CAAC,MAAM,CAAA,CAAE,KAAK,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA,GACtD,MAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,OAAO,kBAAA,IAAsB,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC1B,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,kBAAA,IAAsB,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,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ProgressBar.mjs","names":[],"sources":["../../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\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 { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { Status } from \"@/lib/types/props\";\n\nexport interface ProgressBarProps\n  extends\n    PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    FlowComponentProps {\n  /** The status the progress bar is colored by. */\n  status?: Exclude<Status, \"unavailable\">;\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?: CategoricalWithCustomColor;\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/** @flr-generate all */\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    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n    className,\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"],"mappings":";;;;;;;;;;;;;AAyCA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EACJ,UACA,WACA,SAAS,QACT,cACA,OAAO,KACP,UACA,OACA,eACA,aAAa,MACb,UACA,YACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,2BAAO,aACP,2BAAO,QAAQ,SACf,2BAAO,SACP,SACF;CAEA,MAAM,eAA6B,EACjC,OAAO;EACL,WAAW,2BAAO;EAClB,UAAU;CACZ,EACF;CAEA,MAAM,qBAAqB,WACvB,SAAS,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC,IACtD,KAAA;CAEJ,OACE,oBAAC,KAAK,aAAN;EACE,WAAW;EACX,OAAO,sBAAsB;EACd;EACL;EACV,GAAI;EAEF,WAAA,EAAE,iBACF,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA;IACG;IAED,oBAAC,kBAAD;KACgB;KACJ;KACK;KACf,OAAO,sBAAsB;KACjB;IACb,CAAA;IAED,oBAAC,gBAAD;KACc;KACQ;KACV;IACX,CAAA;IAED,oBAAC,mBAAD;KACc;KACF;KACK;IAChB,CAAA;GACmB;;CAER,CAAA;AAEtB,CAAC"}

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

@@ -0,0 +1,32 @@
+"use client"
+/* */
+//#region src/components/ProgressBar/ProgressBar.module.scss
+var progressBar = "flow--progress-bar";
+var legend = "flow--progress-bar--legend";
+var label = "flow--progress-bar--label";
+var value = "flow--progress-bar--value";
+var bar = "flow--progress-bar--bar";
+var fill = "flow--progress-bar--fill";
+var info = "flow--progress-bar--info";
+var success = "flow--progress-bar--success";
+var danger = "flow--progress-bar--danger";
+var warning = "flow--progress-bar--warning";
+var ProgressBar_module_default = {
+	progressBar,
+	legend,
+	label,
+	value,
+	bar,
+	fill,
+	"size-s": "flow--progress-bar--size-s",
+	"size-m": "flow--progress-bar--size-m",
+	"size-l": "flow--progress-bar--size-l",
+	info,
+	success,
+	danger,
+	warning
+};
+//#endregion
+export { bar, danger, ProgressBar_module_default as default, fill, info, label, legend, progressBar, success, value, warning };
+
+//# sourceMappingURL=ProgressBar.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.module.mjs","names":[],"sources":["../../../../../../../src/components/ProgressBar/ProgressBar.module.scss"],"sourcesContent":[".progressBar {\n  display: grid;\n  grid-template-areas:\n    \"label value\"\n    \"bar bar\";\n  grid-template-columns: 1fr auto;\n  column-gap: var(--progress-bar--spacing-x);\n  width: 100%;\n  font-size: var(--progress-bar--font-size);\n\n  @extend .size-m;\n  @extend .info;\n\n  &:has(.legend) {\n    grid-template-areas:\n      \"label value\"\n      \"bar bar\"\n      \"legend legend\";\n  }\n\n  /* Elements */\n\n  .label {\n    grid-area: label;\n  }\n\n  .value {\n    grid-area: value;\n    font-weight: var(--progress-bar--value-font-weight);\n  }\n\n  .bar {\n    grid-area: bar;\n    border-radius: var(--progress-bar--corner-radius);\n    background-color: var(--progress-bar--background-color);\n    box-shadow: inset 0 0 0 var(--progress-bar--border-width)\n      var(--progress-bar--border-color);\n    overflow: hidden;\n    margin-top: var(--progress-bar--spacing-y);\n  }\n\n  .fill {\n    height: 100%;\n    display: flex;\n  }\n\n  .legend {\n    grid-area: legend;\n    margin-top: var(--progress-bar--spacing-bar-to-legend);\n  }\n\n  /* Size */\n\n  &.size-s {\n    font-size: var(--progress-bar--font-size-s);\n  }\n\n  /* Sizes */\n\n  @mixin size($size) {\n    &.size-#{$size} {\n      .bar {\n        height: var(--progress-bar--height--#{$size});\n      }\n    }\n  }\n\n  @include size(s);\n  @include size(m);\n  @include size(l);\n\n  /* Variants */\n\n  @mixin status($status) {\n    &.#{$status} {\n      .fill {\n        background: var(--progress-bar--#{$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"],"mappings":""}

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

@@ -1,30 +1,34 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from '../ProgressBar.module.scss.mjs';
-import 'react';
-import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.mjs';
-import { isCategoricalColor } from '../../../lib/tokens/isCategoricalColor.mjs';
-
-const ProgressBarBar = (props) => {
-  const { segments, segmentsTotalValue, percentage } = props;
-  const segmentFill = segmentsTotalValue && segments && segments?.length > 0 ? segments.map((s, i) => {
-    const backgroundColor = !s.color ? `var(--color--categorical--${getCategoricalColorByIndex(i)})` : isCategoricalColor(s.color) ? `var(--color--categorical--${s.color})` : s.color;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": true,
-        style: {
-          backgroundColor,
-          width: 100 / segmentsTotalValue * s.value + "%",
-          height: "100%"
-        }
-      },
-      s.title
-    );
-  }) : null;
-  return /* @__PURE__ */ jsx("div", { className: styles.bar, children: /* @__PURE__ */ jsx("div", { className: styles.fill, style: { width: percentage + "%" }, children: segmentFill }) });
+import { isCategoricalColor } from "../../../lib/tokens/isCategoricalColor.mjs";
+import ProgressBar_module_default from "../ProgressBar.module.mjs";
+import { getCategoricalColorByIndex } from "../../../lib/tokens/getCategoricalColorByIndex.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ProgressBar/components/ProgressBarBar.tsx
+var ProgressBarBar = (props) => {
+	const { segments, segmentsTotalValue, percentage } = props;
+	const segmentFill = segmentsTotalValue && segments && segments?.length > 0 ? segments.map((s, i) => {
+		const backgroundColor = !s.color ? `var(--color--categorical--${getCategoricalColorByIndex(i)})` : isCategoricalColor(s.color) ? `var(--color--categorical--${s.color})` : s.color;
+		return /* @__PURE__ */ jsx("div", {
+			"aria-hidden": true,
+			style: {
+				backgroundColor,
+				width: 100 / segmentsTotalValue * s.value + "%",
+				height: "100%"
+			}
+		}, s.title);
+	}) : null;
+	return /* @__PURE__ */ jsx("div", {
+		className: ProgressBar_module_default.bar,
+		children: /* @__PURE__ */ jsx("div", {
+			className: ProgressBar_module_default.fill,
+			style: { width: percentage + "%" },
+			children: segmentFill
+		})
+	});
 };
-
+//#endregion
 export { ProgressBarBar };
-//# sourceMappingURL=ProgressBarBar.mjs.map
+
+//# sourceMappingURL=ProgressBarBar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarBar.mjs","sources":["../../../../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport { type FC } from \"react\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\ninterface Props extends Pick<ProgressBarProps, \"segments\"> {\n  percentage?: number;\n  segmentsTotalValue?: number;\n}\n\nexport const ProgressBarBar: FC<Props> = (props) => {\n  const { segments, segmentsTotalValue, percentage } = props;\n\n  const segmentFill =\n    segmentsTotalValue && segments && segments?.length > 0\n      ? segments.map((s, i) => {\n          const backgroundColor = !s.color\n            ? `var(--color--categorical--${getCategoricalColorByIndex(i)})`\n            : isCategoricalColor(s.color)\n              ? `var(--color--categorical--${s.color})`\n              : s.color;\n\n          return (\n            <div\n              key={s.title}\n              aria-hidden\n              style={{\n                backgroundColor,\n                width: (100 / segmentsTotalValue) * s.value + \"%\",\n                height: \"100%\",\n              }}\n            />\n          );\n        })\n      : null;\n\n  return (\n    <div className={styles.bar}>\n      <div className={styles.fill} style={{ width: percentage + \"%\" }}>\n        {segmentFill}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,cAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,kBAAA,EAAoB,UAAA,EAAW,GAAI,KAAA;AAErD,EAAA,MAAM,WAAA,GACJ,kBAAA,IAAsB,QAAA,IAAY,QAAA,EAAU,MAAA,GAAS,IACjD,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM;AACrB,IAAA,MAAM,kBAAkB,CAAC,CAAA,CAAE,KAAA,GACvB,CAAA,0BAAA,EAA6B,2BAA2B,CAAC,CAAC,CAAA,CAAA,CAAA,GAC1D,kBAAA,CAAmB,EAAE,KAAK,CAAA,GACxB,6BAA6B,CAAA,CAAE,KAAK,MACpC,CAAA,CAAE,KAAA;AAER,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,aAAA,EAAW,IAAA;AAAA,QACX,KAAA,EAAO;AAAA,UACL,eAAA;AAAA,UACA,KAAA,EAAQ,GAAA,GAAM,kBAAA,GAAsB,CAAA,CAAE,KAAA,GAAQ,GAAA;AAAA,UAC9C,MAAA,EAAQ;AAAA;AACV,OAAA;AAAA,MANK,CAAA,CAAE;AAAA,KAOT;AAAA,EAEJ,CAAC,CAAA,GACD,IAAA;AAEN,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,GAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,aAAa,GAAA,EAAI,EAC3D,uBACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProgressBarBar.mjs","names":[],"sources":["../../../../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport { type FC } from \"react\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\ninterface Props extends Pick<ProgressBarProps, \"segments\"> {\n  percentage?: number;\n  segmentsTotalValue?: number;\n}\n\nexport const ProgressBarBar: FC<Props> = (props) => {\n  const { segments, segmentsTotalValue, percentage } = props;\n\n  const segmentFill =\n    segmentsTotalValue && segments && segments?.length > 0\n      ? segments.map((s, i) => {\n          const backgroundColor = !s.color\n            ? `var(--color--categorical--${getCategoricalColorByIndex(i)})`\n            : isCategoricalColor(s.color)\n              ? `var(--color--categorical--${s.color})`\n              : s.color;\n\n          return (\n            <div\n              key={s.title}\n              aria-hidden\n              style={{\n                backgroundColor,\n                width: (100 / segmentsTotalValue) * s.value + \"%\",\n                height: \"100%\",\n              }}\n            />\n          );\n        })\n      : null;\n\n  return (\n    <div className={styles.bar}>\n      <div className={styles.fill} style={{ width: percentage + \"%\" }}>\n        {segmentFill}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAWA,IAAa,kBAA6B,UAAU;CAClD,MAAM,EAAE,UAAU,oBAAoB,eAAe;CAErD,MAAM,cACJ,sBAAsB,YAAY,UAAU,SAAS,IACjD,SAAS,KAAK,GAAG,MAAM;EACrB,MAAM,kBAAkB,CAAC,EAAE,QACvB,6BAA6B,2BAA2B,CAAC,EAAE,KAC3D,mBAAmB,EAAE,KAAK,IACxB,6BAA6B,EAAE,MAAM,KACrC,EAAE;EAER,OACE,oBAAC,OAAD;GAEE,eAAA;GACA,OAAO;IACL;IACA,OAAQ,MAAM,qBAAsB,EAAE,QAAQ;IAC9C,QAAQ;GACV;EACD,GAPM,EAAE,KAOR;CAEL,CAAC,IACD;CAEN,OACE,oBAAC,OAAD;EAAK,WAAW,2BAAO;EACrB,UAAA,oBAAC,OAAD;GAAK,WAAW,2BAAO;GAAM,OAAO,EAAE,OAAO,aAAa,IAAI;GAC3D,UAAA;EACE,CAAA;CACF,CAAA;AAET"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarLegend.mjs","sources":["../../../../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ntype Props = Pick<\n  ProgressBarProps,\n  \"segments\" | \"showLegend\" | \"formatOptions\"\n>;\n\nexport const ProgressBarLegend: 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        <LegendItem\n          key={s.title}\n          color={s.color ?? getCategoricalColorByIndex(i)}\n        >{`${s.title} (${s.valueText ?? (formatOptions ? formatter.format(s.value) : `${s.value} %`)})`}</LegendItem>\n      ))}\n    </Legend>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,iBAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,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,qBAChB,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MAEC,KAAA,EAAO,CAAA,CAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAA;AAAA,MAC9C,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,EAAK,EAAE,SAAA,KAAc,aAAA,GAAgB,SAAA,CAAU,MAAA,CAAO,EAAE,KAAK,CAAA,GAAI,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,CAAA,CAAK,CAAA,CAAA;AAAA,KAAA;AAAA,IAFrF,CAAA,CAAE;AAAA,GAGV,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProgressBarLegend.mjs","names":[],"sources":["../../../../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ntype Props = Pick<\n  ProgressBarProps,\n  \"segments\" | \"showLegend\" | \"formatOptions\"\n>;\n\nexport const ProgressBarLegend: 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        <LegendItem\n          key={s.title}\n          color={s.color ?? getCategoricalColorByIndex(i)}\n        >{`${s.title} (${s.valueText ?? (formatOptions ? formatter.format(s.value) : `${s.value} %`)})`}</LegendItem>\n      ))}\n    </Legend>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAa,qBAAgC,UAAU;CACrD,MAAM,EAAE,UAAU,YAAY,kBAAkB;CAEhD,MAAM,YAAY,mBAAmB,aAAa;CAElD,IAAI,CAAC,YAAY,CAAC,YAChB,OAAO;CAGT,OACE,oBAAC,QAAD;EAAQ,WAAW,2BAAO;EACvB,UAAA,SAAS,KAAK,GAAG,MAChB,oBAAC,YAAD;GAEE,OAAO,EAAE,SAAS,2BAA2B,CAAC;GAC9C,UAAA,GAAG,EAAE,MAAM,IAAI,EAAE,cAAc,gBAAgB,UAAU,OAAO,EAAE,KAAK,IAAI,GAAG,EAAE,MAAM,KAAK;EAAe,GAFrG,EAAE,KAEmG,CAC7G;CACK,CAAA;AAEZ"}

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

@@ -1,26 +1,24 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from '../ProgressBar.module.scss.mjs';
-import 'react';
-import { useNumberFormatter, useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../_virtual/_.locale.json@162914df08c90e5e10d2f78b03d9d768.mjs';
-
-const ProgressBarValue = (props) => {
-  const {
-    showMaxValue,
-    maxValue,
-    value = 0,
-    formatOptions,
-    valueLabel
-  } = props;
-  const formatter = useNumberFormatter(formatOptions);
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const maxValueText = !showMaxValue || !maxValue ? void 0 : formatOptions ? formatter.format(maxValue) : `${maxValue} %`;
-  const valueText = formatOptions ? formatter.format(value) : `${value} %`;
-  const textWithMaxValue = `${valueText} ${stringFormatter.format("progressBar.of")} ${maxValueText}`;
-  return /* @__PURE__ */ jsx("span", { className: styles.value, children: valueLabel ?? (maxValueText ? textWithMaxValue : valueText) });
+import ProgressBar_module_default from "../ProgressBar.module.mjs";
+import __locale_default from "../../../../../../_virtual/_6.locale.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { useLocalizedStringFormatter, useNumberFormatter } from "react-aria";
+//#region src/components/ProgressBar/components/ProgressBarValue.tsx
+var ProgressBarValue = (props) => {
+	const { showMaxValue, maxValue, value = 0, formatOptions, valueLabel } = props;
+	const formatter = useNumberFormatter(formatOptions);
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	const maxValueText = !showMaxValue || !maxValue ? void 0 : formatOptions ? formatter.format(maxValue) : `${maxValue} %`;
+	const valueText = formatOptions ? formatter.format(value) : `${value} %`;
+	const textWithMaxValue = `${valueText} ${stringFormatter.format("progressBar.of")} ${maxValueText}`;
+	return /* @__PURE__ */ jsx("span", {
+		className: ProgressBar_module_default.value,
+		children: valueLabel ?? (maxValueText ? textWithMaxValue : valueText)
+	});
 };
-
+//#endregion
 export { ProgressBarValue };
-//# sourceMappingURL=ProgressBarValue.mjs.map
+
+//# sourceMappingURL=ProgressBarValue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarValue.mjs","sources":["../../../../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport { type FC, type ReactNode } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props extends Pick<\n  ProgressBarProps,\n  \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n> {\n  value?: number;\n  valueLabel?: ReactNode;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n  const {\n    showMaxValue,\n    maxValue,\n    value = 0,\n    formatOptions,\n    valueLabel,\n  } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const maxValueText =\n    !showMaxValue || !maxValue\n      ? undefined\n      : formatOptions\n        ? formatter.format(maxValue)\n        : `${maxValue} %`;\n\n  const valueText = formatOptions ? formatter.format(value) : `${value} %`;\n\n  const textWithMaxValue = `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`;\n\n  return (\n    <span className={styles.value}>\n      {valueLabel ?? (maxValueText ? textWithMaxValue : valueText)}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM;AAAA,IACJ,YAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,aAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,YAAA,GACJ,CAAC,YAAA,IAAgB,CAAC,QAAA,GACd,MAAA,GACA,aAAA,GACE,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA,GACzB,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAEnB,EAAA,MAAM,YAAY,aAAA,GAAgB,SAAA,CAAU,OAAO,KAAK,CAAA,GAAI,GAAG,KAAK,CAAA,EAAA,CAAA;AAEpE,EAAA,MAAM,gBAAA,GAAmB,GAAG,SAAS,CAAA,CAAA,EAAI,gBAAgB,MAAA,CAAO,gBAAgB,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA;AAEjG,EAAA,uBACE,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,OACrB,QAAA,EAAA,UAAA,KAAe,YAAA,GAAe,mBAAmB,SAAA,CAAA,EACpD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProgressBarValue.mjs","names":[],"sources":["../../../../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport { type FC, type ReactNode } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props extends Pick<\n  ProgressBarProps,\n  \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n> {\n  value?: number;\n  valueLabel?: ReactNode;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n  const {\n    showMaxValue,\n    maxValue,\n    value = 0,\n    formatOptions,\n    valueLabel,\n  } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const maxValueText =\n    !showMaxValue || !maxValue\n      ? undefined\n      : formatOptions\n        ? formatter.format(maxValue)\n        : `${maxValue} %`;\n\n  const valueText = formatOptions ? formatter.format(value) : `${value} %`;\n\n  const textWithMaxValue = `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`;\n\n  return (\n    <span className={styles.value}>\n      {valueLabel ?? (maxValueText ? textWithMaxValue : valueText)}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;AAcA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EACJ,cACA,UACA,QAAQ,GACR,eACA,eACE;CAEJ,MAAM,YAAY,mBAAmB,aAAa;CAElD,MAAM,kBAAkB,4BAA4B,gBAAO;CAE3D,MAAM,eACJ,CAAC,gBAAgB,CAAC,WACd,KAAA,IACA,gBACE,UAAU,OAAO,QAAQ,IACzB,GAAG,SAAS;CAEpB,MAAM,YAAY,gBAAgB,UAAU,OAAO,KAAK,IAAI,GAAG,MAAM;CAErE,MAAM,mBAAmB,GAAG,UAAU,GAAG,gBAAgB,OAAO,gBAAgB,EAAE,GAAG;CAErF,OACE,oBAAC,QAAD;EAAM,WAAW,2BAAO;EACrB,UAAA,eAAe,eAAe,mBAAmB;CAC9C,CAAA;AAEV"}

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

@@ -1,71 +1,70 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './RadioGroup.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { ColumnLayout } from '../ColumnLayout/ColumnLayout.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { useObjectRef } from '@react-aria/utils';
-import { useMakeFocusable } from '../../lib/hooks/dom/useMakeFocusable.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import { UiComponentTunnelExit } from '../UiComponentTunnel/UiComponentTunnelExit.mjs';
-
-const RadioGroup = flowComponent("RadioGroup", (props) => {
-  const { children, className, s, m, l, ref, ...rest } = props;
-  const {
-    FieldErrorView,
-    FieldErrorCaptureContext,
-    fieldProps,
-    fieldPropsContext
-  } = useFieldComponent(props, "RadioGroup");
-  const rootClassName = clsx(formFieldStyles.formField, className);
-  const propsContext = {
-    RadioButton: {
-      tunnel: {
-        id: "radioButtons",
-        component: "RadioGroup"
-      }
-    },
-    Radio: {
-      tunnel: {
-        id: "radios",
-        component: "RadioGroup"
-      }
-    },
-    ...fieldPropsContext
-  };
-  const localRadioRef = useObjectRef(ref);
-  useMakeFocusable(localRadioRef);
-  return /* @__PURE__ */ jsxs(
-    Aria.RadioGroup,
-    {
-      ...rest,
-      className: clsx(rootClassName, fieldProps.className),
-      ref: localRadioRef,
-      children: [
-        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
-          /* @__PURE__ */ jsx(ColumnLayout, { s, m, l, className: styles.radioGroup, children: /* @__PURE__ */ jsx(UiComponentTunnelExit, { id: "radioButtons", component: "RadioGroup" }) }),
-          /* @__PURE__ */ jsx(
-            ColumnLayout,
-            {
-              s: s ?? [1],
-              m: m ?? [1],
-              l: l ?? [1],
-              rowGap: "s",
-              className: styles.radioGroup,
-              children: /* @__PURE__ */ jsx(UiComponentTunnelExit, { id: "radios", component: "RadioGroup" })
-            }
-          ),
-          children
-        ] }) }),
-        /* @__PURE__ */ jsx(FieldErrorView, {})
-      ]
-    }
-  );
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import FormField_module_default from "../FormField/FormField.module.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import { ColumnLayout } from "../ColumnLayout/ColumnLayout.mjs";
+import { useMakeFocusable } from "../../lib/hooks/dom/useMakeFocusable.mjs";
+import RadioGroup_module_default from "./RadioGroup.module.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useObjectRef } from "@react-aria/utils";
+import * as Aria from "react-aria-components";
+//#region src/components/RadioGroup/RadioGroup.tsx
+/** @flr-generate all */
+var RadioGroup = flowComponent("RadioGroup", (props) => {
+	const { children, className, s, m, l, ref, ...rest } = props;
+	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props, "RadioGroup");
+	const rootClassName = clsx(FormField_module_default.formField, className);
+	const propsContext = {
+		RadioButton: { tunnel: {
+			id: "radioButtons",
+			component: "RadioGroup"
+		} },
+		Radio: { tunnel: {
+			id: "radios",
+			component: "RadioGroup"
+		} },
+		...fieldPropsContext
+	};
+	const localRadioRef = useObjectRef(ref);
+	useMakeFocusable(localRadioRef);
+	return /* @__PURE__ */ jsxs(Aria.RadioGroup, {
+		...rest,
+		className: clsx(rootClassName, fieldProps.className),
+		ref: localRadioRef,
+		children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, {
+			props: propsContext,
+			children: [
+				/* @__PURE__ */ jsx(ColumnLayout, {
+					s,
+					m,
+					l,
+					className: RadioGroup_module_default.radioGroup,
+					children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+						id: "radioButtons",
+						component: "RadioGroup"
+					})
+				}),
+				/* @__PURE__ */ jsx(ColumnLayout, {
+					s: s ?? [1],
+					m: m ?? [1],
+					l: l ?? [1],
+					rowGap: "s",
+					className: RadioGroup_module_default.radioGroup,
+					children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+						id: "radios",
+						component: "RadioGroup"
+					})
+				}),
+				children
+			]
+		}) }), /* @__PURE__ */ jsx(FieldErrorView, {})]
+	});
 });
+//#endregion
+export { RadioGroup, RadioGroup as default };
 
-export { RadioGroup };
-//# sourceMappingURL=RadioGroup.mjs.map
+//# sourceMappingURL=RadioGroup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sources":["../../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface RadioGroupProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props, \"RadioGroup\");\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n  const propsContext: PropsContext = {\n    RadioButton: {\n      tunnel: {\n        id: \"radioButtons\",\n        component: \"RadioGroup\",\n      },\n    },\n    Radio: {\n      tunnel: {\n        id: \"radios\",\n        component: \"RadioGroup\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const localRadioRef = useObjectRef(ref);\n  useMakeFocusable(localRadioRef);\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={clsx(rootClassName, fieldProps.className)}\n      ref={localRadioRef}\n    >\n      <FieldErrorCaptureContext>\n        <PropsContextProvider props={propsContext}>\n          <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n            <UiComponentTunnelExit id=\"radioButtons\" component=\"RadioGroup\" />\n          </ColumnLayout>\n\n          <ColumnLayout\n            s={s ?? [1]}\n            m={m ?? [1]}\n            l={l ?? [1]}\n            rowGap=\"s\"\n            className={styles.radioGroup}\n          >\n            <UiComponentTunnelExit id=\"radios\" component=\"RadioGroup\" />\n          </ColumnLayout>\n\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,CAAA,EAAG,GAAG,CAAA,EAAG,GAAA,EAAK,GAAG,IAAA,EAAK,GAAI,KAAA;AAEvD,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,iBAAA,CAAkB,KAAA,EAAO,YAAY,CAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA;AAC/D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,cAAA;AAAA,QACJ,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,QAAA;AAAA,QACJ,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAA,GAAgB,aAAa,GAAG,CAAA;AACtC,EAAA,gBAAA,CAAiB,aAAa,CAAA;AAE9B,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,IAAA,CAAK,aAAA,EAAe,UAAA,CAAW,SAAS,CAAA;AAAA,MACnD,GAAA,EAAK,aAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,EAAM,CAAA,EAAM,CAAA,EAAM,SAAA,EAAW,MAAA,CAAO,UAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,EAAA,EAAG,cAAA,EAAe,SAAA,EAAU,cAAa,CAAA,EAClE,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,cACV,MAAA,EAAO,GAAA;AAAA,cACP,WAAW,MAAA,CAAO,UAAA;AAAA,cAElB,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,EAAA,EAAG,QAAA,EAAS,WAAU,YAAA,EAAa;AAAA;AAAA,WAC5D;AAAA,UAEC;AAAA,SAAA,EACH,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}
+{"version":3,"file":"RadioGroup.mjs","names":[],"sources":["../../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface RadioGroupProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props, \"RadioGroup\");\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n  const propsContext: PropsContext = {\n    RadioButton: {\n      tunnel: {\n        id: \"radioButtons\",\n        component: \"RadioGroup\",\n      },\n    },\n    Radio: {\n      tunnel: {\n        id: \"radios\",\n        component: \"RadioGroup\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const localRadioRef = useObjectRef(ref);\n  useMakeFocusable(localRadioRef);\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={clsx(rootClassName, fieldProps.className)}\n      ref={localRadioRef}\n    >\n      <FieldErrorCaptureContext>\n        <PropsContextProvider props={propsContext}>\n          <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n            <UiComponentTunnelExit id=\"radioButtons\" component=\"RadioGroup\" />\n          </ColumnLayout>\n\n          <ColumnLayout\n            s={s ?? [1]}\n            m={m ?? [1]}\n            l={l ?? [1]}\n            rowGap=\"s\"\n            className={styles.radioGroup}\n          >\n            <UiComponentTunnelExit id=\"radios\" component=\"RadioGroup\" />\n          </ColumnLayout>\n\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,GAAG,GAAG,GAAG,KAAK,GAAG,SAAS;CAEvD,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,OAAO,YAAY;CAEzC,MAAM,gBAAgB,KAAK,yBAAgB,WAAW,SAAS;CAC/D,MAAM,eAA6B;EACjC,aAAa,EACX,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,OAAO,EACL,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,GAAG;CACL;CAEA,MAAM,gBAAgB,aAAa,GAAG;CACtC,iBAAiB,aAAa;CAE9B,OACE,qBAAC,KAAK,YAAN;EACE,GAAI;EACJ,WAAW,KAAK,eAAe,WAAW,SAAS;EACnD,KAAK;EAHP,UAAA,CAKE,oBAAC,0BAAD,EAAA,UACE,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA;IACE,oBAAC,cAAD;KAAiB;KAAM;KAAM;KAAG,WAAW,0BAAO;KAChD,UAAA,oBAAC,uBAAD;MAAuB,IAAG;MAAe,WAAU;KAAc,CAAA;IACrD,CAAA;IAEd,oBAAC,cAAD;KACE,GAAG,KAAK,CAAC,CAAC;KACV,GAAG,KAAK,CAAC,CAAC;KACV,GAAG,KAAK,CAAC,CAAC;KACV,QAAO;KACP,WAAW,0BAAO;KAElB,UAAA,oBAAC,uBAAD;MAAuB,IAAG;MAAS,WAAU;KAAc,CAAA;IAC/C,CAAA;IAEb;GACmB;EACE,CAAA,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACF;;AAErB,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/RadioGroup/RadioGroup.module.scss
+var radioGroup = "flow--radio-group";
+var RadioGroup_module_default = { radioGroup };
+//#endregion
+export { RadioGroup_module_default as default, radioGroup };
+
+//# sourceMappingURL=RadioGroup.module.mjs.map