@mittwald/flow-react-components 1.2.0-next.3 → 1.2.0-next.30

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

@@ -1 +1 @@
-{"version":3,"file":"Button.module.mjs","names":[],"sources":["../../../../../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\n@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/avatarButton\";\n\n.button {\n  position: relative;\n  font-family: Inter, sans-serif;\n  font-size: var(--font-size-text--m);\n  font-weight: bold;\n  line-height: var(--line-height);\n  border: none;\n  border-radius: var(--button--corner-radius);\n  padding-block: var(--button--padding-y);\n  padding-inline: var(--button--padding-x);\n  transition-property: color, background-color;\n  transition-duration: var(--transition--duration--default);\n  max-width: 100%;\n  display: grid;\n  align-items: center;\n  grid-template-areas: \"content\";\n  width: fit-content;\n\n  &:where(.outline) {\n    border-width: var(--button--border-width);\n    border-style: var(--button--border-style);\n    padding-block: calc(var(--button--padding-y) - var(--button--border-width));\n    padding-inline: calc(\n      var(--button--padding-x) - var(--button--border-width)\n    );\n  }\n\n  @include focus.focus;\n\n  @extend .primary;\n  @extend .solid;\n\n  /* Elements */\n  .content {\n    display: flex;\n    column-gap: var(--button--spacing);\n    align-items: center;\n    justify-content: center;\n  }\n\n  .content,\n  .stateIcon {\n    grid-area: content;\n  }\n\n  .stateIcon {\n    justify-self: center;\n  }\n\n  &:where(:has(.icon):not(:has(.text))) {\n    padding: var(--button--padding-icon-only);\n\n    &:where(.outline) {\n      padding: calc(\n        var(--button--padding-icon-only) - var(--button--border-width)\n      );\n    }\n  }\n\n  &:where(:has(.text) .icon) {\n    margin-inline-start: var(--button--spacing);\n  }\n\n  .counterBadge {\n    position: absolute;\n    top: calc(var(--size-px--xxs) * -1);\n    inset-inline-end: calc(var(--size-px--xxs) * -1);\n  }\n\n  /* States */\n\n  &.isPending,\n  &.isFailed,\n  &.isSucceeded {\n    .content {\n      opacity: 0;\n    }\n\n    &.plain {\n      .content:has(.text) {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.isPending {\n    .stateIcon {\n      color: var(--button--pending-icon-color);\n    }\n  }\n\n  /* Size */\n\n  &:where(.size-s) {\n    font-size: var(--button--font-size-s);\n    line-height: var(--button--line-height-s);\n    padding-block: var(--button--padding-s-y);\n    padding-inline: var(--button--padding-s-x);\n    column-gap: var(--button--spacing-s);\n    border-radius: var(--button--corner-radius-s);\n\n    &:where(.outline) {\n      padding-block: calc(\n        var(--button--padding-s-y) - var(--button--border-width)\n      );\n      padding-inline: calc(\n        var(--button--padding-s-x) - var(--button--border-width)\n      );\n    }\n\n    &:where(:has(.icon):not(:has(.text))) {\n      padding: var(--button--padding-s-icon-only);\n\n      &:where(.outline) {\n        padding: calc(\n          var(--button--padding-s-icon-only) - var(--button--border-width)\n        );\n      }\n    }\n\n    .content {\n      column-gap: var(--button--spacing-s);\n    }\n  }\n\n  /* Variants */\n\n  @mixin variant($color, $variant) {\n    &:where(.#{$color}.#{$variant}) {\n      background-color: var(\n        --button--#{$color}-#{$variant}-background-color--default\n      );\n      color: var(--button--#{$color}-#{$variant}-content-color--default);\n\n      &:hover:where(:not([data-readonly])) {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--hover\n        );\n      }\n\n      &[data-pressed]:where(:not([data-readonly])) {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--pressed\n        );\n      }\n\n      &[disabled],\n      &[data-disabled],\n      &.ariaDisabled,\n      &.isPending,\n      &.isFailed,\n      &.isSucceeded {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--disabled\n        );\n        color: var(--button--#{$color}-#{$variant}-content-color--disabled);\n      }\n    }\n  }\n\n  @include variant(primary, solid);\n  @include variant(success, solid);\n  @include variant(danger, solid);\n  @include variant(secondary, solid);\n  @include variant(dark, solid);\n  @include variant(light, solid);\n  @include variant(dark-static, solid);\n  @include variant(light-static, solid);\n  @include variant(primary, plain);\n  @include variant(success, plain);\n  @include variant(danger, plain);\n  @include variant(secondary, plain);\n  @include variant(dark, plain);\n  @include variant(light, plain);\n  @include variant(dark-static, plain);\n  @include variant(light-static, plain);\n  @include variant(primary, soft);\n  @include variant(success, soft);\n  @include variant(danger, soft);\n  @include variant(secondary, soft);\n  @include variant(dark, soft);\n  @include variant(light, soft);\n  @include variant(dark-static, soft);\n  @include variant(light-static, soft);\n  @include variant(primary, outline);\n  @include variant(success, outline);\n  @include variant(danger, outline);\n  @include variant(secondary, outline);\n  @include variant(dark, outline);\n  @include variant(light, outline);\n  @include variant(dark-static, outline);\n  @include variant(light-static, outline);\n\n  /* Outline */\n\n  @mixin outline($color, $variant) {\n    &:where(.#{$color}.#{$variant}) {\n      &.outline {\n        border-color: var(\n          --button--#{$color}-#{$variant}-border-color--default\n        );\n\n        &[disabled],\n        &[data-disabled],\n        &.ariaDisabled,\n        &.isPending,\n        &.isFailed {\n          border-color: var(\n            --button--#{$color}-#{$variant}-border-color--disabled\n          );\n        }\n      }\n    }\n  }\n\n  @include outline(primary, outline);\n  @include outline(success, outline);\n  @include outline(danger, outline);\n  @include outline(secondary, outline);\n  @include outline(dark, outline);\n  @include outline(light, outline);\n  @include outline(dark-static, outline);\n  @include outline(light-static, outline);\n  @include avatarButton.avatarButton();\n\n  &:has(.image) {\n    padding: 0;\n    background: none;\n    height: fit-content;\n\n    &:hover:where(:not([data-readonly])) .image {\n      background: var(--button--dark-plain-background-color--hover);\n      filter: brightness(var(--image-button--brightness--hover));\n    }\n\n    &[data-pressed]:where(:not([data-readonly])) .image {\n      background: var(--button--dark-plain-background-color--pressed);\n      filter: brightness(var(--image-button--brightness--pressed));\n    }\n\n    .image {\n      width: 100%;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Button.module.mjs","names":[],"sources":["../../../../../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\n@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/avatarButton\";\n\n.button {\n  position: relative;\n  font-family: Inter, sans-serif;\n  font-size: var(--font-size-text--m);\n  font-weight: bold;\n  line-height: var(--line-height);\n  border: none;\n  border-radius: var(--button--corner-radius);\n  padding-block: var(--button--padding-y);\n  padding-inline: var(--button--padding-x);\n  transition-property: color, background-color;\n  transition-duration: var(--transition--duration--default);\n  max-width: 100%;\n  display: grid;\n  align-items: center;\n  grid-template-areas: \"content\";\n  width: fit-content;\n\n  &:where(.outline) {\n    border-width: var(--button--border-width);\n    border-style: var(--button--border-style);\n    padding-block: calc(var(--button--padding-y) - var(--button--border-width));\n    padding-inline: calc(\n      var(--button--padding-x) - var(--button--border-width)\n    );\n  }\n\n  @include focus.focus;\n\n  @extend .primary;\n  @extend .solid;\n\n  /* Elements */\n  .content {\n    display: flex;\n    column-gap: var(--button--spacing);\n    align-items: center;\n    justify-content: center;\n    text-align: start;\n    text-wrap-style: pretty;\n  }\n\n  .content,\n  .stateIcon {\n    grid-area: content;\n  }\n\n  .stateIcon {\n    justify-self: center;\n  }\n\n  &:where(:has(.icon):not(:has(.text), .hasText)) {\n    padding: var(--button--padding-icon-only);\n\n    &:where(.outline) {\n      padding: calc(\n        var(--button--padding-icon-only) - var(--button--border-width)\n      );\n    }\n  }\n\n  .counterBadge {\n    position: absolute;\n    top: calc(var(--size-px--xxs) * -1);\n    inset-inline-end: calc(var(--size-px--xxs) * -1);\n  }\n\n  /* States */\n\n  &.isPending,\n  &.isFailed,\n  &.isSucceeded {\n    .content {\n      opacity: 0;\n    }\n  }\n\n  &.isPending {\n    .stateIcon {\n      color: var(--button--pending-icon-color);\n    }\n  }\n\n  /* Size */\n\n  &:where(.size-s) {\n    font-size: var(--button--font-size-s);\n    line-height: var(--button--line-height-s);\n    padding-block: var(--button--padding-s-y);\n    padding-inline: var(--button--padding-s-x);\n    column-gap: var(--button--spacing-s);\n    border-radius: var(--button--corner-radius-s);\n\n    &:where(.outline) {\n      padding-block: calc(\n        var(--button--padding-s-y) - var(--button--border-width)\n      );\n      padding-inline: calc(\n        var(--button--padding-s-x) - var(--button--border-width)\n      );\n    }\n\n    &:where(:has(.icon):not(:has(.text), .hasText)) {\n      padding: var(--button--padding-s-icon-only);\n\n      &:where(.outline) {\n        padding: calc(\n          var(--button--padding-s-icon-only) - var(--button--border-width)\n        );\n      }\n    }\n\n    .content {\n      column-gap: var(--button--spacing-s);\n    }\n  }\n\n  /* Variants */\n\n  @mixin variant($color, $variant) {\n    &:where(.#{$color}.#{$variant}) {\n      background-color: var(\n        --button--#{$color}-#{$variant}-background-color--default\n      );\n      color: var(--button--#{$color}-#{$variant}-content-color--default);\n\n      &:hover:where(:not([data-readonly])) {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--hover\n        );\n      }\n\n      &[data-pressed]:where(:not([data-readonly])) {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--pressed\n        );\n      }\n\n      &[disabled],\n      &[data-disabled],\n      &.ariaDisabled,\n      &.isPending,\n      &.isFailed,\n      &.isSucceeded {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--disabled\n        );\n        color: var(--button--#{$color}-#{$variant}-content-color--disabled);\n      }\n    }\n  }\n\n  @include variant(primary, solid);\n  @include variant(success, solid);\n  @include variant(danger, solid);\n  @include variant(secondary, solid);\n  @include variant(dark, solid);\n  @include variant(light, solid);\n  @include variant(dark-static, solid);\n  @include variant(light-static, solid);\n  @include variant(primary, plain);\n  @include variant(success, plain);\n  @include variant(danger, plain);\n  @include variant(secondary, plain);\n  @include variant(dark, plain);\n  @include variant(light, plain);\n  @include variant(dark-static, plain);\n  @include variant(light-static, plain);\n  @include variant(primary, soft);\n  @include variant(success, soft);\n  @include variant(danger, soft);\n  @include variant(secondary, soft);\n  @include variant(dark, soft);\n  @include variant(light, soft);\n  @include variant(dark-static, soft);\n  @include variant(light-static, soft);\n  @include variant(primary, outline);\n  @include variant(success, outline);\n  @include variant(danger, outline);\n  @include variant(secondary, outline);\n  @include variant(dark, outline);\n  @include variant(light, outline);\n  @include variant(dark-static, outline);\n  @include variant(light-static, outline);\n\n  /* Outline */\n\n  @mixin outline($color, $variant) {\n    &:where(.#{$color}.#{$variant}) {\n      &.outline {\n        border-color: var(\n          --button--#{$color}-#{$variant}-border-color--default\n        );\n\n        &[disabled],\n        &[data-disabled],\n        &.ariaDisabled,\n        &.isPending,\n        &.isFailed {\n          border-color: var(\n            --button--#{$color}-#{$variant}-border-color--disabled\n          );\n        }\n      }\n    }\n  }\n\n  @include outline(primary, outline);\n  @include outline(success, outline);\n  @include outline(danger, outline);\n  @include outline(secondary, outline);\n  @include outline(dark, outline);\n  @include outline(light, outline);\n  @include outline(dark-static, outline);\n  @include outline(light-static, outline);\n  @include avatarButton.avatarButton();\n\n  &:has(.image) {\n    padding: 0;\n    background: none;\n    height: fit-content;\n\n    &:hover:where(:not([data-readonly])) .image {\n      background: var(--button--dark-plain-background-color--hover);\n      filter: brightness(var(--image-button--brightness--hover));\n    }\n\n    &[data-pressed]:where(:not([data-readonly])) .image {\n      background: var(--button--dark-plain-background-color--pressed);\n      filter: brightness(var(--image-button--brightness--pressed));\n    }\n\n    .image {\n      width: 100%;\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../_virtual/_5.locale.mjs";
+import __locale_default from "../../../../../../../../_virtual/_6.locale.mjs";
 import { useContext, useMemo } from "react";
 import { RangeCalendarStateContext } from "react-aria-components";
 import invariant from "invariant";

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

@@ -5,7 +5,9 @@ import { Wrap } from "../Wrap/Wrap.mjs";
 import CartesianChart_module_default from "./CartesianChart.module.mjs";
 import { useChartClipRect } from "./hooks/useChartClipRect.mjs";
 import DivView from "../../views/DivView.mjs";
+import { CartesianChartContextProvider } from "./context.mjs";
 import { TypedArea } from "./components/Area/Area.mjs";
+import { TypedBar } from "./components/Bar/Bar.mjs";
 import { TypedXAxis } from "./components/XAxis/types.mjs";
 import { TypedYAxis } from "./components/YAxis/types.mjs";
 import { TypedChartGrid } from "./components/ChartGrid/ChartGrid.mjs";
@@ -19,7 +21,7 @@ import { ComposedChart, ResponsiveContainer } from "recharts";
 //#region src/components/CartesianChart/CartesianChart.tsx
 /** @flr-generate all */
 var CartesianChart = (props) => {
-	const { children, data, className, height, flexGrow, emptyView, ...rest } = props;
+	const { children, data, className, height, flexGrow, emptyView, layout = "horizontal", ...rest } = props;
 	const warnDeprecation = useWarnDeprecation();
 	const { viewDimensions, ref: containerRef } = useChartClipRect();
 	const showEmptyView = !!((!data || data.length === 0) && emptyView);
@@ -30,32 +32,37 @@ var CartesianChart = (props) => {
 		if (!emptyView) return;
 		return null;
 	}, [emptyView]);
-	return /* @__PURE__ */ jsx(Wrap, {
-		if: height,
-		children: /* @__PURE__ */ jsx("div", {
-			style: {
-				height,
-				flex: flexGrow ? 1 : void 0
-			},
-			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-				initialDimension: {
-					width: 1,
-					height: 1
+	const contextValue = useMemo(() => ({ layout }), [layout]);
+	return /* @__PURE__ */ jsx(CartesianChartContextProvider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Wrap, {
+			if: height,
+			children: /* @__PURE__ */ jsx("div", {
+				style: {
+					height,
+					flex: flexGrow ? 1 : void 0
 				},
-				width: height ? void 0 : "100%",
-				aspect: height ? void 0 : 3,
-				ref: containerRef,
-				children: /* @__PURE__ */ jsxs(ComposedChart, {
-					data,
-					className: rootClassName,
-					...rest,
-					children: [children, showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", {
-						...viewDimensions,
-						children: /* @__PURE__ */ jsx(DivView, {
-							className: CartesianChart_module_default.emptyViewContainer,
-							children: emptyElement
-						})
-					})]
+				children: /* @__PURE__ */ jsx(ResponsiveContainer, {
+					initialDimension: {
+						width: 1,
+						height: 1
+					},
+					width: height ? void 0 : "100%",
+					aspect: height ? void 0 : 3,
+					ref: containerRef,
+					children: /* @__PURE__ */ jsxs(ComposedChart, {
+						data,
+						className: rootClassName,
+						layout,
+						...rest,
+						children: [children, showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", {
+							...viewDimensions,
+							children: /* @__PURE__ */ jsx(DivView, {
+								className: CartesianChart_module_default.emptyViewContainer,
+								children: emptyElement
+							})
+						})]
+					})
 				})
 			})
 		})
@@ -64,6 +71,7 @@ var CartesianChart = (props) => {
 var typedCartesianChart = () => ({
 	Chart: CartesianChart,
 	Area: TypedArea(),
+	Bar: TypedBar(),
 	XAxis: TypedXAxis(),
 	YAxis: TypedYAxis(),
 	Grid: TypedChartGrid(),

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

@@ -1 +1 @@
-{"version":3,"file":"CartesianChart.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/CartesianChart.tsx"],"sourcesContent":["import { ComposedChart, ResponsiveContainer } from \"recharts\";\nimport {\n  type ComponentProps,\n  type ComponentType,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./CartesianChart.module.scss\";\nimport { useChartClipRect } from \"@/components/CartesianChart/hooks/useChartClipRect\";\nimport DivView from \"@/views/DivView\";\nimport Wrap from \"@/components/Wrap\";\nimport type {\n  ChartDataValue,\n  DataKeyProp,\n} from \"@/components/CartesianChart/types\";\nimport { TypedArea } from \"@/components/CartesianChart/components/Area\";\nimport { TypedXAxis } from \"@/components/CartesianChart/components/XAxis\";\nimport { TypedYAxis } from \"@/components/CartesianChart/components/YAxis\";\nimport { TypedChartGrid } from \"@/components/CartesianChart/components/ChartGrid\";\nimport { TypedChartLegend } from \"@/components/CartesianChart/components/ChartLegend\";\nimport { TypedChartTooltip } from \"@/components/CartesianChart/components/ChartTooltip\";\nimport { TypedLine } from \"@/components/CartesianChart/components/Line\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\n/** @deprecated Use a ReactNode instead */\nexport interface CartesianChartEmptyViewProps {\n  data?: ComponentProps<typeof ComposedChart>[\"data\"];\n}\n\nexport interface CartesianChartProps<TData = ChartDataValue>\n  extends\n    Pick<\n      ComponentProps<typeof ComposedChart>,\n      \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  /** The data points rendered by the chart. */\n  data?: TData[];\n\n  /** The height of the chart. */\n  height?: string;\n\n  /** View that is provided when data is empty/undefined */\n  emptyView?: ReactNode;\n\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const CartesianChart: FC<CartesianChartProps> = (props) => {\n  const { children, data, className, height, flexGrow, emptyView, ...rest } =\n    props;\n  const warnDeprecation = useWarnDeprecation();\n\n  const { viewDimensions, ref: containerRef } = useChartClipRect();\n\n  const showEmptyView = !!((!data || data.length === 0) && emptyView);\n  const rootClassName = clsx(\n    styles.cartesianChart,\n    showEmptyView && styles.emptyView,\n    className,\n  );\n  const usesDeprecatedEmptyView = !!emptyView && !isValidElement(emptyView);\n\n  if (usesDeprecatedEmptyView) {\n    warnDeprecation(\n      \"CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView.\",\n    );\n  }\n\n  const emptyElement = useMemo(() => {\n    if (isValidElement(emptyView)) {\n      return emptyView;\n    }\n\n    if (!emptyView) {\n      return;\n    }\n\n    return null;\n  }, [emptyView]);\n\n  return (\n    <Wrap if={height}>\n      <div style={{ height, flex: flexGrow ? 1 : undefined }}>\n        <ResponsiveContainer\n          initialDimension={{\n            // fix warning on initial render\n            width: 1,\n            height: 1,\n          }}\n          width={height ? undefined : \"100%\"}\n          aspect={height ? undefined : 3}\n          ref={containerRef}\n        >\n          <ComposedChart data={data} className={rootClassName} {...rest}>\n            {children}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <DivView className={styles.emptyViewContainer}>\n                  {emptyElement}\n                </DivView>\n              </foreignObject>\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport const typedCartesianChart = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends ChartDataValue<any> = ChartDataValue<any>,\n  XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>,\n>() => ({\n  Chart: CartesianChart as ComponentType<CartesianChartProps<TData>>,\n  Area: TypedArea<TData>(),\n  XAxis: TypedXAxis<TData, XAxisDataKey>(),\n  YAxis: TypedYAxis<TData>(),\n  Grid: TypedChartGrid(),\n  Legend: TypedChartLegend(),\n  Tooltip: TypedChartTooltip<TData, XAxisDataKey>(),\n  Line: TypedLine<TData>(),\n});\n\nexport default CartesianChart;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyDA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,UAAU,MAAM,WAAW,QAAQ,UAAU,WAAW,GAAG,SACjE;CACF,MAAM,kBAAkB,mBAAmB;CAE3C,MAAM,EAAE,gBAAgB,KAAK,iBAAiB,iBAAiB;CAE/D,MAAM,gBAAgB,CAAC,GAAG,CAAC,QAAQ,KAAK,WAAW,MAAM;CACzD,MAAM,gBAAgB,KACpB,8BAAO,gBACP,iBAAiB,8BAAO,WACxB,SACF;CAGA,IAFgC,CAAC,CAAC,aAAa,CAAC,eAAe,SAAS,GAGtE,gBACE,2IACF;CAGF,MAAM,eAAe,cAAc;EACjC,IAAI,eAAe,SAAS,GAC1B,OAAO;EAGT,IAAI,CAAC,WACH;EAGF,OAAO;CACT,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,oBAAC,MAAD;EAAM,IAAI;EACR,UAAA,oBAAC,OAAD;GAAK,OAAO;IAAE;IAAQ,MAAM,WAAW,IAAI,KAAA;GAAU;GACnD,UAAA,oBAAC,qBAAD;IACE,kBAAkB;KAEhB,OAAO;KACP,QAAQ;IACV;IACA,OAAO,SAAS,KAAA,IAAY;IAC5B,QAAQ,SAAS,KAAA,IAAY;IAC7B,KAAK;IAEL,UAAA,qBAAC,eAAD;KAAqB;KAAM,WAAW;KAAe,GAAI;KAAzD,UAAA,CACG,UACA,iBAAiB,kBAChB,oBAAC,iBAAD;MAAe,GAAI;MACjB,UAAA,oBAAC,SAAD;OAAS,WAAW,8BAAO;OACxB,UAAA;MACM,CAAA;KACI,CAAA,CAEJ;;GACI,CAAA;EAClB,CAAA;CACD,CAAA;AAEV;AAEA,IAAa,6BAIL;CACN,OAAO;CACP,MAAM,UAAiB;CACvB,OAAO,WAAgC;CACvC,OAAO,WAAkB;CACzB,MAAM,eAAe;CACrB,QAAQ,iBAAiB;CACzB,SAAS,kBAAuC;CAChD,MAAM,UAAiB;AACzB"}
+{"version":3,"file":"CartesianChart.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/CartesianChart.tsx"],"sourcesContent":["import { ComposedChart, ResponsiveContainer } from \"recharts\";\nimport {\n  type ComponentProps,\n  type ComponentType,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./CartesianChart.module.scss\";\nimport { useChartClipRect } from \"@/components/CartesianChart/hooks/useChartClipRect\";\nimport DivView from \"@/views/DivView\";\nimport Wrap from \"@/components/Wrap\";\nimport type {\n  CartesianChartLayout,\n  ChartDataValue,\n  DataKeyProp,\n} from \"@/components/CartesianChart/types\";\nimport { CartesianChartContextProvider } from \"@/components/CartesianChart/context\";\nimport { TypedArea } from \"@/components/CartesianChart/components/Area\";\nimport { TypedBar } from \"@/components/CartesianChart/components/Bar\";\nimport { TypedXAxis } from \"@/components/CartesianChart/components/XAxis\";\nimport { TypedYAxis } from \"@/components/CartesianChart/components/YAxis\";\nimport { TypedChartGrid } from \"@/components/CartesianChart/components/ChartGrid\";\nimport { TypedChartLegend } from \"@/components/CartesianChart/components/ChartLegend\";\nimport { TypedChartTooltip } from \"@/components/CartesianChart/components/ChartTooltip\";\nimport { TypedLine } from \"@/components/CartesianChart/components/Line\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\n/** @deprecated Use a ReactNode instead */\nexport interface CartesianChartEmptyViewProps {\n  data?: ComponentProps<typeof ComposedChart>[\"data\"];\n}\n\nexport interface CartesianChartProps<TData = ChartDataValue>\n  extends\n    Pick<\n      ComponentProps<typeof ComposedChart>,\n      \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  /** The data points rendered by the chart. */\n  data?: TData[];\n\n  /** The height of the chart. */\n  height?: string;\n\n  /**\n   * The orientation of the axes and graphical items. `\"horizontal\"` puts the\n   * category axis on the x-axis — bars grow upwards. `\"vertical\"` puts it on\n   * the y-axis — bars grow to the side. `XAxis` and `YAxis` follow the layout\n   * on their own; only the `dataKey` moves to whichever axis is the categorical\n   * one.\n   *\n   * @default \"horizontal\"\n   */\n  layout?: CartesianChartLayout;\n\n  /** View that is provided when data is empty/undefined */\n  emptyView?: ReactNode;\n\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const CartesianChart: FC<CartesianChartProps> = (props) => {\n  const {\n    children,\n    data,\n    className,\n    height,\n    flexGrow,\n    emptyView,\n    layout = \"horizontal\",\n    ...rest\n  } = props;\n  const warnDeprecation = useWarnDeprecation();\n\n  const { viewDimensions, ref: containerRef } = useChartClipRect();\n\n  const showEmptyView = !!((!data || data.length === 0) && emptyView);\n  const rootClassName = clsx(\n    styles.cartesianChart,\n    showEmptyView && styles.emptyView,\n    className,\n  );\n  const usesDeprecatedEmptyView = !!emptyView && !isValidElement(emptyView);\n\n  if (usesDeprecatedEmptyView) {\n    warnDeprecation(\n      \"CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView.\",\n    );\n  }\n\n  const emptyElement = useMemo(() => {\n    if (isValidElement(emptyView)) {\n      return emptyView;\n    }\n\n    if (!emptyView) {\n      return;\n    }\n\n    return null;\n  }, [emptyView]);\n\n  const contextValue = useMemo(() => ({ layout }), [layout]);\n\n  return (\n    <CartesianChartContextProvider value={contextValue}>\n      <Wrap if={height}>\n        <div style={{ height, flex: flexGrow ? 1 : undefined }}>\n          <ResponsiveContainer\n            initialDimension={{\n              // fix warning on initial render\n              width: 1,\n              height: 1,\n            }}\n            width={height ? undefined : \"100%\"}\n            aspect={height ? undefined : 3}\n            ref={containerRef}\n          >\n            <ComposedChart\n              data={data}\n              className={rootClassName}\n              layout={layout}\n              {...rest}\n            >\n              {children}\n              {showEmptyView && viewDimensions && (\n                <foreignObject {...viewDimensions}>\n                  <DivView className={styles.emptyViewContainer}>\n                    {emptyElement}\n                  </DivView>\n                </foreignObject>\n              )}\n            </ComposedChart>\n          </ResponsiveContainer>\n        </div>\n      </Wrap>\n    </CartesianChartContextProvider>\n  );\n};\n\nexport const typedCartesianChart = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends ChartDataValue<any> = ChartDataValue<any>,\n  XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>,\n>() => ({\n  Chart: CartesianChart as ComponentType<CartesianChartProps<TData>>,\n  Area: TypedArea<TData>(),\n  Bar: TypedBar<TData>(),\n  XAxis: TypedXAxis<TData, XAxisDataKey>(),\n  YAxis: TypedYAxis<TData>(),\n  Grid: TypedChartGrid(),\n  Legend: TypedChartLegend(),\n  Tooltip: TypedChartTooltip<TData, XAxisDataKey>(),\n  Line: TypedLine<TData>(),\n});\n\nexport default CartesianChart;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EACJ,UACA,MACA,WACA,QACA,UACA,WACA,SAAS,cACT,GAAG,SACD;CACJ,MAAM,kBAAkB,mBAAmB;CAE3C,MAAM,EAAE,gBAAgB,KAAK,iBAAiB,iBAAiB;CAE/D,MAAM,gBAAgB,CAAC,GAAG,CAAC,QAAQ,KAAK,WAAW,MAAM;CACzD,MAAM,gBAAgB,KACpB,8BAAO,gBACP,iBAAiB,8BAAO,WACxB,SACF;CAGA,IAFgC,CAAC,CAAC,aAAa,CAAC,eAAe,SAAS,GAGtE,gBACE,2IACF;CAGF,MAAM,eAAe,cAAc;EACjC,IAAI,eAAe,SAAS,GAC1B,OAAO;EAGT,IAAI,CAAC,WACH;EAGF,OAAO;CACT,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe,eAAe,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC;CAEzD,OACE,oBAAC,+BAAD;EAA+B,OAAO;EACpC,UAAA,oBAAC,MAAD;GAAM,IAAI;GACR,UAAA,oBAAC,OAAD;IAAK,OAAO;KAAE;KAAQ,MAAM,WAAW,IAAI,KAAA;IAAU;IACnD,UAAA,oBAAC,qBAAD;KACE,kBAAkB;MAEhB,OAAO;MACP,QAAQ;KACV;KACA,OAAO,SAAS,KAAA,IAAY;KAC5B,QAAQ,SAAS,KAAA,IAAY;KAC7B,KAAK;KAEL,UAAA,qBAAC,eAAD;MACQ;MACN,WAAW;MACH;MACR,GAAI;MAJN,UAAA,CAMG,UACA,iBAAiB,kBAChB,oBAAC,iBAAD;OAAe,GAAI;OACjB,UAAA,oBAAC,SAAD;QAAS,WAAW,8BAAO;QACxB,UAAA;OACM,CAAA;MACI,CAAA,CAEJ;;IACI,CAAA;GAClB,CAAA;EACD,CAAA;CACuB,CAAA;AAEnC;AAEA,IAAa,6BAIL;CACN,OAAO;CACP,MAAM,UAAiB;CACvB,KAAK,SAAgB;CACrB,OAAO,WAAgC;CACvC,OAAO,WAAkB;CACzB,MAAM,eAAe;CACrB,QAAQ,iBAAiB;CACzB,SAAS,kBAAuC;CAChD,MAAM,UAAiB;AACzB"}

package/dist/js/packages/components/src/components/CartesianChart/components/Bar/Bar.mjs

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import { useDesignTokens } from "../../../../lib/theming/hooks/useDesignTokens.mjs";
+import { useCartesianChartContext } from "../../context.mjs";
+import { isCategoricalColor } from "../../../../lib/tokens/isCategoricalColor.mjs";
+import { isDataKeyWithLabel } from "../../types.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as Recharts from "recharts";
+//#region src/components/CartesianChart/components/Bar/Bar.tsx
+/** @flr-generate all */
+var Bar = (props) => {
+	const { color: colorFromProps = "sea-green", ...rest } = props;
+	const tokens = useDesignTokens();
+	const { layout } = useCartesianChartContext();
+	const color = isCategoricalColor(colorFromProps) ? `var(--color--categorical--${colorFromProps})` : colorFromProps;
+	const cornerRadius = parseInt(tokens.bar["corner-radius"].value);
+	const radius = props.stackId !== void 0 ? 0 : layout === "vertical" ? [
+		0,
+		cornerRadius,
+		cornerRadius,
+		0
+	] : [
+		cornerRadius,
+		cornerRadius,
+		0,
+		0
+	];
+	return /* @__PURE__ */ jsx(Recharts.Bar, {
+		name: isDataKeyWithLabel(props) ? props.dataKeyLabel : props.dataKey,
+		...rest,
+		fill: color,
+		radius
+	});
+};
+var TypedBar = () => Bar;
+//#endregion
+export { Bar, Bar as default, TypedBar };
+
+//# sourceMappingURL=Bar.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/components/Bar/Bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/Bar/Bar.tsx"],"sourcesContent":["import { type ComponentType, type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\nimport {\n  type ChartDataValue,\n  type DataKeyProp,\n  type DataKeyWithLabel,\n  isDataKeyWithLabel,\n} from \"@/components/CartesianChart/types\";\nimport { useCartesianChartContext } from \"@/components/CartesianChart/context\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\ntype BarBaseProps = Pick<\n  Recharts.BarProps,\n  | \"className\"\n  | \"stackId\"\n  | \"key\"\n  | \"xAxisId\"\n  | \"yAxisId\"\n  | \"unit\"\n  | \"barSize\"\n  | \"maxBarSize\"\n  | \"minPointSize\"\n> & {\n  /** The color of the bar. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n};\n\nexport interface BarPropsByDataKeyProp<\n  TData extends ChartDataValue = ChartDataValue,\n> extends BarBaseProps {\n  dataKey: DataKeyProp<TData>;\n}\n\nexport interface BarPropsByDataKey<\n  TData extends ChartDataValue = ChartDataValue,\n>\n  extends BarBaseProps, DataKeyWithLabel<TData> {}\n\nexport type BarProps<TData extends ChartDataValue = ChartDataValue> =\n  BarPropsByDataKey<TData> | BarPropsByDataKeyProp<TData>;\n\n/** @flr-generate all */\nexport const Bar: FC<BarProps> = (props) => {\n  const { color: colorFromProps = \"sea-green\", ...rest } = props;\n\n  const tokens = useDesignTokens();\n  const { layout } = useCartesianChartContext();\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  const cornerRadius = parseInt(tokens.bar[\"corner-radius\"].value);\n  const radius: Recharts.BarProps[\"radius\"] =\n    props.stackId !== undefined\n      ? 0\n      : layout === \"vertical\"\n        ? [0, cornerRadius, cornerRadius, 0]\n        : [cornerRadius, cornerRadius, 0, 0];\n\n  return (\n    <Recharts.Bar\n      name={isDataKeyWithLabel(props) ? props.dataKeyLabel : props.dataKey}\n      {...rest}\n      fill={color}\n      radius={radius}\n    />\n  );\n};\n\nexport const TypedBar = <TData extends ChartDataValue = ChartDataValue>() =>\n  Bar as ComponentType<BarPropsByDataKeyProp<TData>>;\n\nexport default Bar;\n"],"mappings":";;;;;;;;;;;AA4CA,IAAa,OAAqB,UAAU;CAC1C,MAAM,EAAE,OAAO,iBAAiB,aAAa,GAAG,SAAS;CAEzD,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,WAAW,yBAAyB;CAE5C,MAAM,QAAQ,mBAAmB,cAAc,IAC3C,6BAA6B,eAAe,KAC5C;CAEJ,MAAM,eAAe,SAAS,OAAO,IAAI,gBAAgB,CAAC,KAAK;CAC/D,MAAM,SACJ,MAAM,YAAY,KAAA,IACd,IACA,WAAW,aACT;EAAC;EAAG;EAAc;EAAc;CAAC,IACjC;EAAC;EAAc;EAAc;EAAG;CAAC;CAEzC,OACE,oBAAC,SAAS,KAAV;EACE,MAAM,mBAAmB,KAAK,IAAI,MAAM,eAAe,MAAM;EAC7D,GAAI;EACJ,MAAM;EACE;CACT,CAAA;AAEL;AAEA,IAAa,iBACX"}

package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs

@@ -3,7 +3,7 @@
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { ProgressBar } from "../../../ProgressBar/ProgressBar.mjs";
 import { Label } from "../../../Label/Label.mjs";
-import __locale_default from "../../../../../../../_virtual/_8.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_9.locale.mjs";
 import ChartTooltip_module_default from "./ChartTooltip.module.mjs";
 import { jsx } from "react/jsx-runtime";
 import { usePromise } from "@mittwald/react-use-promise";

package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/XAxis.mjs

@@ -7,9 +7,11 @@ import * as Recharts from "recharts";
 //#region src/components/CartesianChart/components/XAxis/XAxis.tsx
 /** @flr-generate all */
 var XAxis = (props) => {
+	const { type = "auto", ...rest } = props;
 	const tokens = useDesignTokens();
 	return /* @__PURE__ */ jsx(Recharts.XAxis, {
-		...props,
+		...rest,
+		type,
 		fontSize: tokens.axis["font-size"].value,
 		tick: { fill: tokens.axis["color"].value },
 		tickMargin: parseInt(tokens.axis.spacing.value),

package/dist/js/packages/components/src/components/CartesianChart/components/XAxis/XAxis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"XAxis.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport type {\n  ChartDataValue,\n  DataKey,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport type XAxisProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TDataKey extends DataKey<TData> = DataKey<TData>,\n  TDataKeyValue = DataKeyValue<TData, TDataKey>,\n> = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n> & {\n  dataKey?: TDataKey;\n  tickFormatter?: (value: TDataKeyValue, index: number) => string;\n};\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  const tokens = useDesignTokens();\n\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport { TypedXAxis } from \"./types\";\n\nexport default XAxis;\n"],"mappings":";;;;;;;;AAgCA,IAAa,SAAyB,UAAU;CAC9C,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,SAAS,OAAV;EACE,GAAI;EACJ,UAAU,OAAO,KAAK,YAAY,CAAC;EACnC,MAAM,EACJ,MAAM,OAAO,KAAK,QAAQ,CAAC,MAC7B;EACA,YAAY,SAAS,OAAO,KAAK,QAAQ,KAAK;EAC9C,UAAU,SAAS,OAAO,KAAK,YAAY,CAAC,KAAK;CAClD,CAAA;AAEL"}
+{"version":3,"file":"XAxis.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport type {\n  ChartDataValue,\n  DataKey,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport type XAxisProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TDataKey extends DataKey<TData> = DataKey<TData>,\n  TDataKeyValue = DataKeyValue<TData, TDataKey>,\n> = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n> & {\n  dataKey?: TDataKey;\n  tickFormatter?: (value: TDataKeyValue, index: number) => string;\n};\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  const { type = \"auto\", ...rest } = props;\n\n  const tokens = useDesignTokens();\n\n  return (\n    <Recharts.XAxis\n      {...rest}\n      type={type}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport { TypedXAxis } from \"./types\";\n\nexport default XAxis;\n"],"mappings":";;;;;;;;AAgCA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EAAE,OAAO,QAAQ,GAAG,SAAS;CAEnC,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,SAAS,OAAV;EACE,GAAI;EACE;EACN,UAAU,OAAO,KAAK,YAAY,CAAC;EACnC,MAAM,EACJ,MAAM,OAAO,KAAK,QAAQ,CAAC,MAC7B;EACA,YAAY,SAAS,OAAO,KAAK,QAAQ,KAAK;EAC9C,UAAU,SAAS,OAAO,KAAK,YAAY,CAAC,KAAK;CAClD,CAAA;AAEL"}

package/dist/js/packages/components/src/components/CartesianChart/components/YAxis/YAxis.mjs

@@ -7,12 +7,13 @@ import * as Recharts from "recharts";
 //#region src/components/CartesianChart/components/YAxis/YAxis.tsx
 /** @flr-generate all */
 var YAxis = (props) => {
-	const { domain, ...rest } = props;
+	const { domain, type = "auto", ...rest } = props;
 	const tokens = useDesignTokens();
 	return /* @__PURE__ */ jsx(Recharts.YAxis, {
 		...rest,
 		allowDataOverflow: true,
 		domain,
+		type,
 		fontSize: tokens.axis["font-size"].value,
 		tick: { fill: tokens.axis["color"].value },
 		tickMargin: parseInt(tokens.axis.spacing.value),

package/dist/js/packages/components/src/components/CartesianChart/components/YAxis/YAxis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YAxis.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/YAxis/YAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport type {\n  ChartDataValue,\n  DataKey,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport type YAxisProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TDataKey extends DataKey<TData> = DataKey<TData>,\n  TDataMatch = DataKeyValue<TData, TDataKey>,\n> = Pick<\n  Recharts.YAxisProps,\n  | \"className\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n> & {\n  dataKey?: TDataKey;\n  tickFormatter?: (value: TDataMatch, index: number) => string;\n};\n\n/** @flr-generate all */\nexport const YAxis: FC<YAxisProps> = (props) => {\n  const { domain, ...rest } = props;\n\n  const tokens = useDesignTokens();\n\n  return (\n    <Recharts.YAxis\n      {...rest}\n      allowDataOverflow\n      domain={domain}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport { TypedYAxis } from \"./types\";\n\nexport default YAxis;\n"],"mappings":";;;;;;;;AA+BA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EAAE,QAAQ,GAAG,SAAS;CAE5B,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,SAAS,OAAV;EACE,GAAI;EACJ,mBAAA;EACQ;EACR,UAAU,OAAO,KAAK,YAAY,CAAC;EACnC,MAAM,EACJ,MAAM,OAAO,KAAK,QAAQ,CAAC,MAC7B;EACA,YAAY,SAAS,OAAO,KAAK,QAAQ,KAAK;EAC9C,UAAU,SAAS,OAAO,KAAK,YAAY,CAAC,KAAK;CAClD,CAAA;AAEL"}
+{"version":3,"file":"YAxis.mjs","names":[],"sources":["../../../../../../../../../src/components/CartesianChart/components/YAxis/YAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport type {\n  ChartDataValue,\n  DataKey,\n  DataKeyValue,\n} from \"@/components/CartesianChart/types\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport type YAxisProps<\n  TData extends ChartDataValue = ChartDataValue,\n  TDataKey extends DataKey<TData> = DataKey<TData>,\n  TDataMatch = DataKeyValue<TData, TDataKey>,\n> = Pick<\n  Recharts.YAxisProps,\n  | \"className\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n> & {\n  dataKey?: TDataKey;\n  tickFormatter?: (value: TDataMatch, index: number) => string;\n};\n\n/** @flr-generate all */\nexport const YAxis: FC<YAxisProps> = (props) => {\n  const { domain, type = \"auto\", ...rest } = props;\n\n  const tokens = useDesignTokens();\n\n  return (\n    <Recharts.YAxis\n      {...rest}\n      allowDataOverflow\n      domain={domain}\n      type={type}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport { TypedYAxis } from \"./types\";\n\nexport default YAxis;\n"],"mappings":";;;;;;;;AA+BA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EAAE,QAAQ,OAAO,QAAQ,GAAG,SAAS;CAE3C,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,SAAS,OAAV;EACE,GAAI;EACJ,mBAAA;EACQ;EACF;EACN,UAAU,OAAO,KAAK,YAAY,CAAC;EACnC,MAAM,EACJ,MAAM,OAAO,KAAK,QAAQ,CAAC,MAC7B;EACA,YAAY,SAAS,OAAO,KAAK,QAAQ,KAAK;EAC9C,UAAU,SAAS,OAAO,KAAK,YAAY,CAAC,KAAK;CAClD,CAAA;AAEL"}

package/dist/js/packages/components/src/components/CartesianChart/context.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { createContext, useContext } from "react";
+//#region src/components/CartesianChart/context.ts
+var cartesianChartContext = createContext({ layout: "horizontal" });
+var useCartesianChartContext = () => useContext(cartesianChartContext);
+var CartesianChartContextProvider = cartesianChartContext.Provider;
+//#endregion
+export { CartesianChartContextProvider, useCartesianChartContext };
+
+//# sourceMappingURL=context.mjs.map

package/dist/js/packages/components/src/components/CartesianChart/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CartesianChartLayout } from \"@/components/CartesianChart/types\";\n\ninterface CartesianChartContext {\n  layout: CartesianChartLayout;\n}\n\nconst cartesianChartContext = createContext<CartesianChartContext>({\n  layout: \"horizontal\",\n});\n\nexport const useCartesianChartContext = (): CartesianChartContext =>\n  useContext(cartesianChartContext);\n\nexport const CartesianChartContextProvider = cartesianChartContext.Provider;\n"],"mappings":";;;;AAOA,IAAM,wBAAwB,cAAqC,EACjE,QAAQ,aACV,CAAC;AAED,IAAa,iCACX,WAAW,qBAAqB;AAElC,IAAa,gCAAgC,sBAAsB"}

package/dist/js/packages/components/src/components/CartesianChart/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/types.ts"],"sourcesContent":["export type ChartDataValue<TValue = unknown> = Record<string, TValue>;\n\nexport interface DataKeyWithLabel<TData extends ChartDataValue> {\n  dataKey: DataKeyFn<TData>;\n  dataKeyLabel: DataKeyProp<TData>;\n}\n\nexport type DataKeyFn<\n  TData extends ChartDataValue = ChartDataValue,\n  TValue = unknown,\n> = (data: TData) => TValue;\n\nexport type DataKeyProp<TData extends ChartDataValue = ChartDataValue> =\n  keyof TData;\n\nexport type DataKey<\n  TData extends ChartDataValue = ChartDataValue,\n  TValue = unknown,\n> = DataKeyProp<TData> | DataKeyFn<TData, TValue>;\n\nexport type DataKeyValue<\n  TData extends ChartDataValue,\n  TDataKey extends DataKey<TData>,\n> = TDataKey extends (data: TData) => infer R\n  ? R\n  : TDataKey extends keyof TData\n    ? TData[TDataKey]\n    : never;\n\nexport const isDataKeyWithLabel = <TData extends ChartDataValue>(\n  obj: unknown,\n): obj is DataKeyWithLabel<TData> => {\n  return (\n    typeof obj === \"object\" &&\n    obj !== null &&\n    \"dataKeyLabel\" in obj &&\n    typeof obj.dataKeyLabel === \"string\"\n  );\n};\n"],"mappings":";;;AA6BA,IAAa,sBACX,QACmC;CACnC,OACE,OAAO,QAAQ,YACf,QAAQ,QACR,kBAAkB,OAClB,OAAO,IAAI,iBAAiB;AAEhC"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../src/components/CartesianChart/types.ts"],"sourcesContent":["export type ChartDataValue<TValue = unknown> = Record<string, TValue>;\n\nexport interface DataKeyWithLabel<TData extends ChartDataValue> {\n  dataKey: DataKeyFn<TData>;\n  dataKeyLabel: DataKeyProp<TData>;\n}\n\nexport type DataKeyFn<\n  TData extends ChartDataValue = ChartDataValue,\n  TValue = unknown,\n> = (data: TData) => TValue;\n\nexport type DataKeyProp<TData extends ChartDataValue = ChartDataValue> =\n  keyof TData;\n\nexport type DataKey<\n  TData extends ChartDataValue = ChartDataValue,\n  TValue = unknown,\n> = DataKeyProp<TData> | DataKeyFn<TData, TValue>;\n\nexport type DataKeyValue<\n  TData extends ChartDataValue,\n  TDataKey extends DataKey<TData>,\n> = TDataKey extends (data: TData) => infer R\n  ? R\n  : TDataKey extends keyof TData\n    ? TData[TDataKey]\n    : never;\n\nexport const isDataKeyWithLabel = <TData extends ChartDataValue>(\n  obj: unknown,\n): obj is DataKeyWithLabel<TData> => {\n  return (\n    typeof obj === \"object\" &&\n    obj !== null &&\n    \"dataKeyLabel\" in obj &&\n    typeof obj.dataKeyLabel === \"string\"\n  );\n};\n\n/**\n * The orientation of the chart's axes and graphical items. `\"horizontal\"` puts\n * the category axis on the x-axis (bars grow upwards), `\"vertical\"` puts it on\n * the y-axis (bars grow to the side).\n */\nexport type CartesianChartLayout = \"horizontal\" | \"vertical\";\n"],"mappings":";;;AA6BA,IAAa,sBACX,QACmC;CACnC,OACE,OAAO,QAAQ,YACf,QAAQ,QACR,kBAAkB,OAClB,OAAO,IAAI,iBAAiB;AAEhC"}

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

@@ -4,7 +4,7 @@ import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalized
 import { Button } from "../Button/Button.mjs";
 import CodeBlock_module_default from "./CodeBlock.module.mjs";
 import { CodeEditor } from "../CodeEditor/CodeEditor.mjs";
-import __locale_default from "../../../../../_virtual/_10.locale.mjs";
+import __locale_default from "../../../../../_virtual/_11.locale.mjs";
 import clsx from "clsx";
 import { useId, useState } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -10,7 +10,7 @@ import { useOverlayController } from "../../lib/controller/overlay/useOverlayCon
 import { Options } from "../Options/Options.mjs";
 import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
 import ComboBox_module_default from "./ComboBox.module.mjs";
-import __locale_default from "../../../../../_virtual/_11.locale.mjs";
+import __locale_default from "../../../../../_virtual/_12.locale.mjs";
 import clsx from "clsx";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/js/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs

@@ -5,7 +5,7 @@ import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mj
 import { IconInfo } from "../../../Icon/components/icons/IconInfo.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { OverlayTrigger } from "../../../OverlayTrigger/OverlayTrigger.mjs";
-import __locale_default from "../../../../../../../_virtual/_12.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_4.locale.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
 //#region src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx

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

@@ -5,7 +5,7 @@ import { IconCopy } from "../Icon/components/icons/IconCopy.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Action } from "../Action/Action.mjs";
-import __locale_default from "../../../../../_virtual/_9.locale.mjs";
+import __locale_default from "../../../../../_virtual/_10.locale.mjs";
 import { TooltipTrigger } from "../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs";
 import { Tooltip } from "../Tooltip/Tooltip.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/js/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.module.mjs","names":[],"sources":["../../../../../../../../../src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.dateRangeInput {\n  display: flex;\n  justify-content: space-between;\n\n  @include formControl.formControl();\n\n  > div {\n    display: flex;\n    align-items: center;\n  }\n\n  :global(.react-aria-DateInput) {\n    display: flex;\n  }\n\n  :global(.react-aria-DateSegment) {\n    border-radius: var(--date-picker--date-segment-corner-radius);\n    transition-property: background-color;\n    transition-duration: var(--transition--duration--default);\n\n    &:focus {\n      background: var(--date-picker--date-segment-background-color--focused);\n      outline: none;\n    }\n  }\n\n  > span {\n    display: flex;\n    align-items: center;\n  }\n\n  :global(.react-aria-DateInput):first-of-type {\n    padding-inline-end: 2px;\n  }\n\n  :global(.react-aria-DateInput):last-of-type {\n    padding-inline-start: 2px;\n  }\n\n  :global(.flow--button) {\n    margin-block: calc((var(--form-control--padding-y) - 1px) * -1);\n    margin-inline-end: calc(var(--form-control--padding-x) * -1);\n    padding: calc(\n      var(--button--padding-icon-only) - var(--form-control--border-width)\n    );\n    outline-offset: calc(var(--size-px--xxxs) * -1);\n  }\n\n  [data-placeholder=\"true\"] ~ * {\n    color: var(--form-control--placeholder-color--default);\n  }\n\n  [data-disabled=\"true\"] ~ * {\n    color: var(--form-control--placeholder-color--disabled);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"DateRangeInput.module.mjs","names":[],"sources":["../../../../../../../../../src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.dateRangeInput {\n  display: flex;\n  justify-content: space-between;\n\n  @include formControl.formControl();\n\n  > div {\n    display: flex;\n    align-items: center;\n  }\n\n  :global(.react-aria-DateInput) {\n    display: flex;\n  }\n\n  :global(.react-aria-DateSegment) {\n    border-radius: var(--date-picker--date-segment-corner-radius);\n    transition-property: background-color;\n    transition-duration: var(--transition--duration--default);\n\n    &:focus {\n      background: var(--date-picker--date-segment-background-color--focused);\n      outline: none;\n    }\n  }\n\n  > span {\n    display: flex;\n    align-items: center;\n  }\n\n  :global(.react-aria-DateInput):first-of-type {\n    padding-inline-end: var(--size-px--xxs);\n  }\n\n  :global(.react-aria-DateInput):last-of-type {\n    padding-inline-start: var(--size-px--xxs);\n  }\n\n  :global(.flow--button) {\n    margin-block: calc((var(--form-control--padding-y) - 1px) * -1);\n    margin-inline-end: calc(var(--form-control--padding-x) * -1);\n    padding: calc(\n      var(--button--padding-icon-only) - var(--form-control--border-width)\n    );\n    outline-offset: calc(var(--size-px--xxxs) * -1);\n  }\n\n  [data-placeholder=\"true\"] ~ * {\n    color: var(--form-control--placeholder-color--default);\n  }\n\n  [data-disabled=\"true\"] ~ * {\n    color: var(--form-control--placeholder-color--disabled);\n  }\n}\n"],"mappings":""}

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

@@ -3,8 +3,8 @@
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { Wrap } from "../Wrap/Wrap.mjs";
-import { Text } from "../Text/Text.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import { Text } from "../Text/Text.mjs";
 import { Avatar } from "./components/Avatar/Avatar.mjs";
 import FileCard_module_default from "./FileCard.module.mjs";
 import { FileSizeText } from "./components/FileSizeText/FileSizeText.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.module.mjs","names":[],"sources":["../../../../../../../src/components/Heading/Heading.module.scss"],"sourcesContent":[".heading {\n  color: var(--heading--color);\n  font-size: var(--font-size);\n  font-weight: var(--heading--font-weight);\n  text-wrap-style: pretty;\n\n  --heading-line-height: calc(var(--font-size) * var(--line-height));\n\n  @mixin color($color) {\n    &.#{$color} {\n      color: var(--heading--color-#{$color});\n    }\n  }\n\n  @include color(\"danger\");\n  @include color(\"unavailable\");\n  @include color(\"dark\");\n  @include color(\"light\");\n  @include color(\"dark-static\");\n  @include color(\"light-static\");\n\n  .headingText {\n    .icon {\n      height: var(--heading-line-height);\n      width: var(--heading-line-height);\n      vertical-align: bottom;\n      display: inline-block;\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n\n    &:not(:last-child):has(+ .headingContent:not(:empty)) {\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n  }\n\n  .headingContent {\n    vertical-align: bottom;\n    display: inline-flex;\n    min-height: var(--heading-line-height);\n    align-items: center;\n    gap: var(--heading--icon-to-text-spacing);\n    flex-wrap: wrap;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &:where(h1),\n  &:where(.h1) {\n    --font-size: var(--font-size-heading--xl);\n  }\n\n  &:where(h2),\n  &:where(.h2) {\n    --font-size: var(--font-size-heading--m);\n  }\n\n  &:where(h3),\n  &:where(.h3) {\n    --font-size: var(--font-size-heading--s);\n  }\n\n  &:where(h4),\n  &:where(.h4),\n  &:where(h5),\n  &:where(.h5),\n  &:where(h6),\n  &:where(.h6) {\n    --font-size: var(--font-size-heading--xs);\n  }\n\n  @mixin size($size) {\n    &.size-#{$size} {\n      --font-size: var(--font-size-heading--#{$size});\n    }\n  }\n\n  @include size(\"xs\");\n  @include size(\"s\");\n  @include size(\"m\");\n  @include size(\"l\");\n  @include size(\"xl\");\n  @include size(\"xxl\");\n\n  &:where(.wrap-wrap) {\n    text-wrap: wrap;\n  }\n\n  &:where(.wrap-balance) {\n    text-wrap: balance;\n  }\n}\n\n@media (max-width: 768px) {\n  .heading {\n    &:where(h1),\n    &.size-xl {\n      --font-size: var(--font-size-heading--l);\n    }\n\n    &.size-l {\n      --font-size: var(--font-size-heading--m);\n    }\n\n    &:where(h2),\n    &.size-m {\n      --font-size: var(--font-size-heading--s);\n    }\n\n    &:where(h3),\n    &.size-s {\n      --font-size: var(--font-size-heading--xs);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Heading.module.mjs","names":[],"sources":["../../../../../../../src/components/Heading/Heading.module.scss"],"sourcesContent":[".heading {\n  color: var(--heading--color);\n  font-size: var(--font-size);\n  font-weight: var(--heading--font-weight);\n  text-wrap-style: pretty;\n\n  --heading-line-height: calc(var(--font-size) * var(--line-height));\n\n  @mixin color($color) {\n    &.#{$color} {\n      color: var(--heading--color-#{$color});\n    }\n  }\n\n  @include color(\"danger\");\n  @include color(\"unavailable\");\n  @include color(\"dark\");\n  @include color(\"light\");\n  @include color(\"dark-static\");\n  @include color(\"light-static\");\n\n  .headingText {\n    .icon {\n      height: var(--heading-line-height);\n      width: var(--heading-line-height);\n      vertical-align: bottom;\n      display: inline-block;\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n  }\n\n  .headingContent {\n    vertical-align: bottom;\n    display: inline-flex;\n    margin-inline-start: var(--heading--icon-to-text-spacing);\n    min-height: var(--heading-line-height);\n    align-items: center;\n    gap: var(--heading--icon-to-text-spacing);\n    flex-wrap: wrap;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &:where(h1),\n  &:where(.h1) {\n    --font-size: var(--font-size-heading--xl);\n  }\n\n  &:where(h2),\n  &:where(.h2) {\n    --font-size: var(--font-size-heading--m);\n  }\n\n  &:where(h3),\n  &:where(.h3) {\n    --font-size: var(--font-size-heading--s);\n  }\n\n  &:where(h4),\n  &:where(.h4),\n  &:where(h5),\n  &:where(.h5),\n  &:where(h6),\n  &:where(.h6) {\n    --font-size: var(--font-size-heading--xs);\n  }\n\n  @mixin size($size) {\n    &.size-#{$size} {\n      --font-size: var(--font-size-heading--#{$size});\n    }\n  }\n\n  @include size(\"xs\");\n  @include size(\"s\");\n  @include size(\"m\");\n  @include size(\"l\");\n  @include size(\"xl\");\n  @include size(\"xxl\");\n\n  &:where(.wrap-wrap) {\n    text-wrap: wrap;\n  }\n\n  &:where(.wrap-balance) {\n    text-wrap: balance;\n  }\n}\n\n@media (max-width: 768px) {\n  .heading {\n    &:where(h1),\n    &.size-xl {\n      --font-size: var(--font-size-heading--l);\n    }\n\n    &.size-l {\n      --font-size: var(--font-size-heading--m);\n    }\n\n    &:where(h2),\n    &.size-m {\n      --font-size: var(--font-size-heading--s);\n    }\n\n    &:where(h3),\n    &.size-s {\n      --font-size: var(--font-size-heading--xs);\n    }\n  }\n}\n"],"mappings":""}

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

@@ -5,7 +5,7 @@ import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import Label_module_default from "./Label.module.mjs";
-import __locale_default from "../../../../../_virtual/_7.locale.mjs";
+import __locale_default from "../../../../../_virtual/_8.locale.mjs";
 import clsx from "clsx";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -5,8 +5,8 @@ import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { IconClose } from "../Icon/components/icons/IconClose.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
-import DivView from "../../views/DivView.mjs";
 import ButtonView from "../../views/ButtonView.mjs";
+import DivView from "../../views/DivView.mjs";
 import __locale_default from "../../../../../_virtual/_20.locale.mjs";
 import { Overlay } from "../Overlay/Overlay.mjs";
 import LightBox_module_default from "./LightBox.module.mjs";

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

@@ -4,7 +4,6 @@ import { PropsContextProvider } from "../../lib/propsContext/components/PropsCon
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
 import { isAlphaColor } from "../../lib/types/props.mjs";
-import { Text } from "../Text/Text.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import Link_module_default from "./Link.module.mjs";
 import { linkContext } from "./context.mjs";
@@ -51,7 +50,7 @@ var Link = flowComponent("Link", (props) => {
 			size: props.size,
 			color: props.color === "default" ? void 0 : props.color,
 			isDisabled: props.isDisabled,
-			children: dynamic((buttonProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Text, { children: buttonProps.children }), /* @__PURE__ */ jsx(LinkIcon, {
+			children: dynamic((buttonProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [buttonProps.children, /* @__PURE__ */ jsx(LinkIcon, {
 				download,
 				target,
 				unstyled

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

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":[],"sources":["../../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { Text } from \"@/components/Text\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { handleLinkClick, useRouter } from \"@react-aria/utils\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface LinkProps\n  extends\n    PropsWithChildren<Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">>,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Marks the link as the currently active one, e.g. in a navigation. */\n  \"aria-current\"?: string;\n  /** The name of the slot the link is placed in. */\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"default\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    size = \"m\",\n    onClickCapture: onClickCaptureFromProps,\n    target,\n    download,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const router = useRouter();\n\n  /**\n   * An interactive child (e.g. a Button) stops click propagation via React\n   * Aria's `usePress`, so the anchor's own `onClick` never runs and navigation\n   * falls back to a full page load. Handling it in the capture phase (top-down,\n   * before the child) keeps navigation client-side. Only needed for React\n   * Aria's `<a>`; custom link components handle navigation themselves.\n   */\n  const handleClickCapture =\n    Link === Aria.Link && props.href\n      ? (event: MouseEvent<HTMLAnchorElement>) => {\n          onClickCaptureFromProps?.(event);\n          if (event.target !== event.currentTarget) {\n            handleLinkClick(event, router, props.href, props.routerOptions);\n          }\n        }\n      : onClickCaptureFromProps;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        isAlphaColor(color) && styles[color],\n        size === \"s\" && styles[\"size-s\"],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      tunnel: {\n        component: \"Link\",\n        id: \"icon\",\n      },\n      className: styles.icon,\n      size: \"s\",\n    },\n    AlertText: {\n      className: styles.alertText,\n    },\n    AccentBox: { className: styles.accentBox },\n    LayoutCard: { className: styles.layoutCard },\n    Button: {\n      elementType: \"span\",\n      className: styles.button,\n      size: props.size,\n      color: props.color === \"default\" ? undefined : props.color,\n      isDisabled: props.isDisabled,\n      children: dynamic((buttonProps) => (\n        <>\n          <Text>{buttonProps.children}</Text>\n          <LinkIcon download={download} target={target} unstyled={unstyled} />\n        </>\n      )),\n    },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      target={target}\n      download={download}\n      onClickCapture={handleClickCapture}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <LinkIcon\n          withZeroWidthJoiner\n          unstyled={unstyled}\n          target={target}\n          download={download}\n        >\n          <UiComponentTunnelExit id={\"icon\"} component={\"Link\"} />\n        </LinkIcon>\n      </PropsContextProvider>\n    </Link>\n  );\n});\n\nexport default Link;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkDA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,QACA,eAAe,wBACf,QAAQ,WACR,WAAW,OACX,gBAAgB,aAChB,KACA,MAAM,iBACN,OACA,YACA,OAAO,KACP,gBAAgB,yBAChB,QACA,UACA,GAAG,SACD;CAEJ,MAAM,EAAE,eAAe,6BAA6B,WAAW,WAAW;CAC1E,MAAM,OAAO,yBACR,yBACD,MAAM,QAAQ,2BACX,2BACD,KAAK;CAEX,MAAM,SAAS,UAAU;;;;;;;;CASzB,MAAM,qBACJ,SAAS,KAAK,QAAQ,MAAM,QACvB,UAAyC;EACxC,0BAA0B,KAAK;EAC/B,IAAI,MAAM,WAAW,MAAM,eACzB,gBAAgB,OAAO,QAAQ,MAAM,MAAM,MAAM,aAAa;CAElE,IACA;CAEN,MAAM,gBAAgB,WAClB,YACA,KACE,oBAAO,MACP,UAAU,oBAAO,QACjB,aAAa,KAAK,KAAK,oBAAO,QAC9B,SAAS,OAAO,oBAAO,WACvB,SACF;CAEJ,MAAM,eAA6B;EACjC,MAAM;GACJ,QAAQ;IACN,WAAW;IACX,IAAI;GACN;GACA,WAAW,oBAAO;GAClB,MAAM;EACR;EACA,WAAW,EACT,WAAW,oBAAO,UACpB;EACA,WAAW,EAAE,WAAW,oBAAO,UAAU;EACzC,YAAY,EAAE,WAAW,oBAAO,WAAW;EAC3C,QAAQ;GACN,aAAa;GACb,WAAW,oBAAO;GAClB,MAAM,MAAM;GACZ,OAAO,MAAM,UAAU,YAAY,KAAA,IAAY,MAAM;GACrD,YAAY,MAAM;GAClB,UAAU,SAAS,gBACjB,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAO,YAAY,SAAe,CAAA,GAClC,oBAAC,UAAD;IAAoB;IAAkB;IAAkB;GAAW,CAAA,CACnE,EAAA,CAAA,CACH;EACH;CACF;CAQA,OACE,oBAAC,MAAD;EACE,GARgC,cAC/B,EACC,gBAAgB,KAClB,IACA,CAAC;EAKD,GAAI;EACI;EACE;EACV,gBAAgB;EAChB,WAAW;EACN;EACL,OAAO;GAAE,GAAG;GAAO;EAAW;EAE9B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,UACD,oBAAC,UAAD;IACE,qBAAA;IACU;IACF;IACE;IAEV,UAAA,oBAAC,uBAAD;KAAuB,IAAI;KAAQ,WAAW;IAAS,CAAA;GAC/C,CAAA,CACU;;CAClB,CAAA;AAEV,CAAC"}
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { handleLinkClick, useRouter } from \"@react-aria/utils\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface LinkProps\n  extends\n    PropsWithChildren<Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">>,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Marks the link as the currently active one, e.g. in a navigation. */\n  \"aria-current\"?: string;\n  /** The name of the slot the link is placed in. */\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"default\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    size = \"m\",\n    onClickCapture: onClickCaptureFromProps,\n    target,\n    download,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const router = useRouter();\n\n  /**\n   * An interactive child (e.g. a Button) stops click propagation via React\n   * Aria's `usePress`, so the anchor's own `onClick` never runs and navigation\n   * falls back to a full page load. Handling it in the capture phase (top-down,\n   * before the child) keeps navigation client-side. Only needed for React\n   * Aria's `<a>`; custom link components handle navigation themselves.\n   */\n  const handleClickCapture =\n    Link === Aria.Link && props.href\n      ? (event: MouseEvent<HTMLAnchorElement>) => {\n          onClickCaptureFromProps?.(event);\n          if (event.target !== event.currentTarget) {\n            handleLinkClick(event, router, props.href, props.routerOptions);\n          }\n        }\n      : onClickCaptureFromProps;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        isAlphaColor(color) && styles[color],\n        size === \"s\" && styles[\"size-s\"],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      tunnel: {\n        component: \"Link\",\n        id: \"icon\",\n      },\n      className: styles.icon,\n      size: \"s\",\n    },\n    AlertText: {\n      className: styles.alertText,\n    },\n    AccentBox: { className: styles.accentBox },\n    LayoutCard: { className: styles.layoutCard },\n    Button: {\n      elementType: \"span\",\n      className: styles.button,\n      size: props.size,\n      color: props.color === \"default\" ? undefined : props.color,\n      isDisabled: props.isDisabled,\n      children: dynamic((buttonProps) => (\n        <>\n          {buttonProps.children}\n          <LinkIcon download={download} target={target} unstyled={unstyled} />\n        </>\n      )),\n    },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      target={target}\n      download={download}\n      onClickCapture={handleClickCapture}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <LinkIcon\n          withZeroWidthJoiner\n          unstyled={unstyled}\n          target={target}\n          download={download}\n        >\n          <UiComponentTunnelExit id={\"icon\"} component={\"Link\"} />\n        </LinkIcon>\n      </PropsContextProvider>\n    </Link>\n  );\n});\n\nexport default Link;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiDA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,QACA,eAAe,wBACf,QAAQ,WACR,WAAW,OACX,gBAAgB,aAChB,KACA,MAAM,iBACN,OACA,YACA,OAAO,KACP,gBAAgB,yBAChB,QACA,UACA,GAAG,SACD;CAEJ,MAAM,EAAE,eAAe,6BAA6B,WAAW,WAAW;CAC1E,MAAM,OAAO,yBACR,yBACD,MAAM,QAAQ,2BACX,2BACD,KAAK;CAEX,MAAM,SAAS,UAAU;;;;;;;;CASzB,MAAM,qBACJ,SAAS,KAAK,QAAQ,MAAM,QACvB,UAAyC;EACxC,0BAA0B,KAAK;EAC/B,IAAI,MAAM,WAAW,MAAM,eACzB,gBAAgB,OAAO,QAAQ,MAAM,MAAM,MAAM,aAAa;CAElE,IACA;CAEN,MAAM,gBAAgB,WAClB,YACA,KACE,oBAAO,MACP,UAAU,oBAAO,QACjB,aAAa,KAAK,KAAK,oBAAO,QAC9B,SAAS,OAAO,oBAAO,WACvB,SACF;CAEJ,MAAM,eAA6B;EACjC,MAAM;GACJ,QAAQ;IACN,WAAW;IACX,IAAI;GACN;GACA,WAAW,oBAAO;GAClB,MAAM;EACR;EACA,WAAW,EACT,WAAW,oBAAO,UACpB;EACA,WAAW,EAAE,WAAW,oBAAO,UAAU;EACzC,YAAY,EAAE,WAAW,oBAAO,WAAW;EAC3C,QAAQ;GACN,aAAa;GACb,WAAW,oBAAO;GAClB,MAAM,MAAM;GACZ,OAAO,MAAM,UAAU,YAAY,KAAA,IAAY,MAAM;GACrD,YAAY,MAAM;GAClB,UAAU,SAAS,gBACjB,qBAAA,YAAA,EAAA,UAAA,CACG,YAAY,UACb,oBAAC,UAAD;IAAoB;IAAkB;IAAkB;GAAW,CAAA,CACnE,EAAA,CAAA,CACH;EACH;CACF;CAQA,OACE,oBAAC,MAAD;EACE,GARgC,cAC/B,EACC,gBAAgB,KAClB,IACA,CAAC;EAKD,GAAI;EACI;EACE;EACV,gBAAgB;EAChB,WAAW;EACN;EACL,OAAO;GAAE,GAAG;GAAO;EAAW;EAE9B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,UACD,oBAAC,UAAD;IACE,qBAAA;IACU;IACF;IACE;IAEV,UAAA,oBAAC,uBAAD;KAAuB,IAAI;KAAQ,WAAW;IAAS,CAAA;GAC/C,CAAA,CACU;;CAClB,CAAA;AAEV,CAAC"}

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

@@ -4,8 +4,8 @@
 var link = "flow--link";
 var inline = "flow--link--inline";
 var icon = "flow--link--icon";
-var button = "flow--link--button";
 var linkIcon = "flow--link--link-icon";
+var button = "flow--link--button";
 var light = "flow--link--light";
 var dark = "flow--link--dark";
 var alertText = "flow--link--alert-text";
@@ -15,9 +15,9 @@ var Link_module_default = {
 	link,
 	inline,
 	icon,
+	linkIcon,
 	"size-s": "flow--link--size-s",
 	button,
-	linkIcon,
 	light,
 	dark,
 	"dark-static": "flow--link--dark-static",

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

@@ -1 +1 @@
-{"version":3,"file":"Link.module.mjs","names":[],"sources":["../../../../../../../src/components/Link/Link.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.link {\n  display: inline-block;\n  font-weight: var(--link--font-weight);\n  transition-property: color;\n  transition-duration: var(--transition--duration--default);\n  color: var(--link--color--default);\n  width: fit-content;\n\n  &:hover {\n    color: var(--link--color--hover);\n  }\n\n  &[data-pressed] {\n    color: var(--link--color--pressed);\n  }\n\n  @include focus.focus;\n\n  &:not([aria-disabled]) {\n    cursor: pointer;\n  }\n\n  &.inline {\n    font-weight: normal;\n    font-size: var(--font-size-text--m);\n    text-decoration: underline;\n  }\n\n  /* Elements */\n\n  .icon {\n    margin-inline-start: var(--link--spacing);\n    vertical-align: text-bottom;\n    height: var(--link--icon-height);\n  }\n\n  &[aria-disabled] {\n    color: var(--link--color--disabled);\n  }\n\n  /* Size s */\n\n  &.size-s {\n    font-size: var(--font-size-text--s);\n\n    .icon {\n      height: var(--link--icon-height-s);\n    }\n  }\n\n  &:has(.button) {\n    > .linkIcon {\n      display: none;\n    }\n  }\n\n  /* Alpha Colors */\n  @mixin color($color) {\n    &:where(.#{$color}) {\n      color: var(--link--color-#{$color}--default);\n\n      &:hover {\n        color: var(--link--color-#{$color}--hover);\n      }\n\n      &[data-pressed] {\n        color: var(--link--color-#{$color}--pressed);\n      }\n\n      &[aria-disabled] {\n        color: var(--link--color-#{$color}--disabled);\n      }\n    }\n  }\n\n  @include color(light);\n  @include color(dark);\n  @include color(dark-static);\n  @include color(light-static);\n\n  /* AlertText Colors */\n  @mixin status($status) {\n    &:has(.alertText[class*=\"#{$status}\"]) {\n      color: var(--alert-text--#{$status}-color);\n    }\n  }\n\n  @include status(\"danger\");\n  @include status(\"success\");\n  @include status(\"warning\");\n  @include status(\"info\");\n  @include status(\"unavailable\");\n\n  &:has(> .accentBox),\n  &:has(> .layoutCard) {\n    color: unset;\n    font-weight: unset;\n    display: block;\n    min-width: 0;\n    width: auto;\n\n    .linkIcon {\n      display: none;\n    }\n  }\n\n  &:has(> .accentBox) {\n    border-radius: var(--accent-box--corner-radius);\n  }\n\n  &:has(> .layoutCard) {\n    border-radius: var(--layout-card--corner-radius);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Link.module.mjs","names":[],"sources":["../../../../../../../src/components/Link/Link.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.link {\n  display: inline-block;\n  font-weight: var(--link--font-weight);\n  transition-property: color;\n  transition-duration: var(--transition--duration--default);\n  color: var(--link--color--default);\n  width: fit-content;\n\n  &:hover {\n    color: var(--link--color--hover);\n  }\n\n  &[data-pressed] {\n    color: var(--link--color--pressed);\n  }\n\n  @include focus.focus;\n\n  &:not([aria-disabled]) {\n    cursor: pointer;\n  }\n\n  &.inline {\n    font-weight: normal;\n    font-size: var(--font-size-text--m);\n    text-decoration: underline;\n  }\n\n  /* Elements */\n\n  .icon {\n    margin-inline-start: var(--link--spacing);\n    vertical-align: text-bottom;\n    height: var(--link--icon-height);\n  }\n\n  .linkIcon {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  &[aria-disabled] {\n    color: var(--link--color--disabled);\n  }\n\n  /* Size s */\n\n  &.size-s {\n    font-size: var(--font-size-text--s);\n\n    .icon {\n      height: var(--link--icon-height-s);\n    }\n  }\n\n  &:has(.button) {\n    > .linkIcon {\n      display: none;\n    }\n  }\n\n  /* Alpha Colors */\n  @mixin color($color) {\n    &:where(.#{$color}) {\n      color: var(--link--color-#{$color}--default);\n\n      &:hover {\n        color: var(--link--color-#{$color}--hover);\n      }\n\n      &[data-pressed] {\n        color: var(--link--color-#{$color}--pressed);\n      }\n\n      &[aria-disabled] {\n        color: var(--link--color-#{$color}--disabled);\n      }\n    }\n  }\n\n  @include color(light);\n  @include color(dark);\n  @include color(dark-static);\n  @include color(light-static);\n\n  /* AlertText Colors */\n  @mixin status($status) {\n    &:has(.alertText[class*=\"#{$status}\"]) {\n      color: var(--alert-text--#{$status}-color);\n    }\n  }\n\n  @include status(\"danger\");\n  @include status(\"success\");\n  @include status(\"warning\");\n  @include status(\"info\");\n  @include status(\"unavailable\");\n\n  &:has(> .accentBox),\n  &:has(> .layoutCard) {\n    color: unset;\n    font-weight: unset;\n    display: block;\n    min-width: 0;\n    width: auto;\n\n    .linkIcon {\n      display: none;\n    }\n  }\n\n  &:has(> .accentBox) {\n    border-radius: var(--accent-box--corner-radius);\n  }\n\n  &:has(> .layoutCard) {\n    border-radius: var(--layout-card--corner-radius);\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs

@@ -1,8 +1,8 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx

package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -4,9 +4,9 @@ import { IconClose } from "../../../../../Icon/components/icons/IconClose.mjs";
 import { IconSave } from "../../../../../Icon/components/icons/IconSave.mjs";
 import { IconUndo } from "../../../../../Icon/components/icons/IconUndo.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
 import DivView from "../../../../../../views/DivView.mjs";
 import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import ActiveFilters_module_default from "./ActiveFilters.module.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs

@@ -3,9 +3,9 @@
 import { IconFilter } from "../../../../../Icon/components/icons/IconFilter.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
 import { SkeletonText } from "../../../../../SkeletonText/SkeletonText.mjs";
 import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
 import HeadingView from "../../../../../../views/HeadingView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs

@@ -1,9 +1,9 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
 import { Flex } from "../../../../../Flex/Flex.mjs";
 import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
 import RangeCalendarView from "../../../../../../views/RangeCalendarView.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs

@@ -1,9 +1,9 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
 import { Flex } from "../../../../../Flex/Flex.mjs";
 import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
 import RadioGroupView from "../../../../../../views/RadioGroupView.mjs";
 import RadioView from "../../../../../../views/RadioView.mjs";
 import "react";

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.mjs

@@ -4,9 +4,9 @@ import { IconFilter } from "../../../../../Icon/components/icons/IconFilter.mjs"
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
 import { Popover } from "../../../../../Popover/Popover.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
 import { PopoverTrigger } from "../../../../../Popover/components/PopoverTrigger/PopoverTrigger.mjs";
 import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import Header_module_default from "../../Header.module.mjs";
 import FilterContextMenus_module_default from "./FilterContextMenus.module.mjs";