@mittwald/flow-react-components 0.2.0-alpha.6 → 0.2.0-alpha.600

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

@@ -0,0 +1,116 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
+import styles from './TextArea.module.scss.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { useObjectRef } from '@react-aria/utils';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import clsx from 'clsx';
+import { useState, useEffect } from 'react';
+import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
+
+const TextArea = flowComponent("TextArea", (props) => {
+  const {
+    children,
+    placeholder,
+    rows = 5,
+    autoResizeMaxRows = rows,
+    ref,
+    allowVerticalResize,
+    allowHorizontalResize,
+    ...rest
+  } = useControlledHostValueProps(props);
+  let { allowResize } = props;
+  if (allowVerticalResize) {
+    allowResize = "vertical";
+  } else if (allowHorizontalResize) {
+    allowResize = "horizontal";
+  }
+  const rootClassName = clsx(
+    styles.textArea,
+    typeof allowResize === "boolean" && allowResize ? styles.resize : null,
+    allowResize === "horizontal" ? styles.horizontalResize : allowResize === "vertical" ? styles.verticalResize : null
+  );
+  const localRef = useObjectRef(ref);
+  const getHeight = (rows2) => {
+    return `calc(var(--line-height--m) * ${rows2} + (var(--form-control--padding-y) * 2))`;
+  };
+  const [resized, setResized] = useState(false);
+  const autoResizable = rows !== autoResizeMaxRows;
+  const verticallyResizable = allowResize && (!autoResizable || autoResizable && resized);
+  useEffect(() => {
+    const textarea = localRef.current;
+    if (!textarea) return;
+    const startHeight = textarea.offsetHeight;
+    let tracking = false;
+    const handleMouseDown = () => {
+      tracking = true;
+    };
+    const handleMouseMove = () => {
+      if (!tracking || resized) return;
+      const currentHeight = textarea.offsetHeight;
+      if (currentHeight !== startHeight) {
+        setResized(true);
+        tracking = false;
+      }
+    };
+    const handleMouseUp = () => {
+      tracking = false;
+    };
+    window.addEventListener("mousedown", handleMouseDown);
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      window.removeEventListener("mousedown", handleMouseDown);
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [resized]);
+  const updateHeight = () => {
+    if (localRef.current && autoResizable && !verticallyResizable) {
+      localRef.current.style.height = "0px";
+      const scrollHeight = localRef.current.scrollHeight;
+      localRef.current.style.height = scrollHeight + 2 + "px";
+    }
+  };
+  const input = /* @__PURE__ */ jsx(
+    Aria.TextArea,
+    {
+      rows,
+      "aria-hidden": props["aria-hidden"],
+      placeholder,
+      className: rootClassName,
+      ref: localRef,
+      onChange: updateHeight,
+      style: {
+        minHeight: getHeight(rows),
+        maxHeight: verticallyResizable ? void 0 : getHeight(autoResizeMaxRows)
+      }
+    }
+  );
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props);
+  return /* @__PURE__ */ jsx(
+    TextFieldBase,
+    {
+      ...rest,
+      ...fieldProps,
+      className: clsx(rest.className, fieldProps.className),
+      FieldErrorView,
+      FieldErrorCaptureContext,
+      input,
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children })
+    }
+  );
+});
+
+export { TextArea, TextArea as default };
+//# sourceMappingURL=TextArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.mjs","sources":["../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport { useEffect, useState } from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface TextAreaProps\n  extends Omit<\n      TextFieldBaseProps,\n      \"FieldErrorView\" | \"FieldErrorCaptureContext\" | \"input\" | \"ref\"\n    >,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\" | \"aria-hidden\">,\n    FlowComponentProps<HTMLTextAreaElement> {\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n  /** Allows the user to manually resize the textArea horizontally. */\n  allowResize?: boolean | \"horizontal\" | \"vertical\";\n\n  /** @deprecated Use `allowResize` instead. */\n  allowHorizontalResize?: boolean;\n  /** @deprecated Use `allowResize` instead. */\n  allowVerticalResize?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    allowVerticalResize,\n    allowHorizontalResize,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  let { allowResize } = props;\n  if (allowVerticalResize) {\n    allowResize = \"vertical\";\n  } else if (allowHorizontalResize) {\n    allowResize = \"horizontal\";\n  }\n\n  const rootClassName = clsx(\n    styles.textArea,\n    typeof allowResize === \"boolean\" && allowResize ? styles.resize : null,\n    allowResize === \"horizontal\"\n      ? styles.horizontalResize\n      : allowResize === \"vertical\"\n        ? styles.verticalResize\n        : null,\n  );\n\n  const localRef = useObjectRef(ref);\n\n  const getHeight = (rows: number) => {\n    return `calc(var(--line-height--m) * ${rows} + (var(--form-control--padding-y) * 2))`;\n  };\n\n  const [resized, setResized] = useState(false);\n\n  const autoResizable = rows !== autoResizeMaxRows;\n\n  const verticallyResizable =\n    allowResize && (!autoResizable || (autoResizable && resized));\n\n  useEffect(() => {\n    const textarea = localRef.current;\n    if (!textarea) return;\n\n    const startHeight = textarea.offsetHeight;\n    let tracking = false;\n\n    const handleMouseDown = () => {\n      tracking = true;\n    };\n\n    const handleMouseMove = () => {\n      if (!tracking || resized) return;\n\n      const currentHeight = textarea.offsetHeight;\n\n      if (currentHeight !== startHeight) {\n        setResized(true);\n        tracking = false;\n      }\n    };\n\n    const handleMouseUp = () => {\n      tracking = false;\n    };\n\n    window.addEventListener(\"mousedown\", handleMouseDown);\n    window.addEventListener(\"mousemove\", handleMouseMove);\n    window.addEventListener(\"mouseup\", handleMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mousedown\", handleMouseDown);\n      window.removeEventListener(\"mousemove\", handleMouseMove);\n      window.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, [resized]);\n\n  const updateHeight = () => {\n    if (localRef.current && autoResizable && !verticallyResizable) {\n      // https://stackoverflow.com/a/60795884\n      localRef.current.style.height = \"0px\";\n      const scrollHeight = localRef.current.scrollHeight;\n      // + 2 to add border height\n      localRef.current.style.height = scrollHeight + 2 + \"px\";\n    }\n  };\n\n  const input = (\n    <Aria.TextArea\n      rows={rows}\n      aria-hidden={props[\"aria-hidden\"]}\n      placeholder={placeholder}\n      className={rootClassName}\n      ref={localRef}\n      onChange={updateHeight}\n      style={{\n        minHeight: getHeight(rows),\n        maxHeight: verticallyResizable\n          ? undefined\n          : getHeight(autoResizeMaxRows),\n      }}\n    />\n  );\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  return (\n    <TextFieldBase\n      {...rest}\n      {...fieldProps}\n      className={clsx(rest.className, fieldProps.className)}\n      FieldErrorView={FieldErrorView}\n      FieldErrorCaptureContext={FieldErrorCaptureContext}\n      input={input}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        {children}\n      </PropsContextProvider>\n    </TextFieldBase>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const textArea = "flow--text-area";
+const horizontalResize = "flow--text-area--horizontal-resize";
+const verticalResize = "flow--text-area--vertical-resize";
+const resize = "flow--text-area--resize";
+const styles = {
+	textArea: textArea,
+	horizontalResize: horizontalResize,
+	verticalResize: verticalResize,
+	resize: resize
+};
+
+export { styles as default, horizontalResize, resize, textArea, verticalResize };
+//# sourceMappingURL=TextArea.module.scss.mjs.map

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

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

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

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
+import styles from './TextField.module.scss.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
+
+const TextField = flowComponent("TextField", (props) => {
+  const { children, placeholder, form, ref, ...rest } = useControlledHostValueProps(props);
+  const input = /* @__PURE__ */ jsx(
+    Aria.Input,
+    {
+      form,
+      placeholder,
+      className: styles.textField,
+      ref
+    }
+  );
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props);
+  return /* @__PURE__ */ jsx(
+    TextFieldBase,
+    {
+      ...rest,
+      ...fieldProps,
+      FieldErrorView,
+      FieldErrorCaptureContext,
+      input,
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children })
+    }
+  );
+});
+
+export { TextField, TextField as default };
+//# sourceMappingURL=TextField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.mjs","sources":["../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport {\n  TextFieldBase,\n  type TextFieldBaseProps,\n} from \"@/components/TextFieldBase\";\nimport styles from \"./TextField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface TextFieldProps\n  extends Omit<\n      TextFieldBaseProps,\n      \"FieldErrorView\" | \"FieldErrorCaptureContext\" | \"input\" | \"className\"\n    >,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, placeholder, form, ref, ...rest } =\n    useControlledHostValueProps(props);\n\n  const input = (\n    <Aria.Input\n      form={form}\n      placeholder={placeholder}\n      className={styles.textField}\n      ref={ref}\n    />\n  );\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  return (\n    <TextFieldBase\n      {...rest}\n      {...fieldProps}\n      FieldErrorView={FieldErrorView}\n      FieldErrorCaptureContext={FieldErrorCaptureContext}\n      input={input}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        {children}\n      </PropsContextProvider>\n    </TextFieldBase>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;;;;AAuBO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,UAAU,WAAA,EAAa,IAAA,EAAM,KAAK,GAAG,IAAA,EAAK,GAChD,2BAAA,CAA4B,KAAK,CAAA;AAEnC,EAAA,MAAM,KAAA,mBACJ,GAAA;AAAA,IAAC,IAAA,CAAK,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAA,CAAO,SAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAGF,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,cAAA;AAAA,MACA,wBAAA;AAAA,MACA,KAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC1B,QAAA,EACH;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

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

package/dist/js/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/components/src/components/TextFieldBase/TextFieldBase.mjs

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import * as Aria from 'react-aria-components';
+import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
+import locales from '../../../../_virtual/_.locale.json@444629885187f8ca5450a1c8b14fb45c.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+
+const TextFieldBase = (props) => {
+  const {
+    children,
+    className,
+    input,
+    showCharacterCount,
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    ...rest
+  } = props;
+  const [charactersCount, setCharactersCount] = useState(
+    props.defaultValue?.length ?? props.value?.length ?? 0
+  );
+  const translation = useLocalizedStringFormatter(locales);
+  const handleChange = (v) => {
+    if (showCharacterCount) {
+      setCharactersCount(v.length);
+    }
+    if (props.onChange) {
+      props.onChange(v);
+    }
+  };
+  const charactersCountDescription = translation.format(
+    "textFieldBase.characters",
+    {
+      count: charactersCount,
+      maxCount: props.maxLength ?? 0
+    }
+  );
+  return /* @__PURE__ */ jsxs(Aria.TextField, { ...rest, className, onChange: handleChange, children: [
+    /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
+      children,
+      input,
+      showCharacterCount && /* @__PURE__ */ jsx(FieldDescription, { className: formFieldStyles.fieldDescription, children: charactersCountDescription })
+    ] }),
+    /* @__PURE__ */ jsx(FieldErrorView, {})
+  ] });
+};
+
+export { TextFieldBase, TextFieldBase as default };
+//# sourceMappingURL=TextFieldBase.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport type { UseFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"../FormField/FormField.module.scss\";\n\nexport interface TextFieldBaseProps\n  extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<FlowComponentProps<HTMLInputElement>, \"ref\">,\n    Pick<UseFieldComponent, \"FieldErrorView\" | \"FieldErrorCaptureContext\"> {\n  /** The input element */\n  input: ReactNode;\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\nexport const TextFieldBase: FC<TextFieldBaseProps> = (props) => {\n  const {\n    children,\n    className,\n    input,\n    showCharacterCount,\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    ...rest\n  } = props;\n\n  const [charactersCount, setCharactersCount] = useState(\n    props.defaultValue?.length ?? props.value?.length ?? 0,\n  );\n\n  const translation = useLocalizedStringFormatter(locales);\n\n  const handleChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (props.onChange) {\n      props.onChange(v);\n    }\n  };\n\n  const charactersCountDescription = translation.format(\n    \"textFieldBase.characters\",\n    {\n      count: charactersCount,\n      maxCount: props.maxLength ?? 0,\n    },\n  );\n\n  return (\n    <Aria.TextField {...rest} className={className} onChange={handleChange}>\n      <FieldErrorCaptureContext>\n        {children}\n        {input}\n        {showCharacterCount && (\n          <FieldDescription className={styles.fieldDescription}>\n            {charactersCountDescription}\n          </FieldDescription>\n        )}\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.TextField>\n  );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;AAoBO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,kBAAA;AAAA,IACA,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,IAC5C,KAAA,CAAM,YAAA,EAAc,MAAA,IAAU,KAAA,CAAM,OAAO,MAAA,IAAU;AAAA,GACvD;AAEA,EAAA,MAAM,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAc;AAClC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA,IAC7B;AACA,IAAA,IAAI,MAAM,QAAA,EAAU;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,IAClB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,6BAA6B,WAAA,CAAY,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAA,IAAa;AAAA;AAC/B,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAK,SAAA,EAAL,EAAgB,GAAG,IAAA,EAAM,SAAA,EAAsB,UAAU,YAAA,EACxD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,wBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,sCACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAWA,eAAA,CAAO,kBACjC,QAAA,EAAA,0BAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,31 @@
+"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, {})
+  ] });
+});
+
+export { TimeField, TimeField as default };
+//# sourceMappingURL=TimeField.mjs.map

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

@@ -0,0 +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 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":";;;;;;;;;;AAgBO,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;;;;"}

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

@@ -0,0 +1,9 @@
+"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/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/components/src/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,128 @@
+"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 '../AccentBox/AccentBox.mjs';
+import 'react';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/propsContext/components/PropsContextProvider.mjs';
+import '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import '@mittwald/react-tunnel';
+import '../Activity/Activity.mjs';
+import '../Action/Action.mjs';
+import 'react-aria';
+import '@react-aria/live-announcer';
+import '../ActionGroup/ActionGroup.mjs';
+import '../Alert/Alert.mjs';
+import '../AlertBadge/AlertBadge.mjs';
+import '../Align/Align.mjs';
+import '../Autocomplete/Autocomplete.mjs';
+import '../Avatar/Avatar.mjs';
+import '../Badge/Badge.mjs';
+import 'mobx';
+import '../../lib/controller/overlay/context.mjs';
+import 'remeda';
+import '../../lib/slotContext/SlotContextProvider.mjs';
+import '../../lib/propsContext/components/ComponentPropsContextProvider.mjs';
+import { ClearPropsContext } from '../../lib/propsContext/components/ClearPropsContext.mjs';
+import '../../views/ClearPropsContextView.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '@react-aria/utils';
+import 'dot-prop';
+import 'recharts';
+import '../Heading/Heading.mjs';
+import '../Text/Text.mjs';
+import '../Checkbox/Checkbox.mjs';
+import '../CheckboxButton/CheckboxButton.mjs';
+import '../CheckboxGroup/CheckboxGroup.mjs';
+import 'react-syntax-highlighter';
+import '../CopyButton/CopyButton.mjs';
+import '../ColumnLayout/ColumnLayout.mjs';
+import '../ComboBox/ComboBox.mjs';
+import '../Content/Content.mjs';
+import '../ContextMenu/ContextMenu.mjs';
+import '../MenuItem/MenuItem.mjs';
+import '../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import '../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import '../ContextualHelp/ContextualHelp.mjs';
+import '../ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs';
+import '../CounterBadge/CounterBadge.mjs';
+import '../CountryOptions/CountryOptions.mjs';
+import '../DatePicker/DatePicker.mjs';
+import '../DateRangePicker/DateRangePicker.mjs';
+import '../FieldDescription/FieldDescription.mjs';
+import '../FieldError/FieldError.mjs';
+import '../FileCard/FileCard.mjs';
+import '../FileCardList/FileCardList.mjs';
+import '../FileDropZone/FileDropZone.mjs';
+import '../FileField/FileField.mjs';
+import '../Header/Header.mjs';
+import '../Image/Image.mjs';
+import '../Initials/Initials.mjs';
+import '../Label/Label.mjs';
+import '../LayoutCard/LayoutCard.mjs';
+import '../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
+import '../../views/DialogTriggerView.mjs';
+import '../LightBox/LightBox.mjs';
+import '../Link/Link.mjs';
+import 'invariant';
+import '../../views/ListItemViewContentView.mjs';
+import '../../views/ButtonView.mjs';
+import '../../views/ContextMenuTriggerView.mjs';
+import '../List/components/ListSummary/ListSummary.mjs';
+import '../List/listContext.mjs';
+import '../List/List.mjs';
+import 'react-markdown';
+import 'remark-gfm';
+import '../MarkdownEditor/MarkdownEditor.mjs';
+import '../Message/Message.mjs';
+import '../MessageThread/MessageThread.mjs';
+import '../Modal/Modal.mjs';
+import '../Navigation/Navigation.mjs';
+import '../Navigation/components/NavigationGroup/NavigationGroup.mjs';
+import '../NotificationProvider/NotificationProvider.mjs';
+import 'luxon';
+import '../NumberField/NumberField.mjs';
+import '../Option/Option.mjs';
+import '../../views/OverlayContentView.mjs';
+import '../../views/LoadingSpinnerView.mjs';
+import '../PasswordCreationField/PasswordCreationField.mjs';
+import '../Popover/components/PopoverTrigger/PopoverTrigger.mjs';
+import '../Popover/Popover.mjs';
+import '../ProgressBar/ProgressBar.mjs';
+import '../RadioGroup/RadioGroup.mjs';
+import '../RadioGroup/components/Radio/Radio.mjs';
+import '../RadioGroup/components/RadioButton/RadioButton.mjs';
+import '../SearchField/SearchField.mjs';
+import '../Section/Section.mjs';
+import '../SegmentedControl/SegmentedControl.mjs';
+import '../SegmentedControl/components/Segment/Segment.mjs';
+import '../Select/Select.mjs';
+import '../SettingsProvider/SettingsProvider.mjs';
+import '../Slider/Slider.mjs';
+import '../SuspenseTrigger/SuspenseTrigger.mjs';
+import '../Switch/Switch.mjs';
+import '../Tabs/Tabs.mjs';
+import '../Tabs/components/Tab/context.mjs';
+import '../TextArea/TextArea.mjs';
+import '../TextField/TextField.mjs';
+import '../TimeField/TimeField.mjs';
+import '../TranslationProvider/TranslationProvider.mjs';
+import '../../lib/remote/eventHandlerContext.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
+  ] }) });
+};
+
+export { Tooltip, Tooltip as default };
+//# sourceMappingURL=Tooltip.mjs.map

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

@@ -0,0 +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 \"@/index/default\";\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/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/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/components/src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.mjs

@@ -0,0 +1,13 @@
+"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 });
+};
+
+export { TooltipTrigger, TooltipTrigger as default };
+//# sourceMappingURL=TooltipTrigger.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,14 @@
+"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 });
+};
+
+export { TranslationProvider, TranslationProvider as default, useTranslationProvider };
+//# sourceMappingURL=TranslationProvider.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { useLocalizedStringFormatter } from 'react-aria';
+import { useTranslationProvider } from './TranslationProvider.mjs';
+import { mergeDeep } from 'remeda';
+
+const useLocalizedContextStringFormatter = (strings, componentName) => {
+  const translationContextStrings = useTranslationProvider();
+  return useLocalizedStringFormatter(
+    mergeDeep(strings, translationContextStrings),
+    componentName
+  );
+};
+
+export { useLocalizedContextStringFormatter };
+//# sourceMappingURL=useLocalizedContextStringFormatter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalizedContextStringFormatter.mjs","sources":["../../../../../../src/components/TranslationProvider/useLocalizedContextStringFormatter.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"react-aria\";\nimport { useTranslationProvider } from \"@/components/TranslationProvider/TranslationProvider\";\nimport { mergeDeep } from \"remeda\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ntype AriaLocalizedStringFormatter = typeof useLocalizedStringFormatter<\n  string,\n  string\n>;\ntype AriaLocalizedStringFormatterParams =\n  Parameters<AriaLocalizedStringFormatter>;\n\nexport const useLocalizedContextStringFormatter = (\n  strings: AriaLocalizedStringFormatterParams[0],\n  componentName?: FlowComponentName,\n): ReturnType<AriaLocalizedStringFormatter> => {\n  const translationContextStrings = useTranslationProvider();\n\n  return useLocalizedStringFormatter(\n    mergeDeep(strings, translationContextStrings),\n    componentName,\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,kCAAA,GAAqC,CAChD,OAAA,EACA,aAAA,KAC6C;AAC7C,EAAA,MAAM,4BAA4B,sBAAA,EAAuB;AAEzD,EAAA,OAAO,2BAAA;AAAA,IACL,SAAA,CAAU,SAAS,yBAAyB,CAAA;AAAA,IAC5C;AAAA,GACF;AACF;;;;"}

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

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

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

@@ -0,0 +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;;;;"}

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

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

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

@@ -0,0 +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;;;;"}