@mittwald/flow-react-components 0.2.0-alpha.749 → 0.2.0-alpha.750

package/dist/js/packages/components/src/components/SettingsProvider/models/ComponentSettings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentSettings.mjs","sources":["../../../../../../../../src/components/SettingsProvider/models/ComponentSettings.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap, toJS } from \"mobx\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport { mapValues } from \"remeda\";\n\nexport type ComponentSettingsJson = Record<string, string>;\n\nexport class ComponentSettings {\n  public readonly settings: ObservableMap<string, unknown>;\n\n  public constructor(settings = new ObservableMap<string, unknown>()) {\n    this.settings = settings;\n    makeAutoObservable(this);\n  }\n\n  public set<T extends ZodSchema>(\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    this.settings.set(settingKey, schema.parse(toJS(value)));\n  }\n\n  public get<T extends ZodSchema>(settingKey: string, schema: T): z.infer<T> {\n    return schema.parse(toJS(this.settings.get(settingKey)));\n  }\n\n  public clear(settingKey: string) {\n    this.settings.delete(settingKey);\n  }\n\n  public get asJson(): ComponentSettingsJson {\n    return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));\n  }\n\n  public static fromJson(json: ComponentSettingsJson) {\n    return new ComponentSettings(\n      new ObservableMap<string, unknown>(\n        mapValues(json, (v) => (typeof v === \"string\" ? JSON.parse(v) : v)),\n      ),\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,iBAAA,CAAkB;AAAA,EACb,QAAA;AAAA,EAET,WAAA,CAAY,QAAA,GAAW,IAAI,aAAA,EAA+B,EAAG;AAClE,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,IAAA,CAAK,QAAA,CAAS,IAAI,UAAA,EAAY,MAAA,CAAO,MAAM,IAAA,CAAK,KAAK,CAAC,CAAC,CAAA;AAAA,EACzD;AAAA,EAEO,GAAA,CAAyB,YAAoB,MAAA,EAAuB;AACzE,IAAA,OAAO,MAAA,CAAO,MAAM,IAAA,CAAK,IAAA,CAAK,SAAS,GAAA,CAAI,UAAU,CAAC,CAAC,CAAA;AAAA,EACzD;AAAA,EAEO,MAAM,UAAA,EAAoB;AAC/B,IAAA,IAAA,CAAK,QAAA,CAAS,OAAO,UAAU,CAAA;AAAA,EACjC;AAAA,EAEA,IAAW,MAAA,GAAgC;AACzC,IAAA,OAAO,SAAA,CAAU,eAAA,CAAgB,IAAA,CAAK,QAAQ,CAAA,EAAG,CAAC,CAAA,KAAM,IAAA,CAAK,SAAA,CAAU,CAAC,CAAC,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAA6B;AAClD,IAAA,OAAO,IAAI,iBAAA;AAAA,MACT,IAAI,aAAA;AAAA,QACF,SAAA,CAAU,IAAA,EAAM,CAAC,CAAA,KAAO,OAAO,CAAA,KAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,CAAE;AAAA;AACpE,KACF;AAAA,EACF;AACF;;;;"}

package/dist/js/packages/components/src/components/SettingsProvider/models/SettingsStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsStore.mjs","sources":["../../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\n\nexport class SettingsStore {\n  public readonly componentSettings: ObservableMap<\n    FlowComponentName,\n    ComponentSettings\n  >;\n\n  public constructor(\n    settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n  ) {\n    this.componentSettings = settings;\n    makeAutoObservable(this);\n  }\n\n  public set<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    const settings =\n      this.componentSettings.get(componentName) ?? new ComponentSettings();\n    settings.set(settingKey, schema, value);\n    this.componentSettings.set(componentName, settings);\n  }\n\n  public get<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n  ): z.infer<T> {\n    const settings =\n      this.componentSettings.get(componentName) ?? new ComponentSettings();\n    return settings.get(settingKey, schema);\n  }\n\n  public clear(componentName: FlowComponentName, settingKey: string) {\n    this.componentSettings.get(componentName)?.clear(settingKey);\n  }\n\n  public get asJson() {\n    return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);\n  }\n\n  public static fromJson(json: SettingsJson) {\n    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n    return new SettingsStore(new ObservableMap(settings));\n  }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":";;;;;AAQO,MAAM,aAAA,CAAc;AAAA,EACT,iBAAA;AAAA,EAKT,WAAA,CACL,QAAA,GAAW,IAAI,aAAA,EAAoD,EACnE;AACA,IAAA,IAAA,CAAK,iBAAA,GAAoB,QAAA;AACzB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAA,EAAQ,KAAK,CAAA;AACtC,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAA,EAAe,QAAQ,CAAA;AAAA,EACpD;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACY;AACZ,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,OAAO,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAM,CAAA;AAAA,EACxC;AAAA,EAEO,KAAA,CAAM,eAAkC,UAAA,EAAoB;AACjE,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAa,CAAA,EAAG,MAAM,UAAU,CAAA;AAAA,EAC7D;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,SAAA,CAAU,gBAAgB,IAAA,CAAK,iBAAiB,GAAG,CAAC,CAAA,KAAM,EAAE,MAAM,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAAoB;AACzC,IAAA,MAAM,QAAA,GAAW,UAAU,IAAA,EAAM,CAAC,MAAM,iBAAA,CAAkB,QAAA,CAAS,CAAC,CAAC,CAAA;AACrE,IAAA,OAAO,IAAI,aAAA,CAAc,IAAI,aAAA,CAAc,QAAQ,CAAC,CAAA;AAAA,EACtD;AACF;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","sources":["../../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Skeleton.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface SkeletonProps extends ComponentProps<\"div\"> {\n  /** The width of the skeleton. */\n  width?: string;\n  /** The height of the skeleton. */\n  height?: string;\n}\n\n/** @flr-generate all */\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const { width, height, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.skeleton, className);\n\n  return (\n    <div\n      className={rootClassName}\n      aria-hidden\n      style={{ height, width }}\n      {...rest}\n    />\n  );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;AAaO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,aAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,KAAA,EAAM;AAAA,MACtB,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.mjs","sources":["../../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"span\"> {\n  /** The width of the skeleton text. */\n  width?: CSSProperties[\"width\"];\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n  const { width, style = {}, ...rest } = props;\n  return (\n    <span\n      aria-hidden\n      className={styles.skeletonText}\n      style={{ width, ...style }}\n      {...rest}\n    />\n  );\n};\n\nexport default SkeletonText;\n"],"names":[],"mappings":";;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,GAAQ,EAAC,EAAG,GAAG,MAAK,GAAI,KAAA;AACvC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,WAAW,MAAA,CAAO,YAAA;AAAA,MAClB,KAAA,EAAO,EAAE,KAAA,EAAO,GAAG,KAAA,EAAM;AAAA,MACxB,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

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

@@ -0,0 +1,139 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from './Slider.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@mittwald/flow-icons';
+import '../Icon/components/IconSetProvider.mjs';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconMinus } from '../Icon/components/icons/IconMinus.mjs';
+import { IconPlus } from '../Icon/components/icons/IconPlus.mjs';
+import locales from '../../../../../_virtual/_.locale.json@3ed2dc50f997451bdd85a713c54e1025.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { useObjectRef } from '@react-aria/utils';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+
+const Slider = flowComponent("Slider", (props) => {
+  const {
+    className,
+    children,
+    name,
+    isDisabled,
+    defaultValue,
+    showInitialMarker,
+    isReadOnly,
+    ref,
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.slider,
+    isDisabled && styles.disabled,
+    className
+  );
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const objectRef = useObjectRef(ref);
+  const propsContext = {
+    ...fieldPropsContext,
+    Label: {
+      unstyled: true,
+      tunnelId: "label",
+      ...fieldPropsContext.Label
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ...fieldProps, children: /* @__PURE__ */ jsx(
+    Aria.Slider,
+    {
+      ...rest,
+      className: rootClassName,
+      isDisabled,
+      defaultValue,
+      children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children }),
+        /* @__PURE__ */ jsxs("div", { className: styles.text, children: [
+          /* @__PURE__ */ jsx(Aria.SliderOutput, { className: styles.value }),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "label" })
+        ] }),
+        /* @__PURE__ */ jsx(Aria.SliderTrack, { className: styles.track, children: ({ state }) => /* @__PURE__ */ jsxs(
+          PropsContextProvider,
+          {
+            props: {
+              Button: {
+                isPending: false,
+                isFailed: false,
+                isSucceeded: false,
+                isReadOnly,
+                excludeFromTabOrder: true,
+                isDisabled,
+                variant: "plain",
+                color: "secondary"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onPress: () => state.decrementThumb(0),
+                  "aria-label": stringFormatter.format("slider.decrement"),
+                  className: styles.decrement,
+                  children: /* @__PURE__ */ jsx(IconMinus, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onPress: () => state.incrementThumb(0),
+                  "aria-label": stringFormatter.format("slider.increment"),
+                  className: styles.increment,
+                  children: /* @__PURE__ */ jsx(IconPlus, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: styles.fill,
+                  style: { width: state.getThumbPercent(0) * 100 + "%" }
+                }
+              ),
+              showInitialMarker && defaultValue && typeof defaultValue === "number" && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: styles.initialMarker,
+                  style: {
+                    left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Aria.SliderThumb,
+                {
+                  inputRef: objectRef,
+                  name,
+                  className: styles.handle,
+                  isDisabled: isReadOnly
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(FieldErrorView, {})
+      ] }) })
+    }
+  ) });
+});
+
+export { Slider };
+//# sourceMappingURL=Slider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.mjs","sources":["../../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface SliderProps\n  extends\n    FlowComponentProps<HTMLInputElement>,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  showInitialMarker?: boolean;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n  isInvalid?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n  const {\n    className,\n    children,\n    name,\n    isDisabled,\n    defaultValue,\n    showInitialMarker,\n    isReadOnly,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.slider,\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const objectRef = useObjectRef(ref);\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      unstyled: true,\n      tunnelId: \"label\",\n      ...fieldPropsContext.Label,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <Aria.Slider\n        {...rest}\n        className={rootClassName}\n        isDisabled={isDisabled}\n        defaultValue={defaultValue}\n      >\n        <TunnelProvider>\n          <PropsContextProvider props={propsContext}>\n            <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n\n            <div className={styles.text}>\n              <Aria.SliderOutput className={styles.value} />\n              <TunnelExit id=\"label\" />\n            </div>\n\n            <Aria.SliderTrack className={styles.track}>\n              {({ state }) => (\n                <PropsContextProvider\n                  props={{\n                    Button: {\n                      isPending: false,\n                      isFailed: false,\n                      isSucceeded: false,\n                      isReadOnly: isReadOnly,\n                      excludeFromTabOrder: true,\n                      isDisabled,\n                      variant: \"plain\",\n                      color: \"secondary\",\n                    },\n                  }}\n                >\n                  <Button\n                    onPress={() => state.decrementThumb(0)}\n                    aria-label={stringFormatter.format(\"slider.decrement\")}\n                    className={styles.decrement}\n                  >\n                    <IconMinus />\n                  </Button>\n\n                  <Button\n                    onPress={() => state.incrementThumb(0)}\n                    aria-label={stringFormatter.format(\"slider.increment\")}\n                    className={styles.increment}\n                  >\n                    <IconPlus />\n                  </Button>\n\n                  <div\n                    className={styles.fill}\n                    style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n                  />\n\n                  {showInitialMarker &&\n                    defaultValue &&\n                    typeof defaultValue === \"number\" && (\n                      <div\n                        className={styles.initialMarker}\n                        style={{\n                          left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n                        }}\n                      />\n                    )}\n                  <Aria.SliderThumb\n                    inputRef={objectRef}\n                    name={name}\n                    className={styles.handle}\n                    isDisabled={isReadOnly}\n                  />\n                </PropsContextProvider>\n              )}\n            </Aria.SliderTrack>\n            <FieldErrorView />\n          </PropsContextProvider>\n        </TunnelProvider>\n      </Aria.Slider>\n    </div>\n  );\n});\n\nexport default Slider;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,cAAc,MAAA,CAAO,QAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,GAAG,iBAAA,CAAkB;AAAA;AACvB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACA,YAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,4BAA0B,QAAA,EAAS,CAAA;AAAA,wBAEpC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EACrB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,SAAA,EAAW,OAAO,KAAA,EAAO,CAAA;AAAA,0BAC5C,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EAAQ;AAAA,SAAA,EACzB,CAAA;AAAA,wBAEA,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAiB,SAAA,EAAW,OAAO,KAAA,EACjC,QAAA,EAAA,CAAC,EAAE,KAAA,EAAM,qBACR,IAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ;AAAA,gBACN,SAAA,EAAW,KAAA;AAAA,gBACX,QAAA,EAAU,KAAA;AAAA,gBACV,WAAA,EAAa,KAAA;AAAA,gBACb,UAAA;AAAA,gBACA,mBAAA,EAAqB,IAAA;AAAA,gBACrB,UAAA;AAAA,gBACA,OAAA,EAAS,OAAA;AAAA,gBACT,KAAA,EAAO;AAAA;AACT,aACF;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MAAM,KAAA,CAAM,cAAA,CAAe,CAAC,CAAA;AAAA,kBACrC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA;AAAA,kBACrD,WAAW,MAAA,CAAO,SAAA;AAAA,kBAElB,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,eACb;AAAA,8BAEA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MAAM,KAAA,CAAM,cAAA,CAAe,CAAC,CAAA;AAAA,kBACrC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA;AAAA,kBACrD,WAAW,MAAA,CAAO,SAAA;AAAA,kBAElB,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,eACZ;AAAA,8BAEA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAW,MAAA,CAAO,IAAA;AAAA,kBAClB,KAAA,EAAO,EAAE,KAAA,EAAO,KAAA,CAAM,gBAAgB,CAAC,CAAA,GAAI,MAAM,GAAA;AAAI;AAAA,eACvD;AAAA,cAEC,iBAAA,IACC,YAAA,IACA,OAAO,YAAA,KAAiB,QAAA,oBACtB,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAW,MAAA,CAAO,aAAA;AAAA,kBAClB,KAAA,EAAO;AAAA,oBACL,MAAM,CAAA,KAAA,EAAQ,KAAA,CAAM,eAAA,CAAgB,YAAY,IAAI,GAAG,CAAA,QAAA;AAAA;AACzD;AAAA,eACF;AAAA,8BAEJ,GAAA;AAAA,gBAAC,IAAA,CAAK,WAAA;AAAA,gBAAL;AAAA,kBACC,QAAA,EAAU,SAAA;AAAA,kBACV,IAAA;AAAA,kBACA,WAAW,MAAA,CAAO,MAAA;AAAA,kBAClB,UAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,SACF,EAEJ,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB,CAAA,EACF;AAAA;AAAA,GACF,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n  show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n  () => {\n    // no resolve\n  },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n  const { show = true } = props;\n  return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"names":[],"mappings":";;;AAMA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA,EAEN;AACF,CAAA;AAEA,MAAM,gBAAA,GAAmB,IAAA,CAAK,MAAM,mBAAmB,CAAA;AAEhD,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAK,GAAI,KAAA;AACxB,EAAA,OAAO,IAAA,mBAAO,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,GAAK,IAAA;AACvC;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport labelStyles from \"../Label/Label.module.scss\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface SwitchProps\n  extends\n    PropsWithChildren<Omit<Aria.SwitchProps, \"children\" | \"inputRef\">>,\n    FlowComponentProps<HTMLInputElement> {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n  const {\n    children,\n    className,\n    labelPosition = \"trailing\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.switch,\n    className,\n    styles[`label-${labelPosition}`],\n  );\n\n  const objectRef = useObjectRef(ref);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      ...fieldPropsContext.Label,\n      optional: false,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <Aria.Switch {...rest} className={rootClassName} inputRef={objectRef}>\n          {({ isSelected }) => (\n            <PropsContextProvider props={propsContext}>\n              <div className={styles.track}>\n                <div className={styles.handle}>\n                  {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n                </div>\n              </div>\n              <div className={labelStyles.label}>{children}</div>\n            </PropsContextProvider>\n          )}\n        </Aria.Switch>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Switch;\n"],"names":["labelStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA,GAAgB,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,CAAA,MAAA,EAAS,aAAa,CAAA,CAAE;AAAA,GACjC;AAEA,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,GAAG,iBAAA,CAAkB,KAAA;AAAA,MACrB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,4BACC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,QAAL,EAAa,GAAG,MAAM,SAAA,EAAW,aAAA,EAAe,QAAA,EAAU,SAAA,EACxD,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,KAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EACpB,QAAA,EAAA,UAAA,uBAAc,SAAA,EAAA,EAAU,IAAA,EAAK,KAAI,CAAA,mBAAK,GAAA,CAAC,aAAU,IAAA,EAAK,GAAA,EAAI,GAC7D,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAY,OAAQ,QAAA,EAAS;AAAA,KAAA,EAC/C,GAEJ,CAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","sources":["../../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Aria.TableProps & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.table,\n    styles[`vertical-align-${verticalAlign}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <Aria.Table className={rootClassName} {...rest}>\n        {children}\n      </Aria.Table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,gBAAgB,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEhE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,MAAA,CAAO,CAAA,eAAA,EAAkB,aAAa,CAAA,CAAE,CAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACvC,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Table/components/TableBody/TableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.body, className);\n\n  return (\n    <Aria.TableBody className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableBody>\n  );\n};\n\nexport default TableBody;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,WAAW,aAAA,EAAgB,GAAG,MAC3C,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Table/components/TableCell/TableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table/components/TableColumn/TableColumn\";\n\nexport interface TableCellProps\n  extends Omit<Aria.CellProps, \"children\" | \"style\">, PropsWithChildren {\n  /** Use cell as row header */\n  rowHeader?: boolean;\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n  const {\n    children,\n    className,\n    rowHeader,\n    horizontalAlign = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.cell,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const content = (\n    <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n  );\n\n  if (rowHeader) {\n    return (\n      <TableColumn className={rootClassName} {...rest}>\n        {content}\n      </TableColumn>\n    );\n  }\n\n  return (\n    <Aria.Cell className={rootClassName} {...rest}>\n      {content}\n    </Aria.Cell>\n  );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA,GAAkB,OAAA;AAAA,IAClB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,IAAA;AAAA,IACP,MAAA,CAAO,CAAA,iBAAA,EAAoB,eAAe,CAAA,CAAE,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,OAAA,uBACH,QAAA,EAAA,EAAS,QAAA,sBAAW,YAAA,EAAA,EAAa,KAAA,EAAM,OAAA,EAAQ,CAAA,EAAK,QAAA,EAAS,CAAA;AAGhE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,2BACG,WAAA,EAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,MACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,WAAW,aAAA,EAAgB,GAAG,MACtC,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Table/components/TableColumn/TableColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n  extends Omit<Aria.ColumnProps, \"children\">, PropsWithChildren {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,kBAAkB,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AACpE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,iBAAA,EAAoB,eAAe,CAAA,CAAE,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,eAA6B,EAAE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAK,EAAE;AAE9D,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,MAAA,EAAL,EAAY,aAAW,IAAA,EAAC,SAAA,EAAW,aAAA,EAAgB,GAAG,MACrD,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Table/components/TableFooterRow/TableFooterRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterRow.mjs","sources":["../../../../../../../../../src/components/Table/components/TableFooterRow/TableFooterRow.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { TableRowProps } from \"../TableRow\";\nimport { TableRow } from \"../TableRow\";\n\nexport type TableFooterRowProps = TableRowProps;\n\n/** @flr-generate all */\nexport const TableFooterRow: FC<TableRowProps> = (props) => {\n  return <TableRow {...props} footer={true} />;\n};\n\nexport default TableFooterRow;\n"],"names":[],"mappings":";;;;AAQO,MAAM,cAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,QAAQ,IAAA,EAAM,CAAA;AAC5C;;;;"}

package/dist/js/packages/components/src/components/Table/components/TableHeader/TableHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.mjs","sources":["../../../../../../../../../src/components/Table/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableHeaderProps = Aria.TableHeaderProps<never>;\n\n/** @flr-generate all */\nexport const TableHeader: FC<TableHeaderProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.header, className);\n\n  return (\n    <Aria.TableHeader className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableHeader>\n  );\n};\n\nexport default TableHeader;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AAEnD,EAAA,uBACE,GAAA,CAAC,KAAK,WAAA,EAAL,EAAiB,WAAW,aAAA,EAAgB,GAAG,MAC7C,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Table/components/TableRow/TableRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","sources":["../../../../../../../../../src/components/Table/components/TableRow/TableRow.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableRowProps = Aria.RowProps<never> & {\n  /** @internal */\n  footer?: boolean;\n};\n\n/** @flr-generate all */\nexport const TableRow: FC<TableRowProps> = (props) => {\n  const { children, className, footer, ...rest } = props;\n\n  return (\n    <Aria.Row\n      className={(props) =>\n        clsx(\n          styles.row,\n          footer && styles.footer,\n          typeof className === \"function\" ? className(props) : className,\n        )\n      }\n      {...rest}\n    >\n      {children}\n    </Aria.Row>\n  );\n};\n\nexport default TableRow;\n"],"names":["props"],"mappings":";;;;;;AAYO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AAEjD,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,GAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,CAACA,MAAAA,KACV,IAAA;AAAA,QACE,MAAA,CAAO,GAAA;AAAA,QACP,UAAU,MAAA,CAAO,MAAA;AAAA,QACjB,OAAO,SAAA,KAAc,UAAA,GAAa,SAAA,CAAUA,MAAK,CAAA,GAAI;AAAA,OACvD;AAAA,MAED,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabList } from \"@/components/Tabs/components/TabList\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tabs.module.scss\";\n\nexport interface TabsProps\n  extends\n    Omit<Aria.TabsProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Tabs = flowComponent(\"Tabs\", (props) => {\n  const {\n    children,\n    className,\n    defaultSelectedKey,\n    selectedKey: selectedKeyProps,\n    disabledKeys,\n    ref,\n    onSelectionChange,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.tabs, className);\n  const [selectedKeyState, setSelectedKeyState] = useState<\n    Aria.Key | undefined\n  >(defaultSelectedKey);\n\n  const selectedKey = selectedKeyProps ?? selectedKeyState;\n\n  return (\n    <TunnelProvider>\n      {children}\n      <Aria.Tabs\n        slot={null}\n        className={rootClassName}\n        {...rest}\n        selectedKey={selectedKey}\n        onSelectionChange={(key) => {\n          setSelectedKeyState(key);\n          if (onSelectionChange) {\n            onSelectionChange(key);\n          }\n        }}\n        disabledKeys={disabledKeys}\n        ref={ref}\n      >\n        <TabList\n          selection={selectedKey}\n          onContextMenuSelectionChange={(key) => {\n            setSelectedKeyState(key);\n            if (onSelectionChange) {\n              onSelectionChange(key);\n            }\n          }}\n          disabledKeys={disabledKeys}\n        />\n        <TunnelExit id=\"Panels\" />\n      </Aria.Tabs>\n    </TunnelProvider>\n  );\n});\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA,EAAa,gBAAA;AAAA,IACb,YAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AACjD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAE9C,kBAAkB,CAAA;AAEpB,EAAA,MAAM,cAAc,gBAAA,IAAoB,gBAAA;AAExC,EAAA,4BACG,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,IAAA,CAAK,IAAA;AAAA,MAAL;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QACJ,WAAA;AAAA,QACA,iBAAA,EAAmB,CAAC,GAAA,KAAQ;AAC1B,UAAA,mBAAA,CAAoB,GAAG,CAAA;AACvB,UAAA,IAAI,iBAAA,EAAmB;AACrB,YAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,UACvB;AAAA,QACF,CAAA;AAAA,QACA,YAAA;AAAA,QACA,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,WAAA;AAAA,cACX,4BAAA,EAA8B,CAAC,GAAA,KAAQ;AACrC,gBAAA,mBAAA,CAAoB,GAAG,CAAA;AACvB,gBAAA,IAAI,iBAAA,EAAmB;AACrB,kBAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,gBACvB;AAAA,cACF,CAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA;AAAA;AAC1B,GAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/Tabs/components/Tab/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../../../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode } from \"react\";\nimport { useId } from \"react\";\nimport type { TabPanelRenderProps } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tab.module.scss\";\nimport clsx from \"clsx\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface TabProps\n  extends Omit<Aria.TabPanelProps, \"children\">, PropsWithChildren {}\n\n/** @flr-generate all */\nexport const Tab: FC<TabProps> = (props) => {\n  const { children, className, id: idFromProps, ...rest } = props;\n\n  const rootClassName = clsx(styles.tabPanel, className);\n\n  const generatedId = useId();\n  const id = idFromProps ?? generatedId;\n\n  const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {\n    const isSelected = props.state.selectedKey === id;\n\n    const propsContext: PropsContext = {\n      Content: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n      Section: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n    };\n\n    return (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isSelected, children]}\n      >\n        {children}\n      </PropsContextProvider>\n    );\n  };\n\n  return (\n    <TunnelEntry id=\"Panels\">\n      <TabContextProvider value={{ id }}>\n        <Aria.TabPanel\n          className={rootClassName}\n          shouldForceMount\n          id={id}\n          {...rest}\n        >\n          {TabPanelRenderer}\n        </Aria.TabPanel>\n      </TabContextProvider>\n    </TunnelEntry>\n  );\n};\n\nexport default Tab;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAgBO,MAAM,GAAA,GAAoB,CAAC,KAAA,KAAU;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,IAAI,WAAA,EAAa,GAAG,MAAK,GAAI,KAAA;AAE1D,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,EAAA,MAAM,KAAK,WAAA,IAAe,WAAA;AAE1B,EAAA,MAAM,gBAAA,GAAmB,CAACA,MAAAA,KAAmD;AAC3E,IAAA,MAAM,UAAA,GAAaA,MAAAA,CAAM,KAAA,CAAM,WAAA,KAAgB,EAAA;AAE/C,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,OAAA,EAAS;AAAA,QACP,QAAA,kBAAU,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAU,UAAA,EAAY;AAAA,OAC5C;AAAA,MACA,OAAA,EAAS;AAAA,QACP,QAAA,kBAAU,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAU,UAAA,EAAY;AAAA;AAC5C,KACF;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,UAAA,EAAY,QAAQ,CAAA;AAAA,QAElC;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,eAAY,EAAA,EAAG,QAAA,EACd,8BAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,EAAE,EAAA,EAAG,EAC9B,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA,CAAK,QAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,gBAAA,EAAgB,IAAA;AAAA,MAChB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,KAEL,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Tabs/components/Tab/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../../../../src/components/Tabs/components/Tab/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { Key } from \"react-aria\";\n\ninterface TabContext {\n  id: Key;\n}\n\nconst tabContext = createContext<TabContext>({\n  id: \"undefined\",\n});\n\nexport const useTabContext = (): TabContext => useContext(tabContext);\n\nexport const TabContextProvider = tabContext.Provider;\n"],"names":[],"mappings":";;AAOA,MAAM,aAAa,aAAA,CAA0B;AAAA,EAC3C,EAAA,EAAI;AACN,CAAC,CAAA;AAEM,MAAM,aAAA,GAAgB,MAAkB,UAAA,CAAW,UAAU;AAE7D,MAAM,qBAAqB,UAAA,CAAW;;;;"}

package/dist/js/packages/components/src/components/Tabs/components/TabList/TabList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.mjs","sources":["../../../../../../../../../src/components/Tabs/components/TabList/TabList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useId } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TabList.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObserveOverflow } from \"@/lib/hooks/dom/useObserveOverflow\";\nimport { Button } from \"@/components/Button\";\nimport clsx from \"clsx\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\n\ninterface Props {\n  selection: Aria.Key | undefined;\n  onContextMenuSelectionChange: (key: Aria.Key) => void;\n  disabledKeys?: Iterable<Aria.Key>;\n}\n\nexport const TabList: FC<Props> = (props) => {\n  const { selection, disabledKeys, onContextMenuSelectionChange } = props;\n\n  const titleCollapsedElementId = useId();\n  const overflowObserver = useObserveOverflow();\n  const isCollapsed = overflowObserver.isOverflowing;\n  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);\n\n  const handleContextMenuSelectionChange = (key: Aria.Key) => {\n    onContextMenuSelectionChange(key);\n  };\n\n  const regularTabTitles = (\n    <Aria.TabList className={styles.titles} ref={overflowObserver.ref}>\n      <TunnelExit id=\"Titles\" />\n    </Aria.TabList>\n  );\n\n  const contextMenuWhenCollapsed = isCollapsed && (\n    <ContextMenuTriggerView>\n      <Button\n        variant=\"solid\"\n        className={styles.contextMenuButton}\n        color=\"light\"\n        aria-labelledby={titleCollapsedElementId}\n      >\n        <TunnelExit id=\"ActiveTitle\" />\n        <IconChevronDown />\n      </Button>\n\n      <ContextMenuView\n        disabledKeys={disabledKeys}\n        selectedKeys={selection ? [selection] : undefined}\n        selectionMode=\"navigation\"\n        onAction={(key) => handleContextMenuSelectionChange(key)}\n      >\n        <TunnelExit id=\"ContextMenuItems\" />\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n\n  return (\n    <div className={rootClassName}>\n      {regularTabTitles}\n      {contextMenuWhenCollapsed}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,OAAA,GAAqB,CAAC,KAAA,KAAU;AAC3C,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAc,4BAAA,EAA6B,GAAI,KAAA;AAElE,EAAA,MAAM,0BAA0B,KAAA,EAAM;AACtC,EAAA,MAAM,mBAAmB,kBAAA,EAAmB;AAC5C,EAAA,MAAM,cAAc,gBAAA,CAAiB,aAAA;AACrC,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,WAAA,IAAe,OAAO,SAAS,CAAA;AAE1E,EAAA,MAAM,gCAAA,GAAmC,CAAC,GAAA,KAAkB;AAC1D,IAAA,4BAAA,CAA6B,GAAG,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,MAAM,gBAAA,mBACJ,GAAA,CAAC,IAAA,CAAK,OAAA,EAAL,EAAa,SAAA,EAAW,MAAA,CAAO,MAAA,EAAQ,GAAA,EAAK,iBAAiB,GAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,UAAS,CAAA,EAC1B,CAAA;AAGF,EAAA,MAAM,wBAAA,GAA2B,WAAA,oBAC/B,IAAA,CAAC,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,WAAW,MAAA,CAAO,iBAAA;AAAA,QAClB,KAAA,EAAM,OAAA;AAAA,QACN,iBAAA,EAAiB,uBAAA;AAAA,QAEjB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAG,aAAA,EAAc,CAAA;AAAA,8BAC5B,eAAA,EAAA,EAAgB;AAAA;AAAA;AAAA,KACnB;AAAA,oBAEA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,YAAA,EAAc,SAAA,GAAY,CAAC,SAAS,CAAA,GAAI,MAAA;AAAA,QACxC,aAAA,EAAc,YAAA;AAAA,QACd,QAAA,EAAU,CAAC,GAAA,KAAQ,gCAAA,CAAiC,GAAG,CAAA;AAAA,QAEvD,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,kBAAA,EAAmB;AAAA;AAAA;AACpC,GAAA,EACF,CAAA;AAGF,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EACb,QAAA,EAAA;AAAA,IAAA,gBAAA;AAAA,IACA;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Tabs/components/TabTitle/TabTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTitle.mjs","sources":["../../../../../../../../../src/components/Tabs/components/TabTitle/TabTitle.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./TabTitle.module.scss\";\nimport { Text } from \"@/components/Text\";\nimport { useTabContext } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport { MenuItem } from \"@/components/MenuItem\";\n\nexport interface TabTitleProps\n  extends\n    Omit<Aria.TabProps, \"children\" | \"id\" | \"isDisabled\">,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const TabTitle: FC<TabTitleProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const { id } = useTabContext();\n  const titleClassName = clsx(styles.tabTitle, className);\n\n  return (\n    <>\n      <TunnelEntry id=\"Titles\">\n        <Aria.Tab {...rest} id={id} className={titleClassName}>\n          {(p) => (\n            <>\n              <Text emulateBoldWidth>\n                <span className={styles.text}>{children}</span>\n              </Text>\n              <TunnelEntry id=\"ActiveTitle\">\n                {p.isSelected && children}\n              </TunnelEntry>\n            </>\n          )}\n        </Aria.Tab>\n      </TunnelEntry>\n\n      <TunnelEntry id=\"ContextMenuItems\">\n        <MenuItem className={styles.menuItem} id={id}>\n          {children}\n        </MenuItem>\n      </TunnelEntry>\n    </>\n  );\n};\n\nexport default TabTitle;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,aAAA,EAAc;AAC7B,EAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAEtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAG,QAAA,EACd,QAAA,kBAAA,GAAA,CAAC,KAAK,GAAA,EAAL,EAAU,GAAG,IAAA,EAAM,EAAA,EAAQ,SAAA,EAAW,cAAA,EACpC,QAAA,EAAA,CAAC,sBACA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,kBAAgB,IAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,IAAA,EAAO,QAAA,EAAS,CAAA,EAC1C,CAAA;AAAA,0BACC,WAAA,EAAA,EAAY,EAAA,EAAG,aAAA,EACb,QAAA,EAAA,CAAA,CAAE,cAAc,QAAA,EACnB;AAAA,KAAA,EACF,GAEJ,CAAA,EACF,CAAA;AAAA,oBAEA,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAG,kBAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,EAAA,EACnC,QAAA,EACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sources":["../../../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps\n  extends\n    PropsWithChildren,\n    Omit<Aria.TextProps, \"children\" | \"elementType\">,\n    PropsWithElementType<\"span\" | \"div\" | \"p\">,\n    FlowComponentProps {\n  /* Whether the elements width should match the width it would have with mold text. */\n  emulateBoldWidth?: boolean;\n  /* The color of the text. */\n  color?: \"light\" | \"dark\";\n  /* The alignment of the text. @default \"start\" */\n  align?: \"start\" | \"end\" | \"center\";\n  /* The text-wrap property of the text. @default undefined */\n  wrap?: \"wrap\" | \"balance\" | \"pretty\";\n  /* The white-space property of the text. @default undefined */\n  whiteSpace?: React.CSSProperties[\"whiteSpace\"];\n  /* The word-break property of the text. @default undefined */\n  wordBreak?: React.CSSProperties[\"wordBreak\"];\n}\n\n/** @flr-generate all */\nexport const Text = flowComponent(\"Text\", (props) => {\n  const {\n    children,\n    className,\n    elementType = \"span\",\n    emulateBoldWidth,\n    ref,\n    color,\n    align = \"start\",\n    wrap,\n    style: styleFromProps,\n    whiteSpace,\n    wordBreak,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.text,\n    color && styles[color],\n    align && styles[`align-${align}`],\n    wrap && styles[`wrap-${wrap}`],\n    className,\n  );\n\n  const textProps = { ...rest, className: rootClassName };\n\n  const propsContext: PropsContext = {\n    Link: {\n      inline: true,\n    },\n    Icon: { className: styles.icon },\n    Kbd: { variant: \"soft\" },\n  };\n\n  const style = { whiteSpace, wordBreak, ...styleFromProps };\n\n  const childrenElement = (\n    <PropsContextProvider props={propsContext}>\n      <Wrap if={emulateBoldWidth}>\n        <EmulatedBoldText>{children}</EmulatedBoldText>\n      </Wrap>\n    </PropsContextProvider>\n  );\n\n  if (!props.slot) {\n    const Element = elementType;\n    return (\n      <Element style={style} {...textProps} ref={ref}>\n        {childrenElement}\n      </Element>\n    );\n  }\n\n  invariant(\n    typeof elementType === \"string\",\n    \"'elementType' in Text component must be of type string\",\n  );\n\n  return (\n    <Aria.Text style={style} {...textProps} elementType={elementType} ref={ref}>\n      {childrenElement}\n    </Aria.Text>\n  );\n});\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;AAmCO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA,GAAc,MAAA;AAAA,IACd,gBAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA,GAAQ,OAAA;AAAA,IACR,IAAA;AAAA,IACA,KAAA,EAAO,cAAA;AAAA,IACP,UAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,IAAA;AAAA,IACP,KAAA,IAAS,OAAO,KAAK,CAAA;AAAA,IACrB,KAAA,IAAS,MAAA,CAAO,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAA;AAAA,IAChC,IAAA,IAAQ,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IAC7B;AAAA,GACF;AAEA,EAAA,MAAM,SAAA,GAAY,EAAE,GAAG,IAAA,EAAM,WAAW,aAAA,EAAc;AAEtD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,IAAA,EAAM,EAAE,SAAA,EAAW,MAAA,CAAO,IAAA,EAAK;AAAA,IAC/B,GAAA,EAAK,EAAE,OAAA,EAAS,MAAA;AAAO,GACzB;AAEA,EAAA,MAAM,KAAA,GAAQ,EAAE,UAAA,EAAY,SAAA,EAAW,GAAG,cAAA,EAAe;AAEzD,EAAA,MAAM,eAAA,mBACJ,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,gBAAA,EACR,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAS,GAC9B,CAAA,EACF,CAAA;AAGF,EAAA,IAAI,CAAC,MAAM,IAAA,EAAM;AACf,IAAA,MAAM,OAAA,GAAU,WAAA;AAChB,IAAA,2BACG,OAAA,EAAA,EAAQ,KAAA,EAAe,GAAG,SAAA,EAAW,KACnC,QAAA,EAAA,eAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,SAAA;AAAA,IACE,OAAO,WAAA,KAAgB,QAAA;AAAA,IACvB;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,OAAe,GAAG,SAAA,EAAW,WAAA,EAA0B,GAAA,EAC/D,QAAA,EAAA,eAAA,EACH,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,140 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+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';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@6922640321d6c379322b09cbcf0dcdb3.mjs';
+import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
+
+const TextArea = flowComponent("TextArea", (props) => {
+  const {
+    children,
+    placeholder,
+    rows = 5,
+    autoResizeMaxRows = rows,
+    ref,
+    allowVerticalResize,
+    allowHorizontalResize,
+    showCharacterCount,
+    className,
+    onChange,
+    ...rest
+  } = useControlledHostValueProps(props);
+  const [charactersCount, setCharactersCount] = useState(
+    props.defaultValue?.length ?? props.value?.length ?? 0
+  );
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props);
+  let { allowResize } = props;
+  if (allowVerticalResize) {
+    allowResize = "vertical";
+  } else if (allowHorizontalResize) {
+    allowResize = "horizontal";
+  }
+  const rootClassName = clsx(fieldProps.className, className);
+  const inputClassName = clsx(
+    styles.input,
+    typeof allowResize === "boolean" && allowResize ? styles.resize : null,
+    allowResize === "horizontal" ? styles.horizontalResize : allowResize === "vertical" ? styles.verticalResize : null
+  );
+  const handleChange = (v) => {
+    if (showCharacterCount) {
+      setCharactersCount(v.length);
+    }
+    if (onChange) {
+      onChange(v);
+    }
+  };
+  const translation = useLocalizedStringFormatter(locales);
+  const charactersCountDescription = translation.format("textArea.characters", {
+    count: charactersCount,
+    maxCount: props.maxLength ?? 0
+  });
+  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";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Aria.TextField,
+    {
+      ...rest,
+      ...fieldProps,
+      className: rootClassName,
+      onChange: handleChange,
+      children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: fieldPropsContext, children: [
+        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children }),
+        /* @__PURE__ */ jsx(
+          Aria.TextArea,
+          {
+            rows,
+            "aria-hidden": props["aria-hidden"],
+            placeholder,
+            className: inputClassName,
+            ref: localRef,
+            onChange: updateHeight,
+            style: {
+              minHeight: getHeight(rows),
+              maxHeight: verticallyResizable ? void 0 : getHeight(autoResizeMaxRows)
+            }
+          }
+        ),
+        showCharacterCount && /* @__PURE__ */ jsx(FieldDescription, { children: charactersCountDescription }),
+        /* @__PURE__ */ jsx(FieldErrorView, {})
+      ] })
+    }
+  );
+});
+
+export { TextArea };
+//# sourceMappingURL=TextArea.mjs.map

package/dist/js/packages/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 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 { type PropsWithChildren, useEffect, useState } from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\n\nexport interface TextAreaProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\" | \"aria-hidden\">,\n    FlowComponentProps<HTMLTextAreaElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\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  /** @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    showCharacterCount,\n    className,\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 {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(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(fieldProps.className, className);\n\n  const inputClassName = clsx(\n    styles.input,\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 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);\n\n  const charactersCountDescription = translation.format(\"textArea.characters\", {\n    count: charactersCount,\n    maxCount: props.maxLength ?? 0,\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  return (\n    <Aria.TextField\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onChange={handleChange}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n        <Aria.TextArea\n          rows={rows}\n          aria-hidden={props[\"aria-hidden\"]}\n          placeholder={placeholder}\n          className={inputClassName}\n          ref={localRef}\n          onChange={updateHeight}\n          style={{\n            minHeight: getHeight(rows),\n            maxHeight: verticallyResizable\n              ? undefined\n              : getHeight(autoResizeMaxRows),\n          }}\n        />\n        {showCharacterCount && (\n          <FieldDescription>{charactersCountDescription}</FieldDescription>\n        )}\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":"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"}

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

@@ -0,0 +1,118 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import * as Aria from 'react-aria-components';
+import { useState } from 'react';
+import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import styles from './TextField.module.scss.mjs';
+import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@16189d7d260d7331b0e0a1936d5c7c52.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@mittwald/flow-icons';
+import '../Icon/components/IconSetProvider.mjs';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconHide } from '../Icon/components/icons/IconHide.mjs';
+import { IconShow } from '../Icon/components/icons/IconShow.mjs';
+import clsx from 'clsx';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+
+const TextField = flowComponent("TextField", (props) => {
+  const {
+    className,
+    showCharacterCount,
+    form,
+    placeholder,
+    ref,
+    type: typeFromProps,
+    children,
+    onChange,
+    ...rest
+  } = useControlledHostValueProps(props);
+  const [charactersCount, setCharactersCount] = useState(
+    props.defaultValue?.length ?? props.value?.length ?? 0
+  );
+  const [type, setType] = useState(typeFromProps);
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props);
+  const rootClassName = clsx(fieldProps.className, className);
+  const propsContext = {
+    Button: {
+      className: styles.button,
+      variant: "plain",
+      color: "secondary",
+      tunnelId: "button"
+    },
+    ...fieldPropsContext
+  };
+  const handleChange = (v) => {
+    if (showCharacterCount) {
+      setCharactersCount(v.length);
+    }
+    if (onChange) {
+      onChange(v);
+    }
+  };
+  const translation = useLocalizedStringFormatter(locales);
+  const charactersCountDescription = translation.format(
+    "textField.characters",
+    {
+      count: charactersCount,
+      maxCount: props.maxLength ?? 0
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    Aria.TextField,
+    {
+      ...rest,
+      ...fieldProps,
+      className: rootClassName,
+      onChange: handleChange,
+      type,
+      children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
+          children,
+          /* @__PURE__ */ jsxs("div", { className: styles.inputContainer, children: [
+            /* @__PURE__ */ jsx(
+              Aria.Input,
+              {
+                form,
+                placeholder,
+                className: styles.input,
+                ref
+              }
+            ),
+            /* @__PURE__ */ jsx(TunnelExit, { id: "button" }),
+            typeFromProps === "password" && /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "secondary",
+                variant: "plain",
+                className: styles.button,
+                onPress: () => setType(type === "password" ? "text" : "password"),
+                "aria-label": translation.format(
+                  `textField.password.${type === "password" ? "show" : "hide"}`
+                ),
+                children: type === "password" ? /* @__PURE__ */ jsx(IconShow, {}) : /* @__PURE__ */ jsx(IconHide, {})
+              }
+            )
+          ] }),
+          showCharacterCount && /* @__PURE__ */ jsx(FieldDescription, { children: charactersCountDescription })
+        ] }),
+        /* @__PURE__ */ jsx(FieldErrorView, {})
+      ] }) })
+    }
+  );
+});
+
+export { TextField };
+//# sourceMappingURL=TextField.mjs.map

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

@@ -0,0 +1 @@
+{"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 { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\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);\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      tunnelId: \"button\",\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);\n\n  const charactersCountDescription = translation.format(\n    \"textField.characters\",\n    {\n      count: charactersCount,\n      maxCount: props.maxLength ?? 0,\n    },\n  );\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onChange={handleChange}\n      type={type}\n    >\n      <TunnelProvider>\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              <TunnelExit id=\"button\" />\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                    `textField.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      </TunnelProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/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\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;;;;"}