@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+//#region src/components/TextField/TextField.module.scss
+var inputContainer = "flow--text-field--input-container";
+var input = "flow--text-field--input";
+var readonly = "flow--text-field--readonly";
+var button = "flow--text-field--button";
+var TextField_module_default = {
+	inputContainer,
+	input,
+	readonly,
+	button
+};
+//#endregion
+export { button, TextField_module_default as default, input, inputContainer, readonly };
+
+//# sourceMappingURL=TextField.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module.mjs","names":[],"sources":["../../../../../../../src/components/TextField/TextField.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.inputContainer {\n  order: 2;\n  display: flex;\n  position: relative;\n\n  .input {\n    flex-grow: 1;\n    min-width: 0;\n\n    @include formControl.formControl();\n  }\n\n  &:has(.button) .input {\n    --button-size: calc(\n      var(--icon--size--m) + var(--button--padding-icon-only) * 2\n    );\n\n    padding-inline-end: var(--button-size);\n  }\n\n  .button {\n    position: absolute;\n    inset-inline-end: var(--size-rem--xxxs);\n    top: var(--size-rem--xxxs);\n    bottom: var(--size-rem--xxxs);\n    padding-block: initial;\n    outline-offset: calc(var(--size-px--xxxs) * -1);\n  }\n}\n"],"mappings":""}

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

@@ -1,31 +1,32 @@
 "use client"
 /* */
-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);
-  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, {})
-  ] });
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import { DateInput } from "../DateInput/DateInput.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, {})]
+	});
 });
+//#endregion
+export { TimeField, TimeField as default };
 
-export { TimeField };
-//# sourceMappingURL=TimeField.mjs.map
+//# sourceMappingURL=TimeField.mjs.map

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

@@ -1 +1 @@
-{"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);\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,kBAAkB,KAAK,CAAA;AAE3B,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;;;;"}
+{"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;EAA7C,UAAA,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"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/TimeField/TimeField.module.scss
+var dateInput = "flow--time-field--date-input";
+var readonly = "flow--time-field--readonly";
+var TimeField_module_default = {
+	dateInput,
+	readonly
+};
+//#endregion
+export { dateInput, TimeField_module_default as default, readonly };
+
+//# sourceMappingURL=TimeField.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.module.mjs","names":[],"sources":["../../../../../../../src/components/TimeField/TimeField.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.dateInput {\n  display: flex;\n  column-gap: var(--size-rem--xxs);\n\n  @include formControl.formControl();\n\n  :global(.react-aria-DateSegment) {\n    border-radius: var(--time-field--date-segment-corner-radius);\n    letter-spacing: var(--size-rem--xxxs);\n    transition-property: background-color;\n    transition-duration: var(--transition--duration--default);\n\n    &:focus {\n      background: var(--time-field--date-segment-background-color--focused);\n      outline: none;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,19 +1,28 @@
 "use client"
 /* */
-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
-  ] }) });
+import { ClearPropsContext } from "../../lib/propsContext/components/ClearPropsContext.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]
+	}) });
 };
+//#endregion
+export { Tooltip, Tooltip as default };
 
-export { Tooltip };
-//# sourceMappingURL=Tooltip.mjs.map
+//# sourceMappingURL=Tooltip.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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;EAAnC,UAAA,CACE,oBAAC,KAAK,cAAN;GAAmB,WAAW,uBAAO;GACnC,UAAA,oBAAC,OAAD;IAAK,SAAQ;IACX,UAAA,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;GACvB,CAAA;EACY,CAAA,GAClB,QACW;CACG,CAAA,EAAA,CAAA;AAEvB"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+//#region src/components/Tooltip/Tooltip.module.scss
+var tooltip = "flow--tooltip";
+var tip = "flow--tooltip--tip";
+var slide = "flow--tooltip--slide";
+var Tooltip_module_default = {
+	tooltip,
+	tip,
+	slide
+};
+//#endregion
+export { Tooltip_module_default as default, slide, tip, tooltip };
+
+//# sourceMappingURL=Tooltip.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.module.scss"],"sourcesContent":[".tooltip {\n  border-radius: var(--tooltip--corner-radius);\n  background-color: var(--tooltip--background-color);\n  color: var(--tooltip--color);\n  font-size: var(--tooltip--font-size);\n  padding-block: var(--tooltip--padding-y);\n  padding-inline: var(--tooltip--padding-x);\n  max-width: var(--tooltip--max-width);\n  transform: translate3d(0, 0, 0);\n  box-shadow: var(--tooltip--box-shadow);\n\n  --translate-origin-length: var(--tooltip--tooltip-to-trigger-spacing) / 2;\n\n  /* Placement */\n  &[data-placement=\"top\"] {\n    margin-bottom: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateY(var(--translate-origin-length));\n  }\n\n  &[data-placement=\"bottom\"] {\n    margin-top: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateY(var(--translate-origin-length) * -1);\n\n    .tip svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  &[data-placement=\"right\"] {\n    margin-inline-start: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateX(var(--translate-origin-length) * -1);\n\n    .tip svg {\n      transform: rotate(90deg);\n    }\n  }\n\n  &[data-placement=\"left\"] {\n    margin-inline-end: var(--tooltip--tooltip-to-trigger-spacing);\n\n    --translate-origin: translateX(var(--translate-origin-length));\n\n    .tip svg {\n      transform: rotate(-90deg);\n    }\n  }\n\n  /* Animation */\n\n  &[data-entering] {\n    animation: slide 200ms;\n  }\n\n  &[data-exiting] {\n    animation: slide 200ms reverse ease-in;\n  }\n\n  .tip {\n    width: var(--tooltip--tip-size);\n    height: var(--tooltip--tip-size);\n\n    svg {\n      display: block;\n      fill: var(--tooltip--background-color);\n    }\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: var(--translate-origin);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,22 @@
 "use client"
 /* */
-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 });
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.tsx
+var delays = {
+	default: 400,
+	long: 1500
+};
+/** @flr-generate all */
+var TooltipTrigger = (props) => {
+	const { children, delay = "default", ...rest } = props;
+	return /* @__PURE__ */ jsx(Aria.TooltipTrigger, {
+		...rest,
+		delay: delays[delay],
+		children
+	});
 };
+//#endregion
+export { TooltipTrigger, TooltipTrigger as default };
 
-export { TooltipTrigger };
-//# sourceMappingURL=TooltipTrigger.mjs.map
+//# sourceMappingURL=TooltipTrigger.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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\";\n\nexport type TooltipDelay = \"default\" | \"long\";\n\nconst delays: Record<TooltipDelay, number> = {\n  default: 400,\n  long: 1500,\n};\n\nexport interface TooltipTriggerProps extends PropsWithChildren<\n  Omit<Aria.TooltipTriggerComponentProps, \"children\" | \"delay\">\n> {\n  /**\n   * How long the tooltip waits before it is shown on hover. Use `\"default\"`\n   * (400ms) for elements that cannot be understood without the tooltip – icon\n   * only buttons, for example. Use `\"long\"` (1500ms) for supplementary\n   * information on elements that are already labeled.\n   *\n   * @default \"default\"\n   */\n  delay?: TooltipDelay;\n}\n\n/** @flr-generate all */\nexport const TooltipTrigger: FC<TooltipTriggerProps> = (props) => {\n  const { children, delay = \"default\", ...rest } = props;\n\n  return (\n    <Aria.TooltipTrigger {...rest} delay={delays[delay]}>\n      {children}\n    </Aria.TooltipTrigger>\n  );\n};\n\nexport default TooltipTrigger;\n"],"mappings":";;;;;AAKA,IAAM,SAAuC;CAC3C,SAAS;CACT,MAAM;AACR;;AAiBA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,UAAU,QAAQ,WAAW,GAAG,SAAS;CAEjD,OACE,oBAAC,KAAK,gBAAN;EAAqB,GAAI;EAAM,OAAO,OAAO;EAC1C;CACkB,CAAA;AAEzB"}

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

@@ -1,14 +1,22 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useMemo } from 'react';
-
-const context = createContext({});
-const useTranslationProvider = () => useContext(context);
-const TranslationProvider = (props) => {
-  const { children, translations } = props;
-  return /* @__PURE__ */ jsx(context.Provider, { value: useMemo(() => translations, [translations]), children });
+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
+	});
 };
+//#endregion
+export { TranslationProvider, TranslationProvider as default, useTranslationProvider };
 
-export { TranslationProvider, useTranslationProvider };
-//# sourceMappingURL=TranslationProvider.mjs.map
+//# sourceMappingURL=TranslationProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationProvider.mjs","sources":["../../../../../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { createContext, useContext, useMemo } from \"react\";\n\nexport interface Translations {\n  \"de-DE\"?: Record<string, string>;\n  \"en-US\"?: Record<string, string>;\n}\n\ntype Props = PropsWithChildren & {\n  translations: Translations;\n};\n\nconst context = createContext<Translations>({});\n\nexport const useTranslationProvider = () => useContext(context);\n\nexport const TranslationProvider: FC<Props> = (props) => {\n  const { children, translations } = props;\n\n  return (\n    <context.Provider value={useMemo(() => translations, [translations])}>\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default TranslationProvider;\n"],"names":[],"mappings":";;;AAYA,MAAM,OAAA,GAAU,aAAA,CAA4B,EAAE,CAAA;AAEvC,MAAM,sBAAA,GAAyB,MAAM,UAAA,CAAW,OAAO;AAEvD,MAAM,mBAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,QAAA,EAAU,YAAA,EAAa,GAAI,KAAA;AAEnC,EAAA,uBACE,GAAA,CAAC,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,OAAA,CAAQ,MAAM,YAAA,EAAc,CAAC,YAAY,CAAC,CAAA,EAChE,QAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TranslationProvider.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { 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"}

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

@@ -0,0 +1,47 @@
+"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] ?? {};
+	});
+};
+var 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

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

@@ -0,0 +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,CAAA,CAAO,kBAAkB,CAAC;CACnC,CAAC;AACH;AAEA,IAAa,+BACX,SACA,kBACG;CACH,MAAM,SAAS,YAAY;CAC3B,MAAM,EAAE,cAAc,cAAc,uBAAuB;CAE3D,MAAM,gBAAgB,cAElB,UACE,SACA,0BAA0B,eAAe,YAAY,CACvD,GACF;EAAC;EAAS;EAAc;CAAa,CACvC;CAEA,MAAM,aAAa,6BAA6B,eAAe,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;EAEA,MAAM,oBAAoB,WAAW,mBAAmB,KAAK,MAAM;EACnE,MAAM,qBAAqB,IAAI,kBAC7B,mBACA,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"}

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

@@ -1,22 +1,35 @@
 "use client"
 /* */
-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 });
+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)) {
+		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, Truncate_module_default.ellipsis),
+		children
+	});
 };
+//#endregion
+export { Truncate, Truncate as default };
 
-export { Truncate };
-//# sourceMappingURL=Truncate.mjs.map
+//# sourceMappingURL=Truncate.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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  /**\n   * The `title` attribute of the elements root, which browsers show as a native\n   * tooltip on hover. It is not derived from the children — pass the full text\n   * to make it readable while truncated.\n   */\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":";;;;;;;;;;AAuBA,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,WAAW;EAClC,MAAM,OAAO,0BAA0B,QAAQ,KAAK;EAEpD,OACE,oBAAC,QAAD;GAAa;GAAO,WAAW;GAC7B,UAAA,oBAAC,eAAD;IAAuB;IAAkB;IAAgB;GAAO,CAAA;EAC5D,CAAA;CAEV;CAEA,OACE,oBAAC,QAAD;EAAa;EAAO,WAAW,KAAK,eAAe,wBAAO,QAAQ;EAC/D;CACG,CAAA;AAEV"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/Truncate/Truncate.module.scss
+var truncate = "flow--truncate";
+var ellipsis = "flow--truncate--ellipsis";
+var Truncate_module_default = {
+	truncate,
+	ellipsis
+};
+//#endregion
+export { Truncate_module_default as default, ellipsis, truncate };
+
+//# sourceMappingURL=Truncate.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Truncate.module.mjs","names":[],"sources":["../../../../../../../src/components/Truncate/Truncate.module.scss"],"sourcesContent":[".truncate {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n\n  &.ellipsis {\n    text-overflow: ellipsis;\n  }\n}\n"],"mappings":""}

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

@@ -1,9 +1,14 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { TunnelEntry as TunnelEntry$1 } from '@mittwald/react-tunnel';
+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 TunnelEntry, TunnelEntry$1 as default };
 
-const TunnelEntry = (props) => /* @__PURE__ */ jsx(TunnelEntry$1, { ...props });
-
-export { TunnelEntry };
-//# sourceMappingURL=TunnelEntry.mjs.map
+//# sourceMappingURL=TunnelEntry.mjs.map

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

@@ -1 +1 @@
-{"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/** @flr-generate all */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"names":["ReactTunnelEntry"],"mappings":";;;AAOO,MAAM,cAAoC,CAAC,KAAA,qBAChD,GAAA,CAACA,aAAA,EAAA,EAAkB,GAAG,KAAA,EAAO;;;;"}
+{"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"}

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

@@ -0,0 +1,17 @@
+"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)
+	});
+};
+//#endregion
+export { UiComponentTunnelEntry };
+
+//# sourceMappingURL=UiComponentTunnelEntry.mjs.map

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

@@ -0,0 +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 \"@/components/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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiComponentTunnelExit.mjs","names":[],"sources":["../../../../../../../src/components/UiComponentTunnel/UiComponentTunnelExit.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelExit, type TunnelExitProps } from \"@mittwald/react-tunnel\";\nimport { getTunnelProviderId } from \"./lib\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type UiComponentTunnelExitProps = Omit<TunnelExitProps, \"providerId\"> & {\n  component: FlowComponentName;\n};\n\nexport const UiComponentTunnelExit: FC<UiComponentTunnelExitProps> = (\n  props,\n) => {\n  const { component, ...tunnelExitProps } = props;\n  return (\n    <TunnelExit\n      {...tunnelExitProps}\n      providerId={getTunnelProviderId(component)}\n    />\n  );\n};\n"],"mappings":";;;;;;AASA,IAAa,yBACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,oBAAoB;CAC1C,OACE,oBAAC,YAAD;EACE,GAAI;EACJ,YAAY,oBAAoB,SAAS;CAC1C,CAAA;AAEL"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiComponentTunnelProvider.mjs","names":[],"sources":["../../../../../../../src/components/UiComponentTunnel/UiComponentTunnelProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { getTunnelProviderId } from \"./lib\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UiComponentTunnelProviderProps extends PropsWithChildren {\n  component: FlowComponentName;\n}\n\nexport const UiComponentTunnelProvider: FC<UiComponentTunnelProviderProps> = (\n  props,\n) => {\n  const { children, component } = props;\n\n  return (\n    <TunnelProvider id={getTunnelProviderId(component)}>\n      {children}\n    </TunnelProvider>\n  );\n};\n"],"mappings":";;;;;;AASA,IAAa,6BACX,UACG;CACH,MAAM,EAAE,UAAU,cAAc;CAEhC,OACE,oBAAC,gBAAD;EAAgB,IAAI,oBAAoB,SAAS;EAC9C;CACa,CAAA;AAEpB"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/UiComponentTunnel/lib.ts
+var tunnelProviderPrefix = "@mittwald/flow/tunnel/";
+var getTunnelProviderId = (componentName) => `${tunnelProviderPrefix}${componentName}`;
+//#endregion
+export { getTunnelProviderId };
+
+//# sourceMappingURL=lib.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib.mjs","names":[],"sources":["../../../../../../../src/components/UiComponentTunnel/lib.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\n\nconst tunnelProviderPrefix = \"@mittwald/flow/tunnel/\";\n\nexport const getTunnelProviderId = (componentName: FlowComponentName) =>\n  `${tunnelProviderPrefix}${componentName}`;\n"],"mappings":";;;AAEA,IAAM,uBAAuB;AAE7B,IAAa,uBAAuB,kBAClC,GAAG,uBAAuB"}

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

@@ -1,12 +1,12 @@
 "use client"
 /* */
-const Wrap = (props) => {
-  const { if: _if, children } = props;
-  if (_if) {
-    return children;
-  }
-  return children.props.children;
+//#region src/components/Wrap/Wrap.tsx
+var Wrap = (props) => {
+	const { if: _if, children } = props;
+	if (_if) return children;
+	return children.props.children;
 };
-
+//#endregion
 export { Wrap, Wrap as default };
-//# sourceMappingURL=Wrap.mjs.map
+
+//# sourceMappingURL=Wrap.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Wrap.mjs","sources":["../../../../../../../src/components/Wrap/Wrap.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactElement } from \"react\";\n\nexport interface WrapProps {\n  if: unknown;\n  children: ReactElement<PropsWithChildren>;\n}\n\nexport const Wrap: FC<WrapProps> = (props) => {\n  const { if: _if, children } = props;\n\n  if (_if) {\n    return children;\n  }\n\n  return children.props.children;\n};\n\nexport default Wrap;\n"],"names":[],"mappings":"AAOO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,EAAA,EAAI,GAAA,EAAK,QAAA,EAAS,GAAI,KAAA;AAE9B,EAAA,IAAI,GAAA,EAAK;AACP,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,OAAO,SAAS,KAAA,CAAM,QAAA;AACxB;;;;"}
+{"version":3,"file":"Wrap.mjs","names":[],"sources":["../../../../../../../src/components/Wrap/Wrap.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactElement } from \"react\";\n\nexport interface WrapProps {\n  if: unknown;\n  children: ReactElement<PropsWithChildren>;\n}\n\nexport const Wrap: FC<WrapProps> = (props) => {\n  const { if: _if, children } = props;\n\n  if (_if) {\n    return children;\n  }\n\n  return children.props.children;\n};\n\nexport default Wrap;\n"],"mappings":";;;AAOA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,IAAI,KAAK,aAAa;CAE9B,IAAI,KACF,OAAO;CAGT,OAAO,SAAS,MAAM;AACxB"}