@mittwald/flow-react-components 0.2.0-alpha.867 → 0.2.0-alpha.869

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","names":[],"sources":["../../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { type PropsWithChildren, useState } from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./TextField.module.scss\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface TextFieldProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.InputProps, \"placeholder\">,\n    FlowComponentProps<HTMLInputElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const {\n    className,\n    showCharacterCount,\n    form,\n    placeholder,\n    ref,\n    type: typeFromProps,\n    children,\n    onChange,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const [charactersCount, setCharactersCount] = useState(\n    props.defaultValue?.length ?? props.value?.length ?? 0,\n  );\n\n  const [type, setType] = useState(typeFromProps);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TextField\");\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const propsContext: PropsContext = {\n    Button: {\n      className: styles.button,\n      variant: \"plain\",\n      color: \"secondary\",\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    CopyButton: {\n      className: styles.button,\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const handleChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (onChange) {\n      onChange(v);\n    }\n  };\n\n  const translation = useLocalizedStringFormatter(locales, \"TextField\");\n\n  const charactersCountDescription = translation.format(\"characters\", {\n    count: charactersCount,\n    maxCount: props.maxLength ?? 0,\n  });\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onChange={handleChange}\n      type={type}\n    >\n      <PropsContextProvider props={propsContext}>\n        <FieldErrorCaptureContext>\n          {children}\n          <div className={styles.inputContainer}>\n            <Aria.Input\n              form={form}\n              placeholder={placeholder}\n              className={styles.input}\n              ref={ref}\n            />\n            <UiComponentTunnelExit id=\"button\" component=\"TextField\" />\n            {typeFromProps === \"password\" && (\n              <Button\n                color=\"secondary\"\n                variant=\"plain\"\n                className={styles.button}\n                onPress={() =>\n                  setType(type === \"password\" ? \"text\" : \"password\")\n                }\n                aria-label={translation.format(\n                  `password.${type === \"password\" ? \"show\" : \"hide\"}`,\n                )}\n              >\n                {type === \"password\" ? <IconShow /> : <IconHide />}\n              </Button>\n            )}\n          </div>\n          {showCharacterCount && (\n            <FieldDescription>{charactersCountDescription}</FieldDescription>\n          )}\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EACJ,WACA,oBACA,MACA,aACA,KACA,MAAM,eACN,UACA,UACA,GAAG,SACD,4BAA4B,KAAK;CAErC,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,MAAM,cAAc,UAAU,MAAM,OAAO,UAAU,CACvD;CAEA,MAAM,CAAC,MAAM,WAAW,SAAS,aAAa;CAE9C,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,WAAW;CAExC,MAAM,gBAAgB,KAAK,WAAW,WAAW,SAAS;CAE1D,MAAM,eAA6B;EACjC,QAAQ;GACN,WAAW,yBAAO;GAClB,SAAS;GACT,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,YAAY;GACV,WAAW,yBAAO;GAClB,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,GAAG;CACL;CAEA,MAAM,gBAAgB,MAAc;EAClC,IAAI,oBACF,mBAAmB,EAAE,MAAM;EAE7B,IAAI,UACF,SAAS,CAAC;CAEd;CAEA,MAAM,cAAc,4BAA4B,kBAAS,WAAW;CAEpE,MAAM,6BAA6B,YAAY,OAAO,cAAc;EAClE,OAAO;EACP,UAAU,MAAM,aAAa;CAC/B,CAAC;CAED,OACE,oBAAC,KAAK,WAAN;EACE,GAAI;EACJ,GAAI;EACJ,WAAW;EACX,UAAU;EACJ;YAEN,qBAAC,sBAAD;GAAsB,OAAO;aAA7B,CACE,qBAAC,0BAAD,EAAA,UAAA;IACG;IACD,qBAAC,OAAD;KAAK,WAAW,yBAAO;eAAvB;MACE,oBAAC,KAAK,OAAN;OACQ;OACO;OACb,WAAW,yBAAO;OACb;MACN,CAAA;MACD,oBAAC,uBAAD;OAAuB,IAAG;OAAS,WAAU;MAAa,CAAA;MACzD,kBAAkB,cACjB,oBAAC,QAAD;OACE,OAAM;OACN,SAAQ;OACR,WAAW,yBAAO;OAClB,eACE,QAAQ,SAAS,aAAa,SAAS,UAAU;OAEnD,cAAY,YAAY,OACtB,YAAY,SAAS,aAAa,SAAS,QAC7C;iBAEC,SAAS,aAAa,oBAAC,UAAD,CAAW,CAAA,IAAI,oBAAC,UAAD,CAAW,CAAA;MAC3C,CAAA;KAEP;;IACJ,sBACC,oBAAC,kBAAD,EAAA,UAAmB,2BAA6C,CAAA;GAE1C,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACG;;CACR,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"TextField.mjs","sources":["../../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { type PropsWithChildren, useState } from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./TextField.module.scss\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface TextFieldProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.InputProps, \"placeholder\">,\n    FlowComponentProps<HTMLInputElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const {\n    className,\n    showCharacterCount,\n    form,\n    placeholder,\n    ref,\n    type: typeFromProps,\n    children,\n    onChange,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const [charactersCount, setCharactersCount] = useState(\n    props.defaultValue?.length ?? props.value?.length ?? 0,\n  );\n\n  const [type, setType] = useState(typeFromProps);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TextField\");\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const propsContext: PropsContext = {\n    Button: {\n      className: styles.button,\n      variant: \"plain\",\n      color: \"secondary\",\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    CopyButton: {\n      className: styles.button,\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const handleChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (onChange) {\n      onChange(v);\n    }\n  };\n\n  const translation = useLocalizedStringFormatter(locales, \"TextField\");\n\n  const charactersCountDescription = translation.format(\"characters\", {\n    count: charactersCount,\n    maxCount: props.maxLength ?? 0,\n  });\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onChange={handleChange}\n      type={type}\n    >\n      <PropsContextProvider props={propsContext}>\n        <FieldErrorCaptureContext>\n          {children}\n          <div className={styles.inputContainer}>\n            <Aria.Input\n              form={form}\n              placeholder={placeholder}\n              className={styles.input}\n              ref={ref}\n            />\n            <UiComponentTunnelExit id=\"button\" component=\"TextField\" />\n            {typeFromProps === \"password\" && (\n              <Button\n                color=\"secondary\"\n                variant=\"plain\"\n                className={styles.button}\n                onPress={() =>\n                  setType(type === \"password\" ? \"text\" : \"password\")\n                }\n                aria-label={translation.format(\n                  `password.${type === \"password\" ? \"show\" : \"hide\"}`,\n                )}\n              >\n                {type === \"password\" ? <IconShow /> : <IconHide />}\n              </Button>\n            )}\n          </div>\n          {showCharacterCount && (\n            <FieldDescription>{charactersCountDescription}</FieldDescription>\n          )}\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/TextField/TextField.module.scss.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const inputContainer = "flow--text-field--input-container";
+const input = "flow--text-field--input";
+const button = "flow--text-field--button";
+const styles = {
+	inputContainer: inputContainer,
+	input: input,
+	button: button
+};
+
+export { button, styles as default, input, inputContainer };
+//# sourceMappingURL=TextField.module.scss.mjs.map

package/dist/js/packages/components/src/components/TextField/TextField.module.scss.mjs.map

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

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

@@ -1,34 +1,31 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import "../../lib/propsContext/index.mjs";
-import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
-import DateInput from "../DateInput/DateInput.mjs";
-import "../DateInput/index.mjs";
-import TimeField_module_default from "./TimeField.module.mjs";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as Aria from "react-aria-components";
-//#region src/components/TimeField/TimeField.tsx
-/** @flr-generate all */
-var TimeField = flowComponent("TimeField", (props) => {
-	const { children, ref, ...rest } = props;
-	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, fieldProps } = useFieldComponent(props, "TimeField");
-	return /* @__PURE__ */ jsxs(Aria.TimeField, {
-		hourCycle: 24,
-		...rest,
-		...fieldProps,
-		children: [/* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [/* @__PURE__ */ jsx(DateInput, {
-			className: TimeField_module_default.dateInput,
-			ref
-		}), /* @__PURE__ */ jsx(PropsContextProvider, {
-			props: fieldPropsContext,
-			children
-		})] }), /* @__PURE__ */ jsx(FieldErrorView, {})]
-	});
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import styles from './TimeField.module.scss.mjs';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import { DateInput } from '../DateInput/DateInput.mjs';
+
+const TimeField = flowComponent("TimeField", (props) => {
+  const { children, ref, ...rest } = props;
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props, "TimeField");
+  return /* @__PURE__ */ jsxs(Aria.TimeField, { hourCycle: 24, ...rest, ...fieldProps, children: [
+    /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
+      /* @__PURE__ */ jsx(DateInput, { className: styles.dateInput, ref }),
+      /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children })
+    ] }),
+    /* @__PURE__ */ jsx(FieldErrorView, {})
+  ] });
 });
-//#endregion
-export { TimeField as default };
 
-//# sourceMappingURL=TimeField.mjs.map
+export { TimeField };
+//# sourceMappingURL=TimeField.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeField.mjs","names":[],"sources":["../../../../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./TimeField.module.scss\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport DateInput from \"@/components/DateInput\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends\n    PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TimeField\");\n\n  return (\n    <Aria.TimeField hourCycle={24} {...rest} {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <DateInput className={styles.dateInput} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;CAEnC,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,WAAW;CAExC,OACE,qBAAC,KAAK,WAAN;EAAgB,WAAW;EAAI,GAAI;EAAM,GAAI;YAA7C,CACE,qBAAC,0BAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAW,yBAAO;GAAgB;EAAM,CAAA,GACnD,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA,CACE,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACH;;AAEpB,CAAC"}
+{"version":3,"file":"TimeField.mjs","sources":["../../../../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./TimeField.module.scss\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport DateInput from \"@/components/DateInput\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends\n    PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TimeField\");\n\n  return (\n    <Aria.TimeField hourCycle={24} {...rest} {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <DateInput className={styles.dateInput} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"names":[],"mappings":";;;;;;;;;;AAiBO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,QAAA,EAAU,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAEnC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,iBAAA,CAAkB,KAAA,EAAO,WAAW,CAAA;AAExC,EAAA,uBACE,IAAA,CAAC,KAAK,SAAA,EAAL,EAAe,WAAW,EAAA,EAAK,GAAG,IAAA,EAAO,GAAG,UAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,SAAA,EAAW,GAAA,EAAU,CAAA;AAAA,sBAClD,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC1B,QAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/TimeField/TimeField.module.scss.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const dateInput = "flow--time-field--date-input";
+const styles = {
+	dateInput: dateInput};
+
+export { dateInput, styles as default };
+//# sourceMappingURL=TimeField.module.scss.mjs.map

package/dist/js/packages/components/src/components/TimeField/TimeField.module.scss.mjs.map

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

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

@@ -1,29 +1,19 @@
 "use client"
 /* */
-import ClearPropsContext from "../../lib/propsContext/components/ClearPropsContext.mjs";
-import "../ClearPropsContext/index.mjs";
-import Tooltip_module_default from "./Tooltip.module.mjs";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as Aria from "react-aria-components";
-//#region src/components/Tooltip/Tooltip.tsx
-/** @flr-generate all */
-var Tooltip = (props) => {
-	const { children, className, ...rest } = props;
-	const rootClassName = clsx(Tooltip_module_default.tooltip, className);
-	return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(Aria.Tooltip, {
-		...rest,
-		className: rootClassName,
-		children: [/* @__PURE__ */ jsx(Aria.OverlayArrow, {
-			className: Tooltip_module_default.tip,
-			children: /* @__PURE__ */ jsx("svg", {
-				viewBox: "0 0 8 8",
-				children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" })
-			})
-		}), children]
-	}) });
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import styles from './Tooltip.module.scss.mjs';
+import clsx from 'clsx';
+import { ClearPropsContext } from '../../lib/propsContext/components/ClearPropsContext.mjs';
+
+const Tooltip = (props) => {
+  const { children, className, ...rest } = props;
+  const rootClassName = clsx(styles.tooltip, className);
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(Aria.Tooltip, { ...rest, className: rootClassName, children: [
+    /* @__PURE__ */ jsx(Aria.OverlayArrow, { className: styles.tip, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    children
+  ] }) });
 };
-//#endregion
-export { Tooltip as default };
 
-//# sourceMappingURL=Tooltip.mjs.map
+export { Tooltip };
+//# sourceMappingURL=Tooltip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  return (\n    <ClearPropsContext>\n      <Aria.Tooltip {...rest} className={rootClassName}>\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg viewBox=\"0 0 8 8\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n        {children}\n      </Aria.Tooltip>\n    </ClearPropsContext>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;AAWA,IAAa,WAA6B,UAAU;CAClD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,KAAK,SAAN;EAAc,GAAI;EAAM,WAAW;YAAnC,CACE,oBAAC,KAAK,cAAN;GAAmB,WAAW,uBAAO;aACnC,oBAAC,OAAD;IAAK,SAAQ;cACX,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;GACvB,CAAA;EACY,CAAA,GAClB,QACW;IACG,CAAA;AAEvB"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  return (\n    <ClearPropsContext>\n      <Aria.Tooltip {...rest} className={rootClassName}>\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg viewBox=\"0 0 8 8\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n        {children}\n      </Aria.Tooltip>\n    </ClearPropsContext>\n  );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA,CAAC,qBACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,SAAL,EAAc,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,SAAA,EAAW,OAAO,GAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WACX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB,GAC3B,CAAA,EACF,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Tooltip/Tooltip.module.scss.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+const tooltip = "flow--tooltip";
+const tip = "flow--tooltip--tip";
+const styles = {
+	tooltip: tooltip,
+	tip: tip};
+
+export { styles as default, tip, tooltip };
+//# sourceMappingURL=Tooltip.module.scss.mjs.map

package/dist/js/packages/components/src/components/Tooltip/Tooltip.module.scss.mjs.map

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

package/dist/js/packages/components/src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.mjs

@@ -1,18 +1,13 @@
 "use client"
 /* */
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as Aria from "react-aria-components";
-//#region src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.tsx
-/** @flr-generate all */
-var TooltipTrigger = (props) => {
-	const { children, ...rest } = props;
-	return /* @__PURE__ */ jsx(Aria.TooltipTrigger, {
-		...rest,
-		children
-	});
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import 'react';
+
+const TooltipTrigger = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(Aria.TooltipTrigger, { ...rest, children });
 };
-//#endregion
-export { TooltipTrigger as default };
 
-//# sourceMappingURL=TooltipTrigger.mjs.map
+export { TooltipTrigger };
+//# sourceMappingURL=TooltipTrigger.mjs.map

package/dist/js/packages/components/src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.mjs","names":[],"sources":["../../../../../../../../../src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\n\nexport type TooltipTriggerProps = PropsWithChildren<\n  Omit<Aria.TooltipTriggerComponentProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const TooltipTrigger: FC<TooltipTriggerProps> = (props) => {\n  const { children, ...rest } = props;\n\n  return <Aria.TooltipTrigger {...rest}>{children}</Aria.TooltipTrigger>;\n};\n\nexport default TooltipTrigger;\n"],"mappings":";;;;;AASA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OAAO,oBAAC,KAAK,gBAAN;EAAqB,GAAI;EAAO;CAA8B,CAAA;AACvE"}
+{"version":3,"file":"TooltipTrigger.mjs","sources":["../../../../../../../../../src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\n\nexport type TooltipTriggerProps = PropsWithChildren<\n  Omit<Aria.TooltipTriggerComponentProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const TooltipTrigger: FC<TooltipTriggerProps> = (props) => {\n  const { children, ...rest } = props;\n\n  return <Aria.TooltipTrigger {...rest}>{children}</Aria.TooltipTrigger>;\n};\n\nexport default TooltipTrigger;\n"],"names":[],"mappings":";;;;AASO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,GAAI,KAAA;AAE9B,EAAA,2BAAQ,IAAA,CAAK,cAAA,EAAL,EAAqB,GAAG,MAAO,QAAA,EAAS,CAAA;AAClD;;;;"}

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

@@ -1,22 +1,14 @@
 "use client"
 /* */
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/TranslationProvider/TranslationProvider.tsx
-var context = createContext({});
-var useTranslationProvider = () => useContext(context);
-/** @flr-generate all */
-var TranslationProvider = (props) => {
-	const { children, translations, translate } = props;
-	return /* @__PURE__ */ jsx(context.Provider, {
-		value: {
-			translations,
-			translate
-		},
-		children
-	});
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+const context = createContext({});
+const useTranslationProvider = () => useContext(context);
+const TranslationProvider = (props) => {
+  const { children, translations, translate } = props;
+  return /* @__PURE__ */ jsx(context.Provider, { value: { translations, translate }, children });
 };
-//#endregion
-export { TranslationProvider as default, useTranslationProvider };
 
-//# sourceMappingURL=TranslationProvider.mjs.map
+export { TranslationProvider, useTranslationProvider };
+//# sourceMappingURL=TranslationProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationProvider.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { createContext, useContext } from \"react\";\nimport type {\n  LocalizedComponentName,\n  TranslationFunction,\n} from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\n\ntype ComponentTranslationDictionary = Record<\n  LocalizedComponentName,\n  Record<string, string>\n>;\n\nexport interface Translations {\n  [locale: string]: ComponentTranslationDictionary | undefined;\n  \"de-DE\"?: ComponentTranslationDictionary;\n  \"en-US\"?: ComponentTranslationDictionary;\n}\n\nexport interface TranslationContext {\n  translations?: Translations;\n  translate?: TranslationFunction;\n}\n\nexport type TranslationProviderProps = PropsWithChildren & TranslationContext;\n\nconst context = createContext<TranslationContext>({});\n\nexport const useTranslationProvider = () => useContext(context);\n\n/** @flr-generate all */\nexport const TranslationProvider: FC<TranslationProviderProps> = (props) => {\n  const { children, translations, translate } = props;\n\n  return (\n    <context.Provider value={{ translations, translate }}>\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default TranslationProvider;\n"],"mappings":";;;AAyBA,IAAM,UAAU,cAAkC,CAAC,CAAC;AAEpD,IAAa,+BAA+B,WAAW,OAAO;;AAG9D,IAAa,uBAAqD,UAAU;CAC1E,MAAM,EAAE,UAAU,cAAc,cAAc;CAE9C,OACE,oBAAC,QAAQ,UAAT;EAAkB,OAAO;GAAE;GAAc;EAAU;EAChD;CACe,CAAA;AAEtB"}
+{"version":3,"file":"TranslationProvider.mjs","sources":["../../../../../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { createContext, useContext } from \"react\";\nimport type {\n  LocalizedComponentName,\n  TranslationFunction,\n} from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\n\ntype ComponentTranslationDictionary = Record<\n  LocalizedComponentName,\n  Record<string, string>\n>;\n\nexport interface Translations {\n  [locale: string]: ComponentTranslationDictionary | undefined;\n  \"de-DE\"?: ComponentTranslationDictionary;\n  \"en-US\"?: ComponentTranslationDictionary;\n}\n\nexport interface TranslationContext {\n  translations?: Translations;\n  translate?: TranslationFunction;\n}\n\nexport type TranslationProviderProps = PropsWithChildren & TranslationContext;\n\nconst context = createContext<TranslationContext>({});\n\nexport const useTranslationProvider = () => useContext(context);\n\n/** @flr-generate all */\nexport const TranslationProvider: FC<TranslationProviderProps> = (props) => {\n  const { children, translations, translate } = props;\n\n  return (\n    <context.Provider value={{ translations, translate }}>\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default TranslationProvider;\n"],"names":[],"mappings":";;;AAyBA,MAAM,OAAA,GAAU,aAAA,CAAkC,EAAE,CAAA;AAE7C,MAAM,sBAAA,GAAyB,MAAM,UAAA,CAAW,OAAO;AAGvD,MAAM,mBAAA,GAAoD,CAAC,KAAA,KAAU;AAC1E,EAAA,MAAM,EAAE,QAAA,EAAU,YAAA,EAAc,SAAA,EAAU,GAAI,KAAA;AAE9C,EAAA,uBACE,GAAA,CAAC,QAAQ,QAAA,EAAR,EAAiB,OAAO,EAAE,YAAA,EAAc,SAAA,EAAU,EAChD,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/TranslationProvider/useLocalizedStringFormatter.mjs

@@ -1,45 +1,54 @@
 "use client"
 /* */
-import { useTranslationProvider } from "./TranslationProvider.mjs";
-import { useLanguage } from "../../lib/hooks/useLanguage.mjs";
-import { useCallback, useMemo } from "react";
-import { mapValues, mergeDeep, pick } from "remeda";
-import IntlMessageFormat from "intl-messageformat";
-import { useLocalizedStringDictionary } from "@react-aria/i18n";
-//#region src/components/TranslationProvider/useLocalizedStringFormatter.ts
-var pickComponentTranslations = (componentName, data) => {
-	if (!data) return {};
-	return mapValues(data, (components) => {
-		return pick(components ?? {}, [componentName])[componentName] ?? {};
-	});
+import { useTranslationProvider } from './TranslationProvider.mjs';
+import { mergeDeep, mapValues, pick } from 'remeda';
+import IntlMessageFormat from 'intl-messageformat';
+import { useLocalizedStringDictionary } from '@react-aria/i18n';
+import { useMemo, useCallback } from 'react';
+import { useLanguage } from '../../lib/hooks/useLanguage.mjs';
+
+const pickComponentTranslations = (componentName, data) => {
+  if (!data) {
+    return {};
+  }
+  return mapValues(data, (components) => {
+    const picked = pick(components ?? {}, [componentName]);
+    return picked[componentName] ?? {};
+  });
 };
-var useLocalizedStringFormatter = (strings, componentName) => {
-	const locale = useLanguage();
-	const { translations, translate } = useTranslationProvider();
-	const dictionary = useLocalizedStringDictionary(useMemo(() => mergeDeep(strings, pickComponentTranslations(componentName, translations)), [
-		strings,
-		translations,
-		componentName
-	]), componentName);
-	const formatFunction = useCallback((key, variables) => {
-		if (translate) {
-			const customTranslated = translate(key, variables, {
-				component: componentName,
-				locale
-			});
-			if (customTranslated !== void 0) return customTranslated;
-		}
-		const translationMessage = new IntlMessageFormat(dictionary.getStringForLocale(key, locale), locale);
-		return String(translationMessage.format(variables));
-	}, [
-		translate,
-		locale,
-		componentName,
-		dictionary
-	]);
-	return useMemo(() => ({ format: formatFunction }), [formatFunction]);
+const useLocalizedStringFormatter = (strings, componentName) => {
+  const locale = useLanguage();
+  const { translations, translate } = useTranslationProvider();
+  const mergedStrings = useMemo(
+    () => mergeDeep(
+      strings,
+      pickComponentTranslations(componentName, translations)
+    ),
+    [strings, translations, componentName]
+  );
+  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);
+  const formatFunction = useCallback(
+    (key, variables) => {
+      if (translate) {
+        const customTranslated = translate(key, variables, {
+          component: componentName,
+          locale
+        });
+        if (customTranslated !== void 0) {
+          return customTranslated;
+        }
+      }
+      const translationString = dictionary.getStringForLocale(key, locale);
+      const translationMessage = new IntlMessageFormat(
+        translationString,
+        locale
+      );
+      return String(translationMessage.format(variables));
+    },
+    [translate, locale, componentName, dictionary]
+  );
+  return useMemo(() => ({ format: formatFunction }), [formatFunction]);
 };
-//#endregion
-export { useLocalizedStringFormatter };
 
-//# sourceMappingURL=useLocalizedStringFormatter.mjs.map
+export { useLocalizedStringFormatter };
+//# sourceMappingURL=useLocalizedStringFormatter.mjs.map

package/dist/js/packages/components/src/components/TranslationProvider/useLocalizedStringFormatter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalizedStringFormatter.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/useLocalizedStringFormatter.ts"],"sourcesContent":["import {\n  type Translations,\n  useTranslationProvider,\n} from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues, pick } from \"remeda\";\nimport type {\n  Variables,\n  LocalizedStrings as LocalizedStringsIntl,\n} from \"@internationalized/string\";\nimport IntlMessageFormat from \"intl-messageformat\";\nimport { useLocalizedStringDictionary } from \"@react-aria/i18n\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLanguage } from \"@/lib/hooks/useLanguage\";\n\nexport type LocalizedStrings = LocalizedStringsIntl<string, string>;\nexport type LocalizedComponentName = FlowComponentName | string;\n\nexport type TranslationFunction = (\n  key: string,\n  variables: Variables,\n  meta: {\n    component: string;\n    locale: string;\n  },\n) => string | undefined;\n\nconst pickComponentTranslations = (\n  componentName: LocalizedComponentName,\n  data?: Translations,\n) => {\n  if (!data) {\n    return {};\n  }\n\n  return mapValues(data, (components) => {\n    const picked = pick(components ?? {}, [componentName]);\n    return picked[componentName] ?? {};\n  });\n};\n\nexport const useLocalizedStringFormatter = (\n  strings: LocalizedStrings,\n  componentName: LocalizedComponentName,\n) => {\n  const locale = useLanguage();\n  const { translations, translate } = useTranslationProvider();\n\n  const mergedStrings = useMemo(\n    () =>\n      mergeDeep(\n        strings,\n        pickComponentTranslations(componentName, translations),\n      ),\n    [strings, translations, componentName],\n  );\n\n  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);\n  const formatFunction = useCallback(\n    (key: string, variables?: Variables): string => {\n      if (translate) {\n        const customTranslated = translate(key, variables, {\n          component: componentName,\n          locale,\n        });\n\n        if (customTranslated !== undefined) {\n          return customTranslated;\n        }\n      }\n\n      const translationString = dictionary.getStringForLocale(key, locale);\n      const translationMessage = new IntlMessageFormat(\n        translationString,\n        locale,\n      );\n\n      return String(translationMessage.format(variables));\n    },\n    [translate, locale, componentName, dictionary],\n  );\n\n  return useMemo(() => ({ format: formatFunction }), [formatFunction]);\n};\n"],"mappings":";;;;;;;AA4BA,IAAM,6BACJ,eACA,SACG;CACH,IAAI,CAAC,MACH,OAAO,CAAC;CAGV,OAAO,UAAU,OAAO,eAAe;EAErC,OADe,KAAK,cAAc,CAAC,GAAG,CAAC,aAAa,CAC7C,EAAO,kBAAkB,CAAC;CACnC,CAAC;AACH;AAEA,IAAa,+BACX,SACA,kBACG;CACH,MAAM,SAAS,YAAY;CAC3B,MAAM,EAAE,cAAc,cAAc,uBAAuB;CAW3D,MAAM,aAAa,6BATG,cAElB,UACE,SACA,0BAA0B,eAAe,YAAY,CACvD,GACF;EAAC;EAAS;EAAc;CAAa,CAGS,GAAe,aAAa;CAC5E,MAAM,iBAAiB,aACpB,KAAa,cAAkC;EAC9C,IAAI,WAAW;GACb,MAAM,mBAAmB,UAAU,KAAK,WAAW;IACjD,WAAW;IACX;GACF,CAAC;GAED,IAAI,qBAAqB,KAAA,GACvB,OAAO;EAEX;EAGA,MAAM,qBAAqB,IAAI,kBADL,WAAW,mBAAmB,KAAK,MAE3D,GACA,MACF;EAEA,OAAO,OAAO,mBAAmB,OAAO,SAAS,CAAC;CACpD,GACA;EAAC;EAAW;EAAQ;EAAe;CAAU,CAC/C;CAEA,OAAO,eAAe,EAAE,QAAQ,eAAe,IAAI,CAAC,cAAc,CAAC;AACrE"}
+{"version":3,"file":"useLocalizedStringFormatter.mjs","sources":["../../../../../../../src/components/TranslationProvider/useLocalizedStringFormatter.ts"],"sourcesContent":["import {\n  type Translations,\n  useTranslationProvider,\n} from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues, pick } from \"remeda\";\nimport type {\n  Variables,\n  LocalizedStrings as LocalizedStringsIntl,\n} from \"@internationalized/string\";\nimport IntlMessageFormat from \"intl-messageformat\";\nimport { useLocalizedStringDictionary } from \"@react-aria/i18n\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLanguage } from \"@/lib/hooks/useLanguage\";\n\nexport type LocalizedStrings = LocalizedStringsIntl<string, string>;\nexport type LocalizedComponentName = FlowComponentName | string;\n\nexport type TranslationFunction = (\n  key: string,\n  variables: Variables,\n  meta: {\n    component: string;\n    locale: string;\n  },\n) => string | undefined;\n\nconst pickComponentTranslations = (\n  componentName: LocalizedComponentName,\n  data?: Translations,\n) => {\n  if (!data) {\n    return {};\n  }\n\n  return mapValues(data, (components) => {\n    const picked = pick(components ?? {}, [componentName]);\n    return picked[componentName] ?? {};\n  });\n};\n\nexport const useLocalizedStringFormatter = (\n  strings: LocalizedStrings,\n  componentName: LocalizedComponentName,\n) => {\n  const locale = useLanguage();\n  const { translations, translate } = useTranslationProvider();\n\n  const mergedStrings = useMemo(\n    () =>\n      mergeDeep(\n        strings,\n        pickComponentTranslations(componentName, translations),\n      ),\n    [strings, translations, componentName],\n  );\n\n  const dictionary = useLocalizedStringDictionary(mergedStrings, componentName);\n  const formatFunction = useCallback(\n    (key: string, variables?: Variables): string => {\n      if (translate) {\n        const customTranslated = translate(key, variables, {\n          component: componentName,\n          locale,\n        });\n\n        if (customTranslated !== undefined) {\n          return customTranslated;\n        }\n      }\n\n      const translationString = dictionary.getStringForLocale(key, locale);\n      const translationMessage = new IntlMessageFormat(\n        translationString,\n        locale,\n      );\n\n      return String(translationMessage.format(variables));\n    },\n    [translate, locale, componentName, dictionary],\n  );\n\n  return useMemo(() => ({ format: formatFunction }), [formatFunction]);\n};\n"],"names":[],"mappings":";;;;;;;AA4BA,MAAM,yBAAA,GAA4B,CAChC,aAAA,EACA,IAAA,KACG;AACH,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,OAAO,SAAA,CAAU,IAAA,EAAM,CAAC,UAAA,KAAe;AACrC,IAAA,MAAM,SAAS,IAAA,CAAK,UAAA,IAAc,EAAC,EAAG,CAAC,aAAa,CAAC,CAAA;AACrD,IAAA,OAAO,MAAA,CAAO,aAAa,CAAA,IAAK,EAAC;AAAA,EACnC,CAAC,CAAA;AACH,CAAA;AAEO,MAAM,2BAAA,GAA8B,CACzC,OAAA,EACA,aAAA,KACG;AACH,EAAA,MAAM,SAAS,WAAA,EAAY;AAC3B,EAAA,MAAM,EAAE,YAAA,EAAc,SAAA,EAAU,GAAI,sBAAA,EAAuB;AAE3D,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MACE,SAAA;AAAA,MACE,OAAA;AAAA,MACA,yBAAA,CAA0B,eAAe,YAAY;AAAA,KACvD;AAAA,IACF,CAAC,OAAA,EAAS,YAAA,EAAc,aAAa;AAAA,GACvC;AAEA,EAAA,MAAM,UAAA,GAAa,4BAAA,CAA6B,aAAA,EAAe,aAAa,CAAA;AAC5E,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,CAAC,KAAa,SAAA,KAAkC;AAC9C,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,MAAM,gBAAA,GAAmB,SAAA,CAAU,GAAA,EAAK,SAAA,EAAW;AAAA,UACjD,SAAA,EAAW,aAAA;AAAA,UACX;AAAA,SACD,CAAA;AAED,QAAA,IAAI,qBAAqB,MAAA,EAAW;AAClC,UAAA,OAAO,gBAAA;AAAA,QACT;AAAA,MACF;AAEA,MAAA,MAAM,iBAAA,GAAoB,UAAA,CAAW,kBAAA,CAAmB,GAAA,EAAK,MAAM,CAAA;AACnE,MAAA,MAAM,qBAAqB,IAAI,iBAAA;AAAA,QAC7B,iBAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,OAAO,MAAA,CAAO,kBAAA,CAAmB,MAAA,CAAO,SAAS,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,CAAC,SAAA,EAAW,MAAA,EAAQ,aAAA,EAAe,UAAU;AAAA,GAC/C;AAEA,EAAA,OAAO,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,gBAAe,CAAA,EAAI,CAAC,cAAc,CAAC,CAAA;AACrE;;;;"}

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

@@ -1,32 +1,22 @@
 "use client"
 /* */
-import { extractTextFromFirstChild } from "../../lib/react/remote.mjs";
-import Truncate_module_default from "./Truncate.module.mjs";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-import { useIsSSR } from "react-aria";
-import ReactTruncate from "react-truncate-inside";
-//#region src/components/Truncate/Truncate.tsx
-/** @flr-generate all */
-var Truncate = (props) => {
-	const { children, className, title, offset, ellipsis } = props;
-	const rootClassName = clsx(Truncate_module_default.truncate, className);
-	if (!useIsSSR() && (offset || ellipsis)) return /* @__PURE__ */ jsx("span", {
-		title,
-		className: rootClassName,
-		children: /* @__PURE__ */ jsx(ReactTruncate, {
-			offset,
-			ellipsis,
-			text: extractTextFromFirstChild(children) ?? ""
-		})
-	});
-	return /* @__PURE__ */ jsx("span", {
-		title,
-		className: clsx(rootClassName, Truncate_module_default.ellipsis),
-		children
-	});
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './Truncate.module.scss.mjs';
+import ReactTruncate from 'react-truncate-inside';
+import { extractTextFromFirstChild } from '../../lib/react/remote.mjs';
+import { useIsSSR } from 'react-aria';
+
+const Truncate = (props) => {
+  const { children, className, title, offset, ellipsis } = props;
+  const rootClassName = clsx(styles.truncate, className);
+  const isSsr = useIsSSR();
+  if (!isSsr && (offset || ellipsis)) {
+    const text = extractTextFromFirstChild(children) ?? "";
+    return /* @__PURE__ */ jsx("span", { title, className: rootClassName, children: /* @__PURE__ */ jsx(ReactTruncate, { offset, ellipsis, text }) });
+  }
+  return /* @__PURE__ */ jsx("span", { title, className: clsx(rootClassName, styles.ellipsis), children });
 };
-//#endregion
-export { Truncate as default };
 
-//# sourceMappingURL=Truncate.mjs.map
+export { Truncate };
+//# sourceMappingURL=Truncate.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Truncate.mjs","names":[],"sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./Truncate.module.scss\";\nimport type { TruncateProps as ReactTruncateProps } from \"react-truncate-inside\";\nimport ReactTruncate from \"react-truncate-inside\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport { useIsSSR } from \"react-aria\";\n\nexport interface TruncateProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Omit<ReactTruncateProps, \"text\" | \"width\"> {\n  title?: string;\n}\n\n/** @flr-generate all */\nexport const Truncate: FC<TruncateProps> = (props) => {\n  const { children, className, title, offset, ellipsis } = props;\n\n  const rootClassName = clsx(styles.truncate, className);\n\n  const isSsr = useIsSSR();\n\n  if (!isSsr && (offset || ellipsis)) {\n    const text = extractTextFromFirstChild(children) ?? \"\";\n\n    return (\n      <span title={title} className={rootClassName}>\n        <ReactTruncate offset={offset} ellipsis={ellipsis} text={text} />\n      </span>\n    );\n  }\n\n  return (\n    <span title={title} className={clsx(rootClassName, styles.ellipsis)}>\n      {children}\n    </span>\n  );\n};\n\nexport default Truncate;\n"],"mappings":";;;;;;;;AAkBA,IAAa,YAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,aAAa;CAEzD,MAAM,gBAAgB,KAAK,wBAAO,UAAU,SAAS;CAIrD,IAAI,CAFU,SAET,MAAU,UAAU,WAGvB,OACE,oBAAC,QAAD;EAAa;EAAO,WAAW;YAC7B,oBAAC,eAAD;GAAuB;GAAkB;GAAgB,MAJhD,0BAA0B,QAAQ,KAAK;EAIgB,CAAA;CAC5D,CAAA;CAIV,OACE,oBAAC,QAAD;EAAa;EAAO,WAAW,KAAK,eAAe,wBAAO,QAAQ;EAC/D;CACG,CAAA;AAEV"}
+{"version":3,"file":"Truncate.mjs","sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./Truncate.module.scss\";\nimport type { TruncateProps as ReactTruncateProps } from \"react-truncate-inside\";\nimport ReactTruncate from \"react-truncate-inside\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport { useIsSSR } from \"react-aria\";\n\nexport interface TruncateProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Omit<ReactTruncateProps, \"text\" | \"width\"> {\n  title?: string;\n}\n\n/** @flr-generate all */\nexport const Truncate: FC<TruncateProps> = (props) => {\n  const { children, className, title, offset, ellipsis } = props;\n\n  const rootClassName = clsx(styles.truncate, className);\n\n  const isSsr = useIsSSR();\n\n  if (!isSsr && (offset || ellipsis)) {\n    const text = extractTextFromFirstChild(children) ?? \"\";\n\n    return (\n      <span title={title} className={rootClassName}>\n        <ReactTruncate offset={offset} ellipsis={ellipsis} text={text} />\n      </span>\n    );\n  }\n\n  return (\n    <span title={title} className={clsx(rootClassName, styles.ellipsis)}>\n      {children}\n    </span>\n  );\n};\n\nexport default Truncate;\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,UAAS,GAAI,KAAA;AAEzD,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,IAAI,CAAC,KAAA,KAAU,MAAA,IAAU,QAAA,CAAA,EAAW;AAClC,IAAA,MAAM,IAAA,GAAO,yBAAA,CAA0B,QAAQ,CAAA,IAAK,EAAA;AAEpD,IAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAc,SAAA,EAAW,aAAA,EAC7B,8BAAC,aAAA,EAAA,EAAc,MAAA,EAAgB,QAAA,EAAoB,IAAA,EAAY,CAAA,EACjE,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAAC,UAAK,KAAA,EAAc,SAAA,EAAW,KAAK,aAAA,EAAe,MAAA,CAAO,QAAQ,CAAA,EAC/D,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Truncate/Truncate.module.scss.mjs

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

package/dist/js/packages/components/src/components/Truncate/Truncate.module.scss.mjs.map

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

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

@@ -1,14 +1,9 @@
 "use client"
 /* */
-import { jsx } from "react/jsx-runtime";
-import { TunnelEntry } from "@mittwald/react-tunnel";
-//#region src/components/TunnelEntry/TunnelEntry.tsx
-/**
-* @flr-generate all
-* @flr-ignore-props providerId
-*/
-var TunnelEntry$1 = (props) => /* @__PURE__ */ jsx(TunnelEntry, { ...props });
-//#endregion
-export { TunnelEntry$1 as default };
+import { jsx } from 'react/jsx-runtime';
+import { TunnelEntry as TunnelEntry$1 } from '@mittwald/react-tunnel';
 
-//# sourceMappingURL=TunnelEntry.mjs.map
+const TunnelEntry = (props) => /* @__PURE__ */ jsx(TunnelEntry$1, { ...props });
+
+export { TunnelEntry };
+//# sourceMappingURL=TunnelEntry.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TunnelEntry.mjs","names":[],"sources":["../../../../../../../src/components/TunnelEntry/TunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry as ReactTunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\nexport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\n/**\n * @flr-generate all\n * @flr-ignore-props providerId\n */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"mappings":";;;;;;;AAUA,IAAa,iBAAqC,UAChD,oBAAC,aAAD,EAAkB,GAAI,MAAQ,CAAA"}
+{"version":3,"file":"TunnelEntry.mjs","sources":["../../../../../../../src/components/TunnelEntry/TunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry as ReactTunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\nexport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\n/**\n * @flr-generate all\n * @flr-ignore-props providerId\n */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"names":["ReactTunnelEntry"],"mappings":";;;AAUO,MAAM,cAAoC,CAAC,KAAA,qBAChD,GAAA,CAACA,aAAA,EAAA,EAAkB,GAAG,KAAA,EAAO;;;;"}

package/dist/js/packages/components/src/components/UiComponentTunnel/UiComponentTunnelEntry.mjs

@@ -1,17 +1,19 @@
 "use client"
 /* */
-import { getTunnelProviderId } from "./lib.mjs";
-import { jsx } from "react/jsx-runtime";
-import { TunnelEntry } from "@mittwald/react-tunnel";
-//#region src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx
-var UiComponentTunnelEntry = (props) => {
-	const { component, ...tunnelEntryProps } = props;
-	return /* @__PURE__ */ jsx(TunnelEntry, {
-		...tunnelEntryProps,
-		providerId: getTunnelProviderId(component)
-	});
+import { jsx } from 'react/jsx-runtime';
+import { TunnelEntry } from '@mittwald/react-tunnel';
+import { getTunnelProviderId } from './lib.mjs';
+
+const UiComponentTunnelEntry = (props) => {
+  const { component, ...tunnelEntryProps } = props;
+  return /* @__PURE__ */ jsx(
+    TunnelEntry,
+    {
+      ...tunnelEntryProps,
+      providerId: getTunnelProviderId(component)
+    }
+  );
 };
-//#endregion
-export { UiComponentTunnelEntry };
 
-//# sourceMappingURL=UiComponentTunnelEntry.mjs.map
+export { UiComponentTunnelEntry };
+//# sourceMappingURL=UiComponentTunnelEntry.mjs.map

package/dist/js/packages/components/src/components/UiComponentTunnel/UiComponentTunnelEntry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponentTunnelEntry.mjs","names":[],"sources":["../../../../../../../src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry, type TunnelEntryProps } from \"@mittwald/react-tunnel\";\nimport { getTunnelProviderId } from \"./lib\";\nimport type { FlowComponentName } from \"../propTypes\";\n\nexport type UiComponentTunnelEntryProps = Omit<\n  TunnelEntryProps,\n  \"providerId\"\n> & {\n  component: FlowComponentName;\n};\n\nexport const UiComponentTunnelEntry: FC<UiComponentTunnelEntryProps> = (\n  props,\n) => {\n  const { component, ...tunnelEntryProps } = props;\n  return (\n    <TunnelEntry\n      {...tunnelEntryProps}\n      providerId={getTunnelProviderId(component)}\n    />\n  );\n};\n"],"mappings":";;;;AAYA,IAAa,0BACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,qBAAqB;CAC3C,OACE,oBAAC,aAAD;EACE,GAAI;EACJ,YAAY,oBAAoB,SAAS;CAC1C,CAAA;AAEL"}
+{"version":3,"file":"UiComponentTunnelEntry.mjs","sources":["../../../../../../../src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry, type TunnelEntryProps } from \"@mittwald/react-tunnel\";\nimport { getTunnelProviderId } from \"./lib\";\nimport type { FlowComponentName } from \"../propTypes\";\n\nexport type UiComponentTunnelEntryProps = Omit<\n  TunnelEntryProps,\n  \"providerId\"\n> & {\n  component: FlowComponentName;\n};\n\nexport const UiComponentTunnelEntry: FC<UiComponentTunnelEntryProps> = (\n  props,\n) => {\n  const { component, ...tunnelEntryProps } = props;\n  return (\n    <TunnelEntry\n      {...tunnelEntryProps}\n      providerId={getTunnelProviderId(component)}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,sBAAA,GAA0D,CACrE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,gBAAA,EAAiB,GAAI,KAAA;AAC3C,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,gBAAA;AAAA,MACJ,UAAA,EAAY,oBAAoB,SAAS;AAAA;AAAA,GAC3C;AAEJ;;;;"}