@mittwald/flow-react-components 0.2.0-alpha.134 → 0.2.0-alpha.135

package/dist/js/components/src/components/ChartLegend/components/LegendContent/LegendContent.mjs

@@ -13,8 +13,8 @@ const LegendContent = (props) => {
     return /* @__PURE__ */ jsx(
       LegendItem,
       {
-        title: entry.dataKey ? formatter ? formatter(entry.dataKey?.toString()) : entry.dataKey.toString() : "",
-        color: entry.payload && "fill" in entry.payload ? entry.payload?.fill : tokens.color.gray[100].value
+        color: entry.payload && "fill" in entry.payload ? entry.payload?.fill : tokens.color.gray[100].value,
+        children: entry.dataKey ? formatter ? formatter(entry.dataKey?.toString()) : entry.dataKey.toString() : ""
       },
       `legendItem-${index}`
     );

package/dist/js/components/src/components/ChartLegend/components/LegendContent/LegendContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../src/components/ChartLegend/components/LegendContent/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"../../ChartLegend\";\nimport type { FC } from \"react\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n  const { formatter, payload } = props;\n\n  return (\n    <Legend>\n      {payload\n        ?.filter(\n          (entry) =>\n            entry.payload &&\n            \"fill\" in entry.payload &&\n            entry.payload?.fill !== \"none\",\n        )\n        .map((entry, index) => {\n          return (\n            <LegendItem\n              key={`legendItem-${index}`}\n              title={\n                entry.dataKey\n                  ? formatter\n                    ? formatter(entry.dataKey?.toString())\n                    : entry.dataKey.toString()\n                  : \"\"\n              }\n              color={\n                entry.payload && \"fill\" in entry.payload\n                  ? (entry.payload?.fill as string)\n                  : tokens.color.gray[100].value\n              }\n            />\n          );\n        })}\n    </Legend>\n  );\n};\n\nexport default LegendContent;\n"],"names":[],"mappings":";;;;;AAQM,MAAA,aAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,SAAW,EAAA,OAAA,EAAY,GAAA,KAAA;AAE/B,EACE,uBAAA,GAAA,CAAC,UACE,QACG,EAAA,OAAA,EAAA,MAAA;AAAA,IACA,CAAC,UACC,KAAM,CAAA,OAAA,IACN,UAAU,KAAM,CAAA,OAAA,IAChB,KAAM,CAAA,OAAA,EAAS,IAAS,KAAA;AAAA,GAE3B,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KAAU,KAAA;AACrB,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,KACE,EAAA,KAAA,CAAM,OACF,GAAA,SAAA,GACE,SAAU,CAAA,KAAA,CAAM,OAAS,EAAA,QAAA,EAAU,CAAA,GACnC,KAAM,CAAA,OAAA,CAAQ,UAChB,GAAA,EAAA;AAAA,QAEN,KACE,EAAA,KAAA,CAAM,OAAW,IAAA,MAAA,IAAU,KAAM,CAAA,OAAA,GAC5B,KAAM,CAAA,OAAA,EAAS,IAChB,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,CAAK,GAAG,CAAE,CAAA;AAAA,OAAA;AAAA,MAXxB,cAAc,KAAK,CAAA;AAAA,KAa1B;AAAA,GAEH,CACL,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../src/components/ChartLegend/components/LegendContent/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"../../ChartLegend\";\nimport type { FC } from \"react\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n  const { formatter, payload } = props;\n\n  return (\n    <Legend>\n      {payload\n        ?.filter(\n          (entry) =>\n            entry.payload &&\n            \"fill\" in entry.payload &&\n            entry.payload?.fill !== \"none\",\n        )\n        .map((entry, index) => {\n          return (\n            <LegendItem\n              key={`legendItem-${index}`}\n              color={\n                entry.payload && \"fill\" in entry.payload\n                  ? (entry.payload?.fill as string)\n                  : tokens.color.gray[100].value\n              }\n            >\n              {entry.dataKey\n                ? formatter\n                  ? formatter(entry.dataKey?.toString())\n                  : entry.dataKey.toString()\n                : \"\"}\n            </LegendItem>\n          );\n        })}\n    </Legend>\n  );\n};\n\nexport default LegendContent;\n"],"names":[],"mappings":";;;;;AAQM,MAAA,aAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,SAAW,EAAA,OAAA,EAAY,GAAA,KAAA;AAE/B,EACE,uBAAA,GAAA,CAAC,UACE,QACG,EAAA,OAAA,EAAA,MAAA;AAAA,IACA,CAAC,UACC,KAAM,CAAA,OAAA,IACN,UAAU,KAAM,CAAA,OAAA,IAChB,KAAM,CAAA,OAAA,EAAS,IAAS,KAAA;AAAA,GAE3B,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KAAU,KAAA;AACrB,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,KACE,EAAA,KAAA,CAAM,OAAW,IAAA,MAAA,IAAU,KAAM,CAAA,OAAA,GAC5B,KAAM,CAAA,OAAA,EAAS,IAChB,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,CAAK,GAAG,CAAE,CAAA,KAAA;AAAA,QAG5B,QAAM,EAAA,KAAA,CAAA,OAAA,GACH,SACE,GAAA,SAAA,CAAU,KAAM,CAAA,OAAA,EAAS,QAAS,EAAC,CACnC,GAAA,KAAA,CAAM,OAAQ,CAAA,QAAA,EAChB,GAAA;AAAA,OAAA;AAAA,MAXC,cAAc,KAAK,CAAA;AAAA,KAY1B;AAAA,GAEH,CACL,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/ChartTooltip/components/TooltipContent.mjs

@@ -23,14 +23,7 @@ const TooltipContent = (props) => {
       /* @__PURE__ */ jsx(PopoverTip, { className: styles$1.tip }),
       /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
         /* @__PURE__ */ jsx(Heading, { level: 3, children: headingFormatter ? headingFormatter(label) : label }),
-        payload.filter((i) => i.fill !== "none").map((i, index) => /* @__PURE__ */ jsx(
-          LegendItem,
-          {
-            color: i.fill,
-            title: formatter ? formatter(i.value, i.dataKey, index, i.unit) : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : ""}`
-          },
-          i.dataKey
-        ))
+        payload.filter((i) => i.fill !== "none").map((i, index) => /* @__PURE__ */ jsx(LegendItem, { color: i.fill, children: formatter ? formatter(i.value, i.dataKey, index, i.unit) : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : ""}` }, i.dataKey))
       ] })
     ] });
   }

package/dist/js/components/src/components/ChartTooltip/components/TooltipContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../ChartTooltip.module.scss\";\nimport popoverStyles from \"../../Popover/Popover.module.scss\";\nimport { PopoverTip } from \"@/components/Popover/components/PopoverTip\";\nimport Heading from \"@/components/Heading\";\nimport { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type * as Recharts from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport type { WithTooltipFormatters } from \"../ChartTooltip\";\n\ninterface TooltipContentProps\n  extends Pick<\n      Recharts.TooltipContentProps<ValueType, NameType>,\n      \"active\" | \"payload\" | \"label\" | \"wrapperClassName\"\n    >,\n    WithTooltipFormatters {}\n\nexport const TooltipContent = (props: TooltipContentProps) => {\n  const {\n    active,\n    payload,\n    formatter,\n    headingFormatter,\n    label,\n    wrapperClassName,\n  } = props;\n  const className = clsx(wrapperClassName, popoverStyles.popover);\n\n  if (active && payload && payload.length) {\n    return (\n      <div className={className}>\n        <PopoverTip className={styles.tip} />\n        <div className={popoverStyles.content}>\n          <Heading level={3}>\n            {headingFormatter ? headingFormatter(label) : label}\n          </Heading>\n          {payload\n            .filter((i) => i.fill !== \"none\")\n            .map((i, index) => (\n              <LegendItem\n                color={i.fill}\n                title={\n                  formatter\n                    ? formatter(i.value, i.dataKey, index, i.unit)\n                    : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : \"\"}`\n                }\n                key={i.dataKey}\n              />\n            ))}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":["popoverStyles","styles"],"mappings":";;;;;;;;AAoBa,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,gBAAkB,EAAAA,MAAA,CAAc,OAAO,CAAA;AAE9D,EAAI,IAAA,MAAA,IAAU,OAAW,IAAA,OAAA,CAAQ,MAAQ,EAAA;AACvC,IACE,uBAAA,IAAA,CAAC,SAAI,SACH,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAC,QAAA,CAAO,GAAK,EAAA,CAAA;AAAA,sBAClC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,MAAA,CAAc,OAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,EACb,6BAAmB,gBAAiB,CAAA,KAAK,IAAI,KAChD,EAAA,CAAA;AAAA,QACC,OAAA,CACE,MAAO,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,MAAM,CAC/B,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KACP,qBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAO,CAAE,CAAA,IAAA;AAAA,YACT,KAAA,EACE,SACI,GAAA,SAAA,CAAU,CAAE,CAAA,KAAA,EAAO,EAAE,OAAS,EAAA,KAAA,EAAO,CAAE,CAAA,IAAI,CAC3C,GAAA,CAAA,EAAG,EAAE,OAAO,CAAA,CAAA,EAAI,CAAE,CAAA,KAAK,CAAG,EAAA,CAAA,CAAE,OAAO,CAAI,CAAA,EAAA,CAAA,CAAE,IAAI,CAAA,CAAA,GAAK,EAAE,CAAA;AAAA,WAAA;AAAA,UAErD,CAAE,CAAA;AAAA,SAEV;AAAA,OACL,EAAA;AAAA,KACF,EAAA,CAAA;AAAA;AAIJ,EAAO,OAAA,IAAA;AACT;;;;"}
+{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../ChartTooltip.module.scss\";\nimport popoverStyles from \"../../Popover/Popover.module.scss\";\nimport { PopoverTip } from \"@/components/Popover/components/PopoverTip\";\nimport Heading from \"@/components/Heading\";\nimport { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type * as Recharts from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport type { WithTooltipFormatters } from \"../ChartTooltip\";\n\ninterface TooltipContentProps\n  extends Pick<\n      Recharts.TooltipContentProps<ValueType, NameType>,\n      \"active\" | \"payload\" | \"label\" | \"wrapperClassName\"\n    >,\n    WithTooltipFormatters {}\n\nexport const TooltipContent = (props: TooltipContentProps) => {\n  const {\n    active,\n    payload,\n    formatter,\n    headingFormatter,\n    label,\n    wrapperClassName,\n  } = props;\n  const className = clsx(wrapperClassName, popoverStyles.popover);\n\n  if (active && payload && payload.length) {\n    return (\n      <div className={className}>\n        <PopoverTip className={styles.tip} />\n        <div className={popoverStyles.content}>\n          <Heading level={3}>\n            {headingFormatter ? headingFormatter(label) : label}\n          </Heading>\n          {payload\n            .filter((i) => i.fill !== \"none\")\n            .map((i, index) => (\n              <LegendItem color={i.fill} key={i.dataKey}>\n                {formatter\n                  ? formatter(i.value, i.dataKey, index, i.unit)\n                  : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : \"\"}`}\n              </LegendItem>\n            ))}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":["popoverStyles","styles"],"mappings":";;;;;;;;AAoBa,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,gBAAkB,EAAAA,MAAA,CAAc,OAAO,CAAA;AAE9D,EAAI,IAAA,MAAA,IAAU,OAAW,IAAA,OAAA,CAAQ,MAAQ,EAAA;AACvC,IACE,uBAAA,IAAA,CAAC,SAAI,SACH,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAC,QAAA,CAAO,GAAK,EAAA,CAAA;AAAA,sBAClC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,MAAA,CAAc,OAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,EACb,6BAAmB,gBAAiB,CAAA,KAAK,IAAI,KAChD,EAAA,CAAA;AAAA,QACC,OAAA,CACE,OAAO,CAAC,CAAA,KAAM,EAAE,IAAS,KAAA,MAAM,EAC/B,GAAI,CAAA,CAAC,GAAG,KACP,qBAAA,GAAA,CAAC,cAAW,KAAO,EAAA,CAAA,CAAE,MAClB,QACG,EAAA,SAAA,GAAA,SAAA,CAAU,EAAE,KAAO,EAAA,CAAA,CAAE,SAAS,KAAO,EAAA,CAAA,CAAE,IAAI,CAC3C,GAAA,CAAA,EAAG,EAAE,OAAO,CAAA,CAAA,EAAI,EAAE,KAAK,CAAA,EAAG,EAAE,IAAO,GAAA,CAAA,CAAA,EAAI,EAAE,IAAI,CAAA,CAAA,GAAK,EAAE,CAH1B,CAAA,EAAA,EAAA,CAAA,CAAE,OAIlC,CACD;AAAA,OACL,EAAA;AAAA,KACF,EAAA,CAAA;AAAA;AAIJ,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs

@@ -7,7 +7,7 @@ import { categoricalColors } from '../../../../lib/tokens/CategoricalColors.mjs'
 import { getCategoricalColorValue } from '../../../../lib/tokens/getCategoricalColorValue.mjs';
 
 const LegendItem = (props) => {
-  const { title, color } = props;
+  const { children, color } = props;
   return /* @__PURE__ */ jsxs("li", { className: styles.legendItem, children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -20,7 +20,7 @@ const LegendItem = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("small", { children: title }) })
+    /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("small", { children }) })
   ] });
 };
 

package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.mjs","sources":["../../../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import Text from \"@/components/Text\";\nimport type { FC } from \"react\";\nimport styles from \"./LegendItem.module.scss\";\nimport {\n  categoricalColors,\n  type CategoricalColors,\n} from \"@/lib/tokens/CategoricalColors\";\nimport { getCategoricalColorValue } from \"@/lib/tokens/getCategoricalColorValue\";\n\nexport interface LegendItemProps {\n  color: string | CategoricalColors;\n  title: string;\n}\n\nexport const LegendItem: FC<LegendItemProps> = (props) => {\n  const { title, color } = props;\n  return (\n    <li className={styles.legendItem}>\n      <div\n        className={styles.colorSquare}\n        style={{\n          backgroundColor: categoricalColors.includes(\n            color as CategoricalColors,\n          )\n            ? getCategoricalColorValue(color as CategoricalColors)\n            : color,\n        }}\n      />\n      <Text>\n        <small>{title}</small>\n      </Text>\n    </li>\n  );\n};\n\nexport default LegendItem;\n"],"names":[],"mappings":";;;;;;AAca,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA,EAAE,KAAO,EAAA,KAAA,EAAU,GAAA,KAAA;AACzB,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,MAAA,CAAO,UACpB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,KAAO,EAAA;AAAA,UACL,iBAAiB,iBAAkB,CAAA,QAAA;AAAA,YACjC;AAAA,WACF,GACI,wBAAyB,CAAA,KAA0B,CACnD,GAAA;AAAA;AACN;AAAA,KACF;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,iBAAM,CAChB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LegendItem.mjs","sources":["../../../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import Text from \"@/components/Text\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./LegendItem.module.scss\";\nimport {\n  categoricalColors,\n  type CategoricalColors,\n} from \"@/lib/tokens/CategoricalColors\";\nimport { getCategoricalColorValue } from \"@/lib/tokens/getCategoricalColorValue\";\n\nexport interface LegendItemProps extends PropsWithChildren {\n  color?: CategoricalColors | string;\n}\n\nexport const LegendItem: FC<LegendItemProps> = (props) => {\n  const { children, color } = props;\n\n  return (\n    <li className={styles.legendItem}>\n      <div\n        className={styles.colorSquare}\n        style={{\n          backgroundColor: categoricalColors.includes(\n            color as CategoricalColors,\n          )\n            ? getCategoricalColorValue(color as CategoricalColors)\n            : color,\n        }}\n      />\n      <Text>\n        <small>{children}</small>\n      </Text>\n    </li>\n  );\n};\n\nexport default LegendItem;\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA,EAAE,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAE5B,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,MAAA,CAAO,UACpB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,KAAO,EAAA;AAAA,UACL,iBAAiB,iBAAkB,CAAA,QAAA;AAAA,YACjC;AAAA,WACF,GACI,wBAAyB,CAAA,KAA0B,CACnD,GAAA;AAAA;AACN;AAAA,KACF;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,UAAS,CACnB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,15 +1,16 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
 import 'react';
 import styles from './ProgressBar.module.scss.mjs';
 import clsx from 'clsx';
-import { useLocalizedStringFormatter, useNumberFormatter } from 'react-aria';
 import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import locales from '../../../../_virtual/_.locale.json@162914df08c90e5e10d2f78b03d9d768.mjs';
+import { ProgressBarValue } from './components/ProgressBarValue.mjs';
+import { ProgressBarBar } from './components/ProgressBarBar.mjs';
+import { ProgressBarLegend } from './components/ProgressBarLegend.mjs';
 
 const ProgressBar = (props) => {
   const {
@@ -18,6 +19,11 @@ const ProgressBar = (props) => {
     status = "info",
     showMaxValue,
     size = "m",
+    segments,
+    value,
+    formatOptions,
+    showLegend = true,
+    maxValue,
     ...rest
   } = props;
   const rootClassName = clsx(
@@ -26,20 +32,51 @@ const ProgressBar = (props) => {
     styles[`size-${size}`],
     styles[status]
   );
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const formatter = useNumberFormatter(props.formatOptions);
-  const maxValueText = showMaxValue && props.maxValue ? formatter.format(props.maxValue) : void 0;
   const propsContext = {
     Label: {
       className: styles.label,
       unstyled: true
     }
   };
-  return /* @__PURE__ */ jsx(Aria.ProgressBar, { className: rootClassName, ...rest, children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
-    children,
-    /* @__PURE__ */ jsx("span", { className: styles.value, children: maxValueText ? `${valueText} ${stringFormatter.format("progressBar.of")} ${maxValueText}` : valueText }),
-    /* @__PURE__ */ jsx("div", { className: styles.bar, children: /* @__PURE__ */ jsx("div", { className: styles.fill, style: { width: percentage + "%" } }) })
-  ] }) });
+  const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Aria.ProgressBar,
+    {
+      className: rootClassName,
+      value: segmentsTotalValue ?? value,
+      formatOptions,
+      maxValue,
+      ...rest,
+      children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ProgressBarValue,
+          {
+            showMaxValue,
+            maxValue,
+            valueText,
+            formatOptions
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ProgressBarBar,
+          {
+            percentage,
+            segmentsTotalValue,
+            segments
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ProgressBarLegend,
+          {
+            showLegend,
+            segments,
+            formatOptions
+          }
+        )
+      ] })
+    }
+  ) });
 };
 
 export { ProgressBar, ProgressBar as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus {\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\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar: FC<ProgressBarProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    showMaxValue,\n    size = \"m\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const formatter = useNumberFormatter(props.formatOptions);\n\n  const maxValueText =\n    showMaxValue && props.maxValue\n      ? formatter.format(props.maxValue)\n      : undefined;\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  return (\n    <Aria.ProgressBar className={rootClassName} {...rest}>\n      {({ percentage, valueText }) => (\n        <PropsContextProvider props={propsContext}>\n          {children}\n          <span className={styles.value}>\n            {maxValueText\n              ? `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`\n              : valueText}\n          </span>\n          <div className={styles.bar}>\n            <div className={styles.fill} style={{ width: percentage + \"%\" }} />\n          </div>\n        </PropsContextProvider>\n      )}\n    </Aria.ProgressBar>\n  );\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;AAwBa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,SAAA,GAAY,kBAAmB,CAAA,KAAA,CAAM,aAAa,CAAA;AAExD,EAAM,MAAA,YAAA,GACJ,gBAAgB,KAAM,CAAA,QAAA,GAClB,UAAU,MAAO,CAAA,KAAA,CAAM,QAAQ,CAC/B,GAAA,MAAA;AAEN,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,IAAK,CAAA,WAAA,EAAL,EAAiB,SAAA,EAAW,eAAgB,GAAG,IAAA,EAC7C,QAAC,EAAA,CAAA,EAAE,YAAY,SAAU,EAAA,qBACvB,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EACrB,yBACG,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,eAAA,CAAgB,OAAO,gBAAgB,CAAC,CAAI,CAAA,EAAA,YAAY,KACxE,SACN,EAAA,CAAA;AAAA,wBACC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,UAAa,GAAA,GAAA,IAAO,CACnE,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColors } from \"@/lib/tokens/CategoricalColors\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus {\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?: { value: number; title: string; color?: CategoricalColors }[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar: FC<ProgressBarProps> = (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    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  return (\n    <>\n      <Aria.ProgressBar\n        className={rootClassName}\n        value={segmentsTotalValue ?? value}\n        formatOptions={formatOptions}\n        maxValue={maxValue}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <PropsContextProvider props={propsContext}>\n            {children}\n\n            <ProgressBarValue\n              showMaxValue={showMaxValue}\n              maxValue={maxValue}\n              valueText={valueText}\n              formatOptions={formatOptions}\n            />\n\n            <ProgressBarBar\n              percentage={percentage}\n              segmentsTotalValue={segmentsTotalValue}\n              segments={segments}\n            />\n\n            <ProgressBarLegend\n              showLegend={showLegend}\n              segments={segments}\n              formatOptions={formatOptions}\n            />\n          </PropsContextProvider>\n        )}\n      </Aria.ProgressBar>\n    </>\n  );\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;;AAiCa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAa,GAAA,IAAA;AAAA,IACb,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QACvB,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CACtD,GAAA,MAAA;AAEJ,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,OAAO,kBAAsB,IAAA,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,CAAC,EAAE,UAAY,EAAA,SAAA,uBACb,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAED,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAGN,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,7 @@
 "use client"
 /* */
 const progressBar = "flow--progress-bar";
+const legend = "flow--progress-bar--legend";
 const label = "flow--progress-bar--label";
 const value = "flow--progress-bar--value";
 const bar = "flow--progress-bar--bar";
@@ -11,16 +12,19 @@ const danger = "flow--progress-bar--danger";
 const warning = "flow--progress-bar--warning";
 const styles = {
 	progressBar: progressBar,
+	legend: legend,
 	label: label,
 	value: value,
 	bar: bar,
 	fill: fill,
 	"size-s": "flow--progress-bar--size-s",
+	"size-m": "flow--progress-bar--size-m",
+	"size-l": "flow--progress-bar--size-l",
 	info: info,
 	success: success,
 	danger: danger,
 	warning: warning
 };
 
-export { bar, danger, styles as default, fill, info, label, progressBar, success, value, warning };
+export { bar, danger, styles as default, fill, info, label, legend, progressBar, success, value, warning };
 //# sourceMappingURL=ProgressBar.module.scss.mjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarBar.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\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  return (\n    <div className={styles.bar}>\n      <div className={styles.fill} style={{ width: percentage + \"%\" }}>\n        {segments &&\n          segmentsTotalValue &&\n          segments.map((s, i) => (\n            <div\n              key={s.title}\n              aria-hidden\n              style={{\n                backgroundColor: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,\n                width: (100 / segmentsTotalValue) * s.value + \"%\",\n                height: \"100%\",\n              }}\n            />\n          ))}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAUa,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,kBAAoB,EAAA,UAAA,EAAe,GAAA,KAAA;AAErD,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,KACrB,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,KAAA,EAAO,EAAE,KAAO,EAAA,UAAA,GAAa,KACvD,EAAA,QAAA,EAAA,QAAA,IACC,sBACA,QAAS,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CACf,qBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAW,EAAA,IAAA;AAAA,MACX,KAAO,EAAA;AAAA,QACL,iBAAiB,CAA6B,0BAAA,EAAA,CAAA,CAAE,KAAS,IAAA,0BAAA,CAA2B,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,QACtF,KAAQ,EAAA,GAAA,GAAM,kBAAsB,GAAA,CAAA,CAAE,KAAQ,GAAA,GAAA;AAAA,QAC9C,MAAQ,EAAA;AAAA;AACV,KAAA;AAAA,IANK,CAAE,CAAA;AAAA,GAQV,GACL,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,27 @@
+"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 { LegendItem } from '../../Legend/components/LegendItem/LegendItem.mjs';
+import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.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} (${formatOptions ? formatter.format(s.value) : `${s.value} %`})`
+    }
+  )) });
+};
+
+export { ProgressBarLegend };
+//# sourceMappingURL=ProgressBarLegend.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarLegend.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { 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          color={s.color ?? getCategoricalColorByIndex(i)}\n        >{`${s.title} (${formatOptions ? formatter.format(s.value) : `${s.value} %`})`}</LegendItem>\n      ))}\n    </Legend>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYa,MAAA,iBAAA,GAA+B,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAY,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEhD,EAAM,MAAA,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAI,IAAA,CAAC,QAAY,IAAA,CAAC,UAAY,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA,CAAC,UAAO,SAAW,EAAA,MAAA,CAAO,QACvB,QAAS,EAAA,QAAA,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAChB,qBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,CAAA,CAAE,KAAS,IAAA,0BAAA,CAA2B,CAAC,CAAA;AAAA,MAC9C,QAAG,EAAA,CAAA,EAAA,CAAA,CAAE,KAAK,CAAA,EAAA,EAAK,aAAgB,GAAA,SAAA,CAAU,MAAO,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAG,EAAA,CAAA,CAAE,KAAK,CAAI,EAAA,CAAA,CAAA,CAAA;AAAA;AAAA,GAC5E,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,18 @@
+"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, valueText, formatOptions } = props;
+  const formatter = useNumberFormatter(formatOptions);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const maxValueText = showMaxValue && maxValue ? formatter.format(maxValue) : void 0;
+  return /* @__PURE__ */ jsx("span", { className: styles.value, children: maxValueText ? `${valueText} ${stringFormatter.format("progressBar.of")} ${maxValueText}` : valueText });
+};
+
+export { ProgressBarValue };
+//# sourceMappingURL=ProgressBarValue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarValue.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props\n  extends Pick<\n    ProgressBarProps,\n    \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n  > {\n  valueText?: string;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n  const { showMaxValue, maxValue, valueText, formatOptions } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const maxValueText =\n    showMaxValue && maxValue ? formatter.format(maxValue) : undefined;\n\n  return (\n    <span className={styles.value}>\n      {maxValueText\n        ? `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`\n        : valueText}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAca,MAAA,gBAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,EAAE,YAAA,EAAc,QAAU,EAAA,SAAA,EAAW,eAAkB,GAAA,KAAA;AAE7D,EAAM,MAAA,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,eACJ,YAAgB,IAAA,QAAA,GAAW,SAAU,CAAA,MAAA,CAAO,QAAQ,CAAI,GAAA,MAAA;AAE1D,EAAA,2BACG,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EACrB,yBACG,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,eAAA,CAAgB,OAAO,gBAAgB,CAAC,CAAI,CAAA,EAAA,YAAY,KACxE,SACN,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/lib/tokens/getCategoricalColorByIndex.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+const getCategoricalColorByIndex = (index) => {
+  switch (index) {
+    case 0:
+      return "sea-green";
+    case 1:
+      return "palatinate-blue";
+    case 2:
+      return "tangerine";
+    case 3:
+      return "magenta";
+    case 4:
+      return "tropical-indigo";
+    case 5:
+      return "malachite";
+    case 6:
+      return "azure";
+    case 7:
+      return "violet";
+    case 8:
+      return "yellow";
+    case 9:
+      return "alloy-orange";
+    case 10:
+      return "green";
+    default:
+      return "lime";
+  }
+};
+
+export { getCategoricalColorByIndex };
+//# sourceMappingURL=getCategoricalColorByIndex.mjs.map

package/dist/js/components/src/lib/tokens/getCategoricalColorByIndex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCategoricalColorByIndex.mjs","sources":["../../../../../../src/lib/tokens/getCategoricalColorByIndex.tsx"],"sourcesContent":["export const getCategoricalColorByIndex = (index: number) => {\n  switch (index) {\n    case 0:\n      return \"sea-green\";\n    case 1:\n      return \"palatinate-blue\";\n    case 2:\n      return \"tangerine\";\n    case 3:\n      return \"magenta\";\n    case 4:\n      return \"tropical-indigo\";\n    case 5:\n      return \"malachite\";\n    case 6:\n      return \"azure\";\n    case 7:\n      return \"violet\";\n    case 8:\n      return \"yellow\";\n    case 9:\n      return \"alloy-orange\";\n    case 10:\n      return \"green\";\n    default:\n      return \"lime\";\n  }\n};\n"],"names":[],"mappings":"AAAa,MAAA,0BAAA,GAA6B,CAAC,KAAkB,KAAA;AAC3D,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,CAAA;AACH,MAAO,OAAA,WAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,iBAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,WAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,SAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,iBAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,WAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,OAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,QAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,QAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAO,OAAA,cAAA;AAAA,IACT,KAAK,EAAA;AACH,MAAO,OAAA,OAAA;AAAA,IACT;AACE,MAAO,OAAA,MAAA;AAAA;AAEb;;;;"}

package/dist/types/components/ChartLegend/components/LegendContent/LegendContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChartLegend/components/LegendContent/LegendContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC;AAE9E,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAiCxC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"LegendContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChartLegend/components/LegendContent/LegendContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC;AAE9E,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAgCxC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/components/ChartTooltip/components/TooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,QAAQ,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACV,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,UAAU,mBACR,SAAQ,IAAI,CACR,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,EACjD,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,kBAAkB,CACpD,EACD,qBAAqB;CAAG;AAE5B,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,mDAsCxD,CAAC"}
+{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,QAAQ,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACV,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,UAAU,mBACR,SAAQ,IAAI,CACR,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,EACjD,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,kBAAkB,CACpD,EACD,qBAAqB;CAAG;AAE5B,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,mDAkCxD,CAAC"}

package/dist/types/components/Legend/components/LegendItem/LegendItem.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { CategoricalColors } from '../../../../lib/tokens/CategoricalColors';
-export interface LegendItemProps {
-    color: string | CategoricalColors;
-    title: string;
+export interface LegendItemProps extends PropsWithChildren {
+    color?: CategoricalColors | string;
 }
 export declare const LegendItem: FC<LegendItemProps>;
 export default LegendItem;

package/dist/types/components/Legend/components/LegendItem/LegendItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,gCAAgC,CAAC;AAGxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,gCAAgC,CAAC;AAGxC,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,11 +1,23 @@
 import { FC, PropsWithChildren } from 'react';
 import { PropsWithStatus } from '../../lib/types/props';
+import { CategoricalColors } from '../../lib/tokens/CategoricalColors';
 import * as Aria from "react-aria-components";
 export interface ProgressBarProps extends PropsWithChildren<Omit<Aria.ProgressBarProps, "children">>, PropsWithStatus {
     /** Whether the max value should be displayed. */
     showMaxValue?: boolean;
-    /** The size variant of the progress bar @default "m" */
-    size?: "s" | "m";
+    /** The size variant of the progress bar. @default "m" */
+    size?: "s" | "m" | "l";
+    /** Divides the fill of the progress bar into segments */
+    segments?: {
+        value: number;
+        title: string;
+        color?: CategoricalColors;
+    }[];
+    /**
+     * Whether the legend component is shown when segments are used. @default:
+     * true
+     */
+    showLegend?: boolean;
 }
 /**
  * @flr-generate all

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,eAAe;IACjB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkD5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExE,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,eAAe;IACjB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;KAAE,EAAE,CAAC;IACzE;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqE5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ProgressBarProps } from '..';
+interface Props extends Pick<ProgressBarProps, "segments"> {
+    percentage?: number;
+    segmentsTotalValue?: number;
+}
+export declare const ProgressBarBar: FC<Props>;
+export {};
+//# sourceMappingURL=ProgressBarBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsBpC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarLegend.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIjE,KAAK,KAAK,GAAG,IAAI,CACf,gBAAgB,EAChB,UAAU,GAAG,YAAY,GAAG,eAAe,CAC5C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAkBvC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ProgressBarProps } from '..';
+interface Props extends Pick<ProgressBarProps, "showMaxValue" | "maxValue" | "formatOptions"> {
+    valueText?: string;
+}
+export declare const ProgressBarValue: FC<Props>;
+export {};
+//# sourceMappingURL=ProgressBarValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,UAAU,KACR,SAAQ,IAAI,CACV,gBAAgB,EAChB,cAAc,GAAG,UAAU,GAAG,eAAe,CAC9C;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAiBtC,CAAC"}

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

@@ -8,4 +8,7 @@ export declare const WithPercentage: Story;
 export declare const WithoutUnit: Story;
 export declare const WithMaxValue: Story;
 export declare const Small: Story;
+export declare const WithSegments: Story;
+export declare const WithSegmentsAndUnit: Story;
+export declare const WithSegmentsAndWithoutLegend: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAiB1C,CAAC"}

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

@@ -4,4 +4,5 @@ declare const meta: Meta<typeof ProgressBar>;
 export default meta;
 type Story = StoryObj<typeof ProgressBar>;
 export declare const LongText: Story;
+export declare const WithManySegments: Story;
 //# sourceMappingURL=EdgeCases.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EdgeCases.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/stories/EdgeCases.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAMzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC"}
+{"version":3,"file":"EdgeCases.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/stories/EdgeCases.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAMzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC"}

package/dist/types/lib/tokens/getCategoricalColorByIndex.d.ts

@@ -0,0 +1,2 @@
+export declare const getCategoricalColorByIndex: (index: number) => "green" | "violet" | "azure" | "lime" | "magenta" | "yellow" | "sea-green" | "palatinate-blue" | "tangerine" | "tropical-indigo" | "malachite" | "alloy-orange";
+//# sourceMappingURL=getCategoricalColorByIndex.d.ts.map

package/dist/types/lib/tokens/getCategoricalColorByIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCategoricalColorByIndex.d.ts","sourceRoot":"","sources":["../../../../src/lib/tokens/getCategoricalColorByIndex.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,oKA2BvD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.134",
+  "version": "0.2.0-alpha.135",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.134",
+    "@mittwald/react-tunnel": "0.2.0-alpha.135",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.14",
     "@react-aria/utils": "^3.28.1",
@@ -92,7 +92,7 @@
   "devDependencies": {
     "@faker-js/faker": "^9.6.0",
     "@internationalized/date": "^3.7.0",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.134",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.135",
     "@mittwald/react-use-promise": "^2.6.0",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -173,5 +173,5 @@
       "optional": true
     }
   },
-  "gitHead": "90c225f128bcad20cd28c6df945726133e496023"
+  "gitHead": "d6761ade7b9a1ebc62f388158bed53c95815954d"
 }