@mittwald/flow-react-components 0.2.0-alpha.26 → 0.2.0-alpha.261

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} (${s.valueText ?? (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} (${s.valueText ?? (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,EAAE,SAAc,KAAA,aAAA,GAAgB,SAAU,CAAA,MAAA,CAAO,EAAE,KAAK,CAAA,GAAI,CAAG,EAAA,CAAA,CAAE,KAAK,CAAK,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,GAC7F,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from '../ProgressBar.module.scss.mjs';
+import 'react';
+import { useNumberFormatter, useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@162914df08c90e5e10d2f78b03d9d768.mjs';
+
+const ProgressBarValue = (props) => {
+  const {
+    showMaxValue,
+    maxValue,
+    value = 0,
+    formatOptions,
+    valueLabel
+  } = props;
+  const formatter = useNumberFormatter(formatOptions);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const maxValueText = !showMaxValue || !maxValue ? void 0 : formatOptions ? formatter.format(maxValue) : `${maxValue} %`;
+  const valueText = formatOptions ? formatter.format(value) : `${value} %`;
+  const textWithMaxValue = `${value} ${stringFormatter.format("progressBar.of")} ${maxValueText}`;
+  return /* @__PURE__ */ jsx("span", { className: styles.value, children: valueLabel ?? (maxValueText ? textWithMaxValue : 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, type ReactNode } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props\n  extends Pick<\n    ProgressBarProps,\n    \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n  > {\n  value?: number;\n  valueLabel?: ReactNode;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n  const {\n    showMaxValue,\n    maxValue,\n    value = 0,\n    formatOptions,\n    valueLabel,\n  } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const maxValueText =\n    !showMaxValue || !maxValue\n      ? undefined\n      : formatOptions\n        ? formatter.format(maxValue)\n        : `${maxValue} %`;\n\n  const valueText = formatOptions ? formatter.format(value) : `${value} %`;\n\n  const textWithMaxValue = `${value} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`;\n\n  return (\n    <span className={styles.value}>\n      {valueLabel ?? (maxValueText ? textWithMaxValue : valueText)}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAea,MAAA,gBAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,aAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,YACJ,GAAA,CAAC,YAAgB,IAAA,CAAC,QACd,GAAA,MAAA,GACA,aACE,GAAA,SAAA,CAAU,MAAO,CAAA,QAAQ,CACzB,GAAA,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAEnB,EAAA,MAAM,YAAY,aAAgB,GAAA,SAAA,CAAU,OAAO,KAAK,CAAA,GAAI,GAAG,KAAK,CAAA,EAAA,CAAA;AAEpE,EAAM,MAAA,gBAAA,GAAmB,GAAG,KAAK,CAAA,CAAA,EAAI,gBAAgB,MAAO,CAAA,gBAAgB,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA;AAE7F,EACE,uBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,OACrB,QAAe,EAAA,UAAA,KAAA,YAAA,GAAe,mBAAmB,SACpD,CAAA,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,74 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './RadioGroup.module.scss.mjs';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { ColumnLayout } from '../ColumnLayout/ColumnLayout.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const RadioGroup = flowComponent("RadioGroup", (props) => {
+  const { children, className, s, m, l, ref, ...rest } = props;
+  const rootClassName = clsx(
+    formFieldStyles.formField,
+    styles.radioGroupContainer,
+    className
+  );
+  const propsContext = {
+    Label: {
+      className: formFieldStyles.label
+    },
+    FieldDescription: {
+      className: formFieldStyles.fieldDescription,
+      tunnelId: "fieldDescription"
+    },
+    FieldError: {
+      className: formFieldStyles.customFieldError,
+      tunnelId: "fieldError"
+    },
+    RadioButton: {
+      tunnelId: "radioButtons"
+    },
+    Radio: {
+      tunnelId: "radios"
+    }
+  };
+  return /* @__PURE__ */ jsxs(Aria.RadioGroup, { ...rest, className: rootClassName, ref, children: [
+    /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
+      PropsContextProvider,
+      {
+        dependencies: ["radio"],
+        props: propsContext,
+        mergeInParentContext: true,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(ColumnLayout, { s, m, l, className: styles.radioGroup, children: /* @__PURE__ */ jsx(TunnelExit, { id: "radioButtons" }) }),
+          /* @__PURE__ */ jsx(
+            ColumnLayout,
+            {
+              s: s ?? [1],
+              m: m ?? [1],
+              l: l ?? [1],
+              rowGap: "s",
+              className: styles.radioGroup,
+              children: /* @__PURE__ */ jsx(TunnelExit, { id: "radios" })
+            }
+          ),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "fieldDescription" }),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "fieldError" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
+  ] });
+});
+
+export { RadioGroup, RadioGroup as default };
+//# sourceMappingURL=RadioGroup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.mjs","sources":["../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioGroupProps\n  extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.radioGroupContainer,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    RadioButton: {\n      tunnelId: \"radioButtons\",\n    },\n    Radio: {\n      tunnelId: \"radios\",\n    },\n  };\n\n  return (\n    <Aria.RadioGroup {...rest} className={rootClassName} ref={ref}>\n      <TunnelProvider>\n        <PropsContextProvider\n          dependencies={[\"radio\"]}\n          props={propsContext}\n          mergeInParentContext\n        >\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n            <TunnelExit id=\"radioButtons\" />\n          </ColumnLayout>\n\n          <ColumnLayout\n            s={s ?? [1]}\n            m={m ?? [1]}\n            l={l ?? [1]}\n            rowGap=\"s\"\n            className={styles.radioGroup}\n          >\n            <TunnelExit id=\"radios\" />\n          </ColumnLayout>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </PropsContextProvider>\n      </TunnelProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,mBAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,UAAL,EAAA,EAAiB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACnD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,CAAC,OAAO,CAAA;AAAA,QACtB,KAAO,EAAA,YAAA;AAAA,QACP,oBAAoB,EAAA,IAAA;AAAA,QAEnB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,UAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,cAAA,EAAe,CAChC,EAAA,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAK,IAAA,CAAC,CAAC,CAAA;AAAA,cACV,MAAO,EAAA,GAAA;AAAA,cACP,WAAW,MAAO,CAAA,UAAA;AAAA,cAElB,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA;AAAA;AAAA,WAC1B;AAAA,0BAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA;AAAA;AAAA,KAEhC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const radioGroup = "flow--radio-group";
+const styles = {
+	radioGroup: radioGroup
+};
+
+export { styles as default, radioGroup };
+//# sourceMappingURL=RadioGroup.module.scss.mjs.map

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

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

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

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import styles from './Radio.module.scss.mjs';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import '@tabler/icons-react';
+import '../../../Icon/Icon.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconRadioOff } from '../../../Icon/components/icons/IconRadioOff.mjs';
+import { IconRadioOn } from '../../../Icon/components/icons/IconRadioOn.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import { ClearPropsContext } from '../../../ClearPropsContext/ClearPropsContext.mjs';
+
+const Radio = flowComponent("Radio", (props) => {
+  const { children, className, ref, ...rest } = props;
+  const rootClassName = clsx(styles.radio, className);
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Aria.Radio, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    isSelected ? /* @__PURE__ */ jsx(IconRadioOn, { className: styles.icon }) : /* @__PURE__ */ jsx(IconRadioOff, { className: styles.icon }),
+    children
+  ] }) }) });
+});
+
+export { Radio, Radio as default };
+//# sourceMappingURL=Radio.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\n\nexport interface RadioProps\n  extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Radio = flowComponent(\"Radio\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.radio, className);\n\n  return (\n    <ClearPropsContext>\n      <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n        {({ isSelected }) => (\n          <>\n            {isSelected ? (\n              <IconRadioOn className={styles.icon} />\n            ) : (\n              <IconRadioOff className={styles.icon} />\n            )}\n            {children}\n          </>\n        )}\n      </Aria.Radio>\n    </ClearPropsContext>\n  );\n});\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,OAAL,EAAY,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC7C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,UAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,oBAEpC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,IAEvC;AAAA,GAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/RadioGroup/components/Radio/Radio.module.scss.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const radio = "flow--radio-group--radio";
+const icon = "flow--radio-group--radio--icon";
+const styles = {
+	radio: radio,
+	icon: icon
+};
+
+export { styles as default, icon, radio };
+//# sourceMappingURL=Radio.module.scss.mjs.map

package/dist/js/components/src/components/RadioGroup/components/Radio/Radio.module.scss.mjs.map

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

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

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './RadioButton.module.scss.mjs';
+import clsx from 'clsx';
+import { ClearPropsContext } from '../../../ClearPropsContext/ClearPropsContext.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../RadioGroup.mjs';
+import { Radio } from '../Radio/Radio.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+
+const RadioButton = flowComponent("RadioButton", (props) => {
+  const { children, className, ref, ...rest } = props;
+  const rootClassName = clsx(styles.radioButton, className);
+  const propsContext = {
+    Text: {
+      className: styles.label
+    },
+    Content: {
+      className: styles.content
+    }
+  };
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Radio, { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
+});
+
+export { RadioButton, RadioButton as default };
+//# sourceMappingURL=RadioButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const RadioButton = flowComponent(\"RadioButton\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.radioButton, className);\n\n  const propsContext: PropsContext = {\n    Text: {\n      className: styles.label,\n    },\n    Content: {\n      className: styles.content,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <Radio {...rest} className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Radio>\n    </ClearPropsContext>\n  );\n});\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,EAAa,SAAS,CAAA;AAExD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/RadioGroup/components/RadioButton/RadioButton.module.scss.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const radioButton = "flow--radio-group--radio-button";
+const content = "flow--radio-group--radio-button--content";
+const label = "flow--radio-group--radio-button--label";
+const styles = {
+	radioButton: radioButton,
+	content: content,
+	label: label
+};
+
+export { content, styles as default, label, radioButton };
+//# sourceMappingURL=RadioButton.module.scss.mjs.map

package/dist/js/components/src/components/RadioGroup/components/RadioButton/RadioButton.module.scss.mjs.map

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

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

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconStar } from '../Icon/components/icons/IconStar.mjs';
+import { IconStarFilled } from '../Icon/components/icons/IconStarFilled.mjs';
+import styles from './Rating.module.scss.mjs';
+import clsx from 'clsx';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../_virtual/_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs';
+
+const Rating = (props) => {
+  const { value = 0, size = "m" } = props;
+  const rootClassName = clsx(styles.rating, styles[`size-${size}`]);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const stars = Array(5).fill("").map(
+    (_, index) => index < value ? /* @__PURE__ */ jsx(IconStarFilled, { "aria-hidden": true, size, className: styles.starFilled }) : /* @__PURE__ */ jsx(IconStar, { "aria-hidden": true, size, className: styles.star })
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": stringFormatter.format(`rating.${value}`),
+      className: rootClassName,
+      children: stars
+    }
+  );
+};
+
+export { Rating, Rating as default };
+//# sourceMappingURL=Rating.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.mjs","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconStar, IconStarFilled } from \"@/components/Icon/components/icons\";\nimport styles from \"./Rating.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface RatingProps extends PropsWithClassName {\n  /** The value sets the amount of filled stars. @default: 0 */\n  value?: 0 | 1 | 2 | 3 | 4 | 5;\n  /** The size of the component. @default: \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating: FC<RatingProps> = (props) => {\n  const { value = 0, size = \"m\" } = props;\n\n  const rootClassName = clsx(styles.rating, styles[`size-${size}`]);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const stars = Array(5)\n    .fill(\"\")\n    .map((_, index) =>\n      index < value ? (\n        <IconStarFilled aria-hidden size={size} className={styles.starFilled} />\n      ) : (\n        <IconStar aria-hidden size={size} className={styles.star} />\n      ),\n    );\n\n  return (\n    <div\n      aria-label={stringFormatter.format(`rating.${value}`)}\n      className={rootClassName}\n    >\n      {stars}\n    </div>\n  );\n};\n\nexport default Rating;\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBa,MAAA,MAAA,GAA0B,CAAC,KAAU,KAAA;AAChD,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAG,EAAA,IAAA,GAAO,KAAQ,GAAA,KAAA;AAElC,EAAM,MAAA,aAAA,GAAgB,KAAK,MAAO,CAAA,MAAA,EAAQ,OAAO,CAAQ,KAAA,EAAA,IAAI,EAAE,CAAC,CAAA;AAEhE,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,QAAQ,KAAM,CAAA,CAAC,CAClB,CAAA,IAAA,CAAK,EAAE,CACP,CAAA,GAAA;AAAA,IAAI,CAAC,GAAG,KACP,KAAA,KAAA,GAAQ,wBACL,GAAA,CAAA,cAAA,EAAA,EAAe,eAAW,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,UAAA,EAAY,oBAErE,GAAA,CAAA,QAAA,EAAA,EAAS,eAAW,IAAC,EAAA,IAAA,EAAY,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA;AAAA,GAE9D;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,OAAA,EAAU,KAAK,CAAE,CAAA,CAAA;AAAA,MACpD,SAAW,EAAA,aAAA;AAAA,MAEV,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const rating = "flow--rating";
+const star = "flow--rating--star";
+const starFilled = "flow--rating--star-filled";
+const styles = {
+	rating: rating,
+	star: star,
+	starFilled: starFilled,
+	"size-s": "flow--rating--size-s",
+	"size-m": "flow--rating--size-m"
+};
+
+export { styles as default, rating, star, starFilled };
+//# sourceMappingURL=Rating.module.scss.mjs.map

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

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

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

@@ -0,0 +1,79 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import styles from './SearchField.module.scss.mjs';
+import clsx from 'clsx';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import { IconSearch } from '../Icon/components/icons/IconSearch.mjs';
+import locales from '../../../../_virtual/_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+
+const SearchField = flowComponent("SearchField", (props) => {
+  const { children, className, ref, ...rest } = props;
+  const rootClassName = clsx(
+    formFieldStyles.formField,
+    styles.searchField,
+    className
+  );
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const searchText = stringFormatter.format(`searchField.search`);
+  const propsContext = {
+    Label: {
+      className: formFieldStyles.label,
+      optional: !props.isRequired
+    },
+    FieldDescription: {
+      className: formFieldStyles.fieldDescription
+    },
+    FieldError: {
+      className: formFieldStyles.customFieldError
+    }
+  };
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
+    Aria.SearchField,
+    {
+      "aria-label": searchText,
+      ...rest,
+      className: rootClassName,
+      children: [
+        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }),
+        /* @__PURE__ */ jsxs("div", { className: styles.inputContainer, children: [
+          /* @__PURE__ */ jsx(IconSearch, { className: styles.searchIcon }),
+          /* @__PURE__ */ jsx(
+            Aria.Input,
+            {
+              placeholder: searchText,
+              className: styles.input,
+              ref
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: styles.clearButton,
+              variant: "plain",
+              color: "secondary",
+              children: /* @__PURE__ */ jsx(IconClose, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
+      ]
+    }
+  ) });
+});
+
+export { SearchField, SearchField as default };
+//# sourceMappingURL=SearchField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const SearchField = flowComponent(\"SearchField\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.searchField,\n    className,\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const searchText = stringFormatter.format(`searchField.search`);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <Aria.SearchField\n        aria-label={searchText}\n        {...rest}\n        className={rootClassName}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        <div className={styles.inputContainer}>\n          <IconSearch className={styles.searchIcon} />\n          <Aria.Input\n            placeholder={searchText}\n            className={styles.input}\n            ref={ref}\n          />\n          <Button\n            className={styles.clearButton}\n            variant=\"plain\"\n            color=\"secondary\"\n          >\n            <IconClose />\n          </Button>\n        </div>\n        <FieldError className={formFieldStyles.fieldError} />\n      </Aria.SearchField>\n    </ClearPropsContext>\n  );\n});\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,WAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,YAAY,EAAA,UAAA;AAAA,MACX,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,0BAC1C,GAAA;AAAA,YAAC,IAAK,CAAA,KAAA;AAAA,YAAL;AAAA,cACC,WAAa,EAAA,UAAA;AAAA,cACb,WAAW,MAAO,CAAA,KAAA;AAAA,cAClB;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const searchField = "flow--search-field";
+const clearButton = "flow--search-field--clear-button";
+const searchIcon = "flow--search-field--search-icon";
+const inputContainer = "flow--search-field--input-container";
+const input = "flow--search-field--input";
+const styles = {
+	searchField: searchField,
+	clearButton: clearButton,
+	searchIcon: searchIcon,
+	inputContainer: inputContainer,
+	input: input
+};
+
+export { clearButton, styles as default, input, inputContainer, searchField, searchIcon };
+//# sourceMappingURL=SearchField.module.scss.mjs.map

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

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

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

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import styles from './Section.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { ContextMenuSection } from '../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+
+const Section = flowComponent("Section", (props) => {
+  const {
+    children,
+    className,
+    ref,
+    renderContextMenuSection,
+    hideSeparator,
+    ...rest
+  } = props;
+  if (!children) {
+    return null;
+  }
+  if (renderContextMenuSection) {
+    return /* @__PURE__ */ jsx(ContextMenuSection, { ref, children });
+  }
+  const rootClassName = clsx(
+    styles.section,
+    className,
+    hideSeparator && styles.hideSeparator
+  );
+  const headingId = useId();
+  const propsContext = {
+    Heading: {
+      level: 2,
+      id: headingId,
+      className: styles.heading
+    },
+    Header: {
+      renderSectionHeader: true
+    },
+    List: {
+      "aria-labelledby": headingId
+    }
+  };
+  return /* @__PURE__ */ jsx("section", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) });
+});
+
+export { Section, Section as default };
+//# sourceMappingURL=Section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.mjs","sources":["../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React, { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ContextMenuSection } from \"@/components/ContextMenu/components/ContextMenuSection\";\n\nexport interface SectionProps\n  extends PropsWithChildren<ComponentProps<\"section\">>,\n    FlowComponentProps<HTMLElement> {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\"Section\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n    renderContextMenuSection,\n    hideSeparator,\n    ...rest\n  } = props;\n\n  if (!children) {\n    return null;\n  }\n\n  if (renderContextMenuSection) {\n    return (\n      <ContextMenuSection ref={ref as never}>{children}</ContextMenuSection>\n    );\n  }\n\n  const rootClassName = clsx(\n    styles.section,\n    className,\n    hideSeparator && styles.hideSeparator,\n  );\n\n  const headingId = useId();\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 2,\n      id: headingId,\n      className: styles.heading,\n    },\n    Header: {\n      renderSectionHeader: true,\n    },\n    List: {\n      \"aria-labelledby\": headingId,\n    },\n  };\n\n  return (\n    <section {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        {children}\n      </PropsContextProvider>\n    </section>\n  );\n});\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,wBAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,wBAA0B,EAAA;AAC5B,IACE,uBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,GAAA,EAAoB,QAAS,EAAA,CAAA;AAAA;AAIrD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,SAAA;AAAA,IACA,iBAAiB,MAAO,CAAA;AAAA,GAC1B;AAEA,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,CAAA;AAAA,MACP,EAAI,EAAA,SAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,mBAAqB,EAAA;AAAA,KACvB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,iBAAmB,EAAA;AAAA;AACrB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,SAAA,EAAA,EAAS,GAAG,IAAA,EAAM,WAAW,aAAe,EAAA,GAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,oBAAoB,EAAA,IAAA,EAC5D,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const section = "flow--section";
+const hideSeparator = "flow--section--hide-separator";
+const heading = "flow--section--heading";
+const styles = {
+	section: section,
+	hideSeparator: hideSeparator,
+	heading: heading
+};
+
+export { styles as default, heading, hideSeparator, section };
+//# sourceMappingURL=Section.module.scss.mjs.map

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

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

package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.mjs

@@ -0,0 +1,69 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styles from './SectionHeader.module.scss.mjs';
+import clsx from 'clsx';
+import '../../../../lib/propsContext/propsContext.mjs';
+import 'react';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+
+const SectionHeader = (props) => {
+  const { children, className, ref } = props;
+  const rootClassName = clsx(styles.sectionHeader, className);
+  const propsContext = {
+    Switch: {
+      labelPosition: "leading",
+      tunnelId: "actions"
+    },
+    Button: {
+      size: "s",
+      tunnelId: "actions"
+    },
+    FileField: { tunnelId: "actions", Button: { size: "s" } },
+    ContextMenuTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    PopoverTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    ModalTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    ContextualHelpTrigger: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Action: {
+      tunnelId: "actions",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Heading: {
+      level: 2
+    },
+    Link: {
+      tunnelId: "actions"
+    }
+  };
+  return /* @__PURE__ */ jsx("header", { ref, className: rootClassName, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: styles.actions, children: /* @__PURE__ */ jsx(TunnelExit, { id: "actions" }) })
+  ] }) }) });
+};
+
+export { SectionHeader, SectionHeader as default };
+//# sourceMappingURL=SectionHeader.mjs.map

package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.mjs","sources":["../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n  PropsWithClassName &\n  RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n  const { children, className, ref } = props;\n\n  const rootClassName = clsx(styles.sectionHeader, className);\n\n  const propsContext: PropsContext = {\n    Switch: {\n      labelPosition: \"leading\",\n      tunnelId: \"actions\",\n    },\n    Button: {\n      size: \"s\",\n      tunnelId: \"actions\",\n    },\n    FileField: { tunnelId: \"actions\", Button: { size: \"s\" } },\n    ContextMenuTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    PopoverTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    ModalTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Action: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Heading: {\n      level: 2,\n    },\n    Link: {\n      tunnelId: \"actions\",\n    },\n  };\n\n  return (\n    <header ref={ref} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n          <div className={styles.actions}>\n            <TunnelExit id=\"actions\" />\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </header>\n  );\n};\n\nexport default SectionHeader;\n"],"names":[],"mappings":";;;;;;;;;AAYa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAA,EAAQ,GAAA,KAAA;AAErC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,aAAe,EAAA,SAAA;AAAA,MACf,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,SAAA,EAAW,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,EAAE,IAAA,EAAM,KAAM,EAAA;AAAA,IACxD,kBAAoB,EAAA;AAAA,MAClB,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACT;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,QAAO,EAAA,EAAA,GAAA,EAAU,SAAW,EAAA,aAAA,EAC3B,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,SACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.module.scss.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const sectionHeader = "flow--section--section-header";
+const actions = "flow--section--section-header--actions";
+const styles = {
+	sectionHeader: sectionHeader,
+	actions: actions
+};
+
+export { actions, styles as default, sectionHeader };
+//# sourceMappingURL=SectionHeader.module.scss.mjs.map

package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.module.scss.mjs.map

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