@mittwald/flow-react-components 1.5.56 → 1.5.57

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

@@ -1 +1 @@
-{"version":3,"file":"BrowserOnly.mjs","names":[],"sources":["../../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"mappings":";;;;AAKA,IAAa,eAAe,UAA6B;CACvD,IAAI,aAAa,GACf,OAAO,MAAM;AAEjB"}
+{"version":3,"file":"BrowserOnly.mjs","names":[],"sources":["../../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\n/* Plain FC: transparent render utility. */\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"mappings":";;;;AAMA,IAAa,eAAe,UAA6B;CACvD,IAAI,aAAa,GACf,OAAO,MAAM;AAEjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentUsageProvider.mjs","names":[],"sources":["../../../../../../../src/components/ComponentUsageProvider/ComponentUsageProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useContext,\n  useEffect,\n  type ComponentType,\n  type FC,\n  type PropsWithChildren,\n} from \"react\";\n\nexport interface ComponentUsageEvent {\n  component: string;\n}\n\nexport type ComponentUsageHandler = (event: ComponentUsageEvent) => void;\n\nconst componentUsageContext = createContext<ComponentUsageHandler | undefined>(\n  undefined,\n);\n\nconst viewCompositionContext = createContext(false);\n\nexport interface ComponentUsageProviderProps extends PropsWithChildren {\n  onUsage?: ComponentUsageHandler;\n}\n\nexport const ComponentUsageProvider: FC<ComponentUsageProviderProps> = (\n  props,\n) => {\n  const { children, onUsage } = props;\n\n  return (\n    <componentUsageContext.Provider value={onUsage}>\n      {children}\n    </componentUsageContext.Provider>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst markedComponents = new WeakMap<ComponentType<any>, ComponentType<any>>();\n\nconst markViewComposition = <P extends object>(\n  Component: ComponentType<P>,\n): ComponentType<P> => {\n  const cached = markedComponents.get(Component);\n  if (cached) {\n    return cached as ComponentType<P>;\n  }\n\n  const ViewComposition: FC<P> = (props) => (\n    <viewCompositionContext.Provider value={true}>\n      {createElement(Component, props)}\n    </viewCompositionContext.Provider>\n  );\n\n  ViewComposition.displayName = `ViewComposition(${Component.displayName ?? Component.name})`;\n\n  markedComponents.set(Component, ViewComposition);\n\n  return ViewComposition;\n};\n\nexport const markViewComponents = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  T extends Record<string, ComponentType<any>>,\n>(\n  components: T,\n): T =>\n  Object.fromEntries(\n    Object.entries(components).map(([name, component]) => [\n      name,\n      markViewComposition(component),\n    ]),\n    // Same keys, same props — only the render is wrapped.\n  ) as T;\n\nexport const ViewCompositionReset: FC<PropsWithChildren> = ({ children }) => (\n  <viewCompositionContext.Provider value={false}>\n    {children}\n  </viewCompositionContext.Provider>\n);\n\nexport const useReportComponentUsage = (component: string): boolean => {\n  const onUsage = useContext(componentUsageContext);\n  const isViewComposition = useContext(viewCompositionContext);\n\n  useEffect(() => {\n    if (!isViewComposition) {\n      onUsage?.({ component });\n    }\n  }, [onUsage, component, isViewComposition]);\n\n  return isViewComposition;\n};\n\nexport default ComponentUsageProvider;\n"],"mappings":";;;;;AAgBA,IAAM,wBAAwB,cAC5B,KAAA,CACF;AAEA,IAAM,yBAAyB,cAAc,KAAK;AAMlD,IAAa,0BACX,UACG;CACH,MAAM,EAAE,UAAU,YAAY;CAE9B,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;EACpC;CAC6B,CAAA;AAEpC;AAGA,IAAM,mCAAmB,IAAI,QAAgD;AAE7E,IAAM,uBACJ,cACqB;CACrB,MAAM,SAAS,iBAAiB,IAAI,SAAS;CAC7C,IAAI,QACF,OAAO;CAGT,MAAM,mBAA0B,UAC9B,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACrC,UAAA,cAAc,WAAW,KAAK;CACA,CAAA;CAGnC,gBAAgB,cAAc,mBAAmB,UAAU,eAAe,UAAU,KAAK;CAEzF,iBAAiB,IAAI,WAAW,eAAe;CAE/C,OAAO;AACT;AAEA,IAAa,sBAIX,eAEA,OAAO,YACL,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,MAAM,eAAe,CACpD,MACA,oBAAoB,SAAS,CAC/B,CAAC,CAEH;AAEF,IAAa,wBAA+C,EAAE,eAC5D,oBAAC,uBAAuB,UAAxB;CAAiC,OAAO;CACrC;AAC8B,CAAA;AAGnC,IAAa,2BAA2B,cAA+B;CACrE,MAAM,UAAU,WAAW,qBAAqB;CAChD,MAAM,oBAAoB,WAAW,sBAAsB;CAE3D,gBAAgB;EACd,IAAI,CAAC,mBACH,UAAU,EAAE,UAAU,CAAC;CAE3B,GAAG;EAAC;EAAS;EAAW;CAAiB,CAAC;CAE1C,OAAO;AACT"}
+{"version":3,"file":"ComponentUsageProvider.mjs","names":[],"sources":["../../../../../../../src/components/ComponentUsageProvider/ComponentUsageProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useContext,\n  useEffect,\n  type ComponentType,\n  type FC,\n  type PropsWithChildren,\n} from \"react\";\n\nexport interface ComponentUsageEvent {\n  component: string;\n}\n\nexport type ComponentUsageHandler = (event: ComponentUsageEvent) => void;\n\nconst componentUsageContext = createContext<ComponentUsageHandler | undefined>(\n  undefined,\n);\n\nconst viewCompositionContext = createContext(false);\n\nexport interface ComponentUsageProviderProps extends PropsWithChildren {\n  onUsage?: ComponentUsageHandler;\n}\n\n/* Plain FC: factory infrastructure. */\nexport const ComponentUsageProvider: FC<ComponentUsageProviderProps> = (\n  props,\n) => {\n  const { children, onUsage } = props;\n\n  return (\n    <componentUsageContext.Provider value={onUsage}>\n      {children}\n    </componentUsageContext.Provider>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst markedComponents = new WeakMap<ComponentType<any>, ComponentType<any>>();\n\nconst markViewComposition = <P extends object>(\n  Component: ComponentType<P>,\n): ComponentType<P> => {\n  const cached = markedComponents.get(Component);\n  if (cached) {\n    return cached as ComponentType<P>;\n  }\n\n  const ViewComposition: FC<P> = (props) => (\n    <viewCompositionContext.Provider value={true}>\n      {createElement(Component, props)}\n    </viewCompositionContext.Provider>\n  );\n\n  ViewComposition.displayName = `ViewComposition(${Component.displayName ?? Component.name})`;\n\n  markedComponents.set(Component, ViewComposition);\n\n  return ViewComposition;\n};\n\nexport const markViewComponents = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  T extends Record<string, ComponentType<any>>,\n>(\n  components: T,\n): T =>\n  Object.fromEntries(\n    Object.entries(components).map(([name, component]) => [\n      name,\n      markViewComposition(component),\n    ]),\n    // Same keys, same props — only the render is wrapped.\n  ) as T;\n\nexport const ViewCompositionReset: FC<PropsWithChildren> = ({ children }) => (\n  <viewCompositionContext.Provider value={false}>\n    {children}\n  </viewCompositionContext.Provider>\n);\n\nexport const useReportComponentUsage = (component: string): boolean => {\n  const onUsage = useContext(componentUsageContext);\n  const isViewComposition = useContext(viewCompositionContext);\n\n  useEffect(() => {\n    if (!isViewComposition) {\n      onUsage?.({ component });\n    }\n  }, [onUsage, component, isViewComposition]);\n\n  return isViewComposition;\n};\n\nexport default ComponentUsageProvider;\n"],"mappings":";;;;;AAgBA,IAAM,wBAAwB,cAC5B,KAAA,CACF;AAEA,IAAM,yBAAyB,cAAc,KAAK;AAOlD,IAAa,0BACX,UACG;CACH,MAAM,EAAE,UAAU,YAAY;CAE9B,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;EACpC;CAC6B,CAAA;AAEpC;AAGA,IAAM,mCAAmB,IAAI,QAAgD;AAE7E,IAAM,uBACJ,cACqB;CACrB,MAAM,SAAS,iBAAiB,IAAI,SAAS;CAC7C,IAAI,QACF,OAAO;CAGT,MAAM,mBAA0B,UAC9B,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACrC,UAAA,cAAc,WAAW,KAAK;CACA,CAAA;CAGnC,gBAAgB,cAAc,mBAAmB,UAAU,eAAe,UAAU,KAAK;CAEzF,iBAAiB,IAAI,WAAW,eAAe;CAE/C,OAAO;AACT;AAEA,IAAa,sBAIX,eAEA,OAAO,YACL,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,MAAM,eAAe,CACpD,MACA,oBAAoB,SAAS,CAC/B,CAAC,CAEH;AAEF,IAAa,wBAA+C,EAAE,eAC5D,oBAAC,uBAAuB,UAAxB;CAAiC,OAAO;CACrC;AAC8B,CAAA;AAGnC,IAAa,2BAA2B,cAA+B;CACrE,MAAM,UAAU,WAAW,qBAAqB;CAChD,MAAM,oBAAoB,WAAW,sBAAsB;CAE3D,gBAAgB;EACd,IAAI,CAAC,mBACH,UAAU,EAAE,UAAU,CAAC;CAE3B,GAAG;EAAC;EAAS;EAAW;CAAiB,CAAC;CAE1C,OAAO;AACT"}

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

@@ -1,5 +1,6 @@
 "use client"
 /* */
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { isAlphaColor } from "../../lib/types/props.mjs";
 import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { IconPending } from "../Icon/components/icons/IconPending.mjs";
@@ -7,34 +8,39 @@ import LoadingSpinner_module_default from "./LoadingSpinner.module.mjs";
 import { useDesignTokens } from "../../lib/theming/hooks/useDesignTokens.mjs";
 import { SkeletonIconSurface } from "../SkeletonMode/components/SkeletonIconSurface/SkeletonIconSurface.mjs";
 import clsx from "clsx";
-import "react";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+import { mergeRefs } from "@react-aria/utils";
 import { useReducedMotion } from "framer-motion";
 // src/components/LoadingSpinner/LoadingSpinner.tsx
 var globalSpinnerTime = performance.now();
 /** @flr-generate all */
-var LoadingSpinner = (props) => {
-	const { className, color = "default", ...rest } = props;
+var LoadingSpinner = flowComponent("LoadingSpinner", (props) => {
+	const { className, color = "default", ref, ...rest } = props;
 	const preferReducedMotion = useReducedMotion();
 	const isSkeleton = useSkeletonMode();
 	const loadingSpinnerTokens = useDesignTokens()["loading-spinner"];
 	const animationDurationMs = preferReducedMotion ? parseInt(loadingSpinnerTokens["transition-duration-slow"].value) : parseInt(loadingSpinnerTokens["transition-duration"].value);
 	const rootClassName = clsx(LoadingSpinner_module_default.loadingSpinner, isAlphaColor(color) && LoadingSpinner_module_default[color], className);
+	const spinnerRef = useMemo(() => mergeRefs(ref, (element) => {
+		if (element) {
+			const phaseMs = (performance.now() - globalSpinnerTime) % animationDurationMs;
+			element.style.setProperty("--animation-delay", `${-phaseMs}ms`);
+		}
+	}), [ref, animationDurationMs]);
 	if (isSkeleton) return /* @__PURE__ */ jsx(SkeletonIconSurface, {
 		className,
-		children: /* @__PURE__ */ jsx(IconPending, { ...rest })
+		children: /* @__PURE__ */ jsx(IconPending, {
+			...rest,
+			ref
+		})
 	});
 	return /* @__PURE__ */ jsx(IconPending, {
 		className: rootClassName,
-		ref: (element) => {
-			if (element) {
-				const phaseMs = (performance.now() - globalSpinnerTime) % animationDurationMs;
-				element.style.setProperty("--animation-delay", `${-phaseMs}ms`);
-			}
-		},
-		...rest
+		...rest,
+		ref: spinnerRef
 	});
-};
+}, { type: "layout" });
 export { LoadingSpinner, LoadingSpinner as default };
 
 //# sourceMappingURL=LoadingSpinner.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.mjs","names":["styles"],"sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\nimport { SkeletonIconSurface } from \"@/components/SkeletonMode/components/SkeletonIconSurface\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\nconst globalSpinnerTime = performance.now();\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const preferReducedMotion = useReducedMotion();\n  const isSkeleton = useSkeletonMode();\n\n  const designTokens = useDesignTokens();\n  const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n  const animationDurationMs = preferReducedMotion\n    ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n    : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  /* A round surface in the spinner's size, without the spinning. */\n  if (isSkeleton) {\n    return (\n      <SkeletonIconSurface className={className}>\n        <IconPending {...rest} />\n      </SkeletonIconSurface>\n    );\n  }\n\n  return (\n    <IconPending\n      className={rootClassName}\n      ref={(element) => {\n        if (element) {\n          const elapsedMs = performance.now() - globalSpinnerTime;\n          const phaseMs = elapsedMs % animationDurationMs;\n\n          element.style.setProperty(\"--animation-delay\", `${-phaseMs}ms`);\n        }\n      }}\n      {...rest}\n    />\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;;;;;;;;AAgBA,IAAM,oBAAoB,YAAY,IAAI;;AAG1C,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,WAAW,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,sBAAsB,iBAAiB;CAC7C,MAAM,aAAa,gBAAgB;CAGnC,MAAM,uBADe,gBACQ,CAAA,CAAa;CAE1C,MAAM,sBAAsB,sBACxB,SAAS,qBAAqB,2BAA2B,CAAC,KAAK,IAC/D,SAAS,qBAAqB,sBAAsB,CAAC,KAAK;CAE9D,MAAM,gBAAgB,KACpBA,8BAAO,gBACP,aAAa,KAAK,KAAKA,8BAAO,QAC9B,SACF;CAGA,IAAI,YACF,OACE,oBAAC,qBAAD;EAAgC;EAC9B,UAAA,oBAAC,aAAD,EAAa,GAAI,KAAO,CAAA;CACL,CAAA;CAIzB,OACE,oBAAC,aAAD;EACE,WAAW;EACX,MAAM,YAAY;GAChB,IAAI,SAAS;IAEX,MAAM,WADY,YAAY,IAAI,IAAI,qBACV;IAE5B,QAAQ,MAAM,YAAY,qBAAqB,GAAG,CAAC,QAAQ,GAAG;GAChE;EACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"LoadingSpinner.mjs","names":["styles"],"sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\nimport { SkeletonIconSurface } from \"@/components/SkeletonMode/components/SkeletonIconSurface\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useMemo } from \"react\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\nconst globalSpinnerTime = performance.now();\n\n/** @flr-generate all */\nexport const LoadingSpinner = flowComponent(\n  \"LoadingSpinner\",\n  (props) => {\n    const { className, color = \"default\", ref, ...rest } = props;\n\n    const preferReducedMotion = useReducedMotion();\n    const isSkeleton = useSkeletonMode();\n\n    const designTokens = useDesignTokens();\n    const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n    const animationDurationMs = preferReducedMotion\n      ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n      : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n    const rootClassName = clsx(\n      styles.loadingSpinner,\n      isAlphaColor(color) && styles[color],\n      className,\n    );\n\n    const spinnerRef = useMemo(\n      () =>\n        mergeRefs(ref, (element) => {\n          if (element) {\n            const elapsedMs = performance.now() - globalSpinnerTime;\n            const phaseMs = elapsedMs % animationDurationMs;\n\n            element.style.setProperty(\"--animation-delay\", `${-phaseMs}ms`);\n          }\n        }),\n      [ref, animationDurationMs],\n    );\n\n    /* A round surface in the spinner's size, without the spinning. */\n    if (isSkeleton) {\n      return (\n        <SkeletonIconSurface className={className}>\n          <IconPending {...rest} ref={ref} />\n        </SkeletonIconSurface>\n      );\n    }\n\n    return <IconPending className={rootClassName} {...rest} ref={spinnerRef} />;\n  },\n  /* The spinner stands in for an icon: `Icon` props contexts (e.g. the size\n     `IllustratedMessage` sets) keep reaching its inner icon. */\n  { type: \"layout\" },\n);\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,oBAAoB,YAAY,IAAI;;AAG1C,IAAa,iBAAiB,cAC5B,mBACC,UAAU;CACT,MAAM,EAAE,WAAW,QAAQ,WAAW,KAAK,GAAG,SAAS;CAEvD,MAAM,sBAAsB,iBAAiB;CAC7C,MAAM,aAAa,gBAAgB;CAGnC,MAAM,uBADe,gBACQ,CAAA,CAAa;CAE1C,MAAM,sBAAsB,sBACxB,SAAS,qBAAqB,2BAA2B,CAAC,KAAK,IAC/D,SAAS,qBAAqB,sBAAsB,CAAC,KAAK;CAE9D,MAAM,gBAAgB,KACpBA,8BAAO,gBACP,aAAa,KAAK,KAAKA,8BAAO,QAC9B,SACF;CAEA,MAAM,aAAa,cAEf,UAAU,MAAM,YAAY;EAC1B,IAAI,SAAS;GAEX,MAAM,WADY,YAAY,IAAI,IAAI,qBACV;GAE5B,QAAQ,MAAM,YAAY,qBAAqB,GAAG,CAAC,QAAQ,GAAG;EAChE;CACF,CAAC,GACH,CAAC,KAAK,mBAAmB,CAC3B;CAGA,IAAI,YACF,OACE,oBAAC,qBAAD;EAAgC;EAC9B,UAAA,oBAAC,aAAD;GAAa,GAAI;GAAW;EAAM,CAAA;CACf,CAAA;CAIzB,OAAO,oBAAC,aAAD;EAAa,WAAW;EAAe,GAAI;EAAM,KAAK;CAAa,CAAA;AAC5E,GAGA,EAAE,MAAM,SAAS,CACnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.mjs","names":[],"sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- one store per settings id\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n      settingsResource.refresh();\n    });\n  };\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- one autorun per settings id\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"mappings":";;;;;;;;;AAgBA,IAAM,UAAU,cAAyC,KAAA,CAAS;AAElE,IAAa,oBAAoB,WAAW,OAAO;AAEnD,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,YAAY,KAAK,UAAU,GAAG,eAAe;CAC/D,MAAM,UAAU,uBAAuB,UAAU;CAEjD,MAAM,mBAAmB,uBAAuB,QAAQ,KAAK,GAAG,CAAC,GAAG,EAClE,UAAU,GACZ,CAAC;CACD,MAAM,WAAW,iBAAiB,IAAI;CAEtC,MAAM,iBAAiB,OAAO,QAAQ,QAAQ,CAAC;CAC/C,MAAM,cAAc,YAAY;CAEhC,MAAM,gBAAgB,cACd,cAAc,SAAS,UAAU;EAAE;EAAY;CAAY,CAAC,GAElE,CAAC,EAAE,CACL;CAEA,MAAM,8BAA8B;EAClC,MAAM,OAAO,cAAc;EAC3B,eAAe,UAAU,eAAe,QAAQ,KAAK,YAAY;GAC/D,MAAM,QAAQ,MAAM,IAAI;GACxB,iBAAiB,QAAQ;EAC3B,CAAC;CACH;CAGA,gBAAgB,QAAQ,qBAAqB,GAAG,CAAC,EAAE,CAAC;CAEpD,OAAO,oBAAC,QAAQ,UAAT;EAAkB,OAAO;EAAgB;CAA2B,CAAA;AAC7E"}
+{"version":3,"file":"SettingsProvider.mjs","names":[],"sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\n/* Plain FC: app-level setup without own UI. */\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- one store per settings id\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n      settingsResource.refresh();\n    });\n  };\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- one autorun per settings id\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"mappings":";;;;;;;;;AAgBA,IAAM,UAAU,cAAyC,KAAA,CAAS;AAElE,IAAa,oBAAoB,WAAW,OAAO;AAGnD,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,YAAY,KAAK,UAAU,GAAG,eAAe;CAC/D,MAAM,UAAU,uBAAuB,UAAU;CAEjD,MAAM,mBAAmB,uBAAuB,QAAQ,KAAK,GAAG,CAAC,GAAG,EAClE,UAAU,GACZ,CAAC;CACD,MAAM,WAAW,iBAAiB,IAAI;CAEtC,MAAM,iBAAiB,OAAO,QAAQ,QAAQ,CAAC;CAC/C,MAAM,cAAc,YAAY;CAEhC,MAAM,gBAAgB,cACd,cAAc,SAAS,UAAU;EAAE;EAAY;CAAY,CAAC,GAElE,CAAC,EAAE,CACL;CAEA,MAAM,8BAA8B;EAClC,MAAM,OAAO,cAAc;EAC3B,eAAe,UAAU,eAAe,QAAQ,KAAK,YAAY;GAC/D,MAAM,QAAQ,MAAM,IAAI;GACxB,iBAAiB,QAAQ;EAC3B,CAAC;CACH;CAGA,gBAAgB,QAAQ,qBAAqB,GAAG,CAAC,EAAE,CAAC;CAEpD,OAAO,oBAAC,QAAQ,UAAT;EAAkB,OAAO;EAAgB;CAA2B,CAAA;AAC7E"}

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

@@ -1 +1 @@
-{"version":3,"file":"SuspenseTrigger.mjs","names":[],"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"],"mappings":";;;;;AAMA,IAAM,sBAAsB,IAAI,cACxB,CAEN,CACF;AAEA,IAAM,mBAAmB,WAAW,mBAAmB;AAEvD,IAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,OAAO,SAAS;CACxB,OAAO,OAAO,oBAAC,kBAAD,CAAmB,CAAA,IAAI;AACvC"}
+{"version":3,"file":"SuspenseTrigger.mjs","names":[],"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\n/* Plain FC: transparent render utility. */\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n  const { show = true } = props;\n  return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"mappings":";;;;;AAMA,IAAM,sBAAsB,IAAI,cACxB,CAEN,CACF;AAEA,IAAM,mBAAmB,WAAW,mBAAmB;AAGvD,IAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,OAAO,SAAS;CACxB,OAAO,OAAO,oBAAC,kBAAD,CAAmB,CAAA,IAAI;AACvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationProvider.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type {\n  LocalizedComponentName,\n  TranslationFunction,\n} from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\n\ntype ComponentTranslationDictionary = Record<\n  LocalizedComponentName,\n  Record<string, string>\n>;\n\nexport interface Translations {\n  [locale: string]: ComponentTranslationDictionary | undefined;\n  \"de-DE\"?: ComponentTranslationDictionary;\n  \"en-US\"?: ComponentTranslationDictionary;\n}\n\nexport interface TranslationContext {\n  translations?: Translations;\n  translate?: TranslationFunction;\n}\n\nexport type TranslationProviderProps = PropsWithChildren & TranslationContext;\n\nconst context = createContext<TranslationContext>({});\n\nexport const useTranslationProvider = () => useContext(context);\n\n/** @flr-generate all */\nexport const TranslationProvider: FC<TranslationProviderProps> = (props) => {\n  const { children, translations, translate } = props;\n\n  return (\n    <context.Provider value={{ translations, translate }}>\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default TranslationProvider;\n"],"mappings":";;;;;AAyBA,IAAM,UAAU,cAAkC,CAAC,CAAC;AAEpD,IAAa,+BAA+B,WAAW,OAAO;;AAG9D,IAAa,uBAAqD,UAAU;CAC1E,MAAM,EAAE,UAAU,cAAc,cAAc;CAE9C,OACE,oBAAC,QAAQ,UAAT;EAAkB,OAAO;GAAE;GAAc;EAAU;EAChD;CACe,CAAA;AAEtB"}
+{"version":3,"file":"TranslationProvider.mjs","names":[],"sources":["../../../../../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type {\n  LocalizedComponentName,\n  TranslationFunction,\n} from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\n\ntype ComponentTranslationDictionary = Record<\n  LocalizedComponentName,\n  Record<string, string>\n>;\n\nexport interface Translations {\n  [locale: string]: ComponentTranslationDictionary | undefined;\n  \"de-DE\"?: ComponentTranslationDictionary;\n  \"en-US\"?: ComponentTranslationDictionary;\n}\n\nexport interface TranslationContext {\n  translations?: Translations;\n  translate?: TranslationFunction;\n}\n\nexport type TranslationProviderProps = PropsWithChildren & TranslationContext;\n\nconst context = createContext<TranslationContext>({});\n\nexport const useTranslationProvider = () => useContext(context);\n\n/* Plain FC: app-level setup without own UI. */\n/** @flr-generate all */\nexport const TranslationProvider: FC<TranslationProviderProps> = (props) => {\n  const { children, translations, translate } = props;\n\n  return (\n    <context.Provider value={{ translations, translate }}>\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default TranslationProvider;\n"],"mappings":";;;;;AAyBA,IAAM,UAAU,cAAkC,CAAC,CAAC;AAEpD,IAAa,+BAA+B,WAAW,OAAO;;AAI9D,IAAa,uBAAqD,UAAU;CAC1E,MAAM,EAAE,UAAU,cAAc,cAAc;CAE9C,OACE,oBAAC,QAAQ,UAAT;EAAkB,OAAO;GAAE;GAAc;EAAU;EAChD;CACe,CAAA;AAEtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"TunnelEntry.mjs","names":["TunnelEntry","ReactTunnelEntry"],"sources":["../../../../../../../src/components/TunnelEntry/TunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry as ReactTunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\nexport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\n/**\n * @flr-generate all\n * @flr-ignore-props providerId\n */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"mappings":";;;;;;;;;AAUA,IAAaA,iBAAqC,UAChD,oBAACC,aAAD,EAAkB,GAAI,MAAQ,CAAA"}
+{"version":3,"file":"TunnelEntry.mjs","names":["TunnelEntry","ReactTunnelEntry"],"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/* Plain FC: transparent render utility. */\n/**\n * @flr-generate all\n * @flr-ignore-props providerId\n */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"mappings":";;;;;;;;;AAWA,IAAaA,iBAAqC,UAChD,oBAACC,aAAD,EAAkB,GAAI,MAAQ,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"UiComponentTunnelEntry.mjs","names":[],"sources":["../../../../../../../src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry, type TunnelEntryProps } from \"@mittwald/react-tunnel\";\nimport { getTunnelProviderId } from \"./lib\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type UiComponentTunnelEntryProps = Omit<\n  TunnelEntryProps,\n  \"providerId\"\n> & {\n  component: FlowComponentName;\n};\n\nexport const UiComponentTunnelEntry: FC<UiComponentTunnelEntryProps> = (\n  props,\n) => {\n  const { component, ...tunnelEntryProps } = props;\n  return (\n    <TunnelEntry\n      {...tunnelEntryProps}\n      providerId={getTunnelProviderId(component)}\n    />\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAa,0BACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,qBAAqB;CAC3C,OACE,oBAAC,aAAD;EACE,GAAI;EACJ,YAAY,oBAAoB,SAAS;CAC1C,CAAA;AAEL"}
+{"version":3,"file":"UiComponentTunnelEntry.mjs","names":[],"sources":["../../../../../../../src/components/UiComponentTunnel/UiComponentTunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry, type TunnelEntryProps } from \"@mittwald/react-tunnel\";\nimport { getTunnelProviderId } from \"./lib\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type UiComponentTunnelEntryProps = Omit<\n  TunnelEntryProps,\n  \"providerId\"\n> & {\n  component: FlowComponentName;\n};\n\n/* Plain FC: factory infrastructure. */\nexport const UiComponentTunnelEntry: FC<UiComponentTunnelEntryProps> = (\n  props,\n) => {\n  const { component, ...tunnelEntryProps } = props;\n  return (\n    <TunnelEntry\n      {...tunnelEntryProps}\n      providerId={getTunnelProviderId(component)}\n    />\n  );\n};\n"],"mappings":";;;;;;AAaA,IAAa,0BACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,qBAAqB;CAC3C,OACE,oBAAC,aAAD;EACE,GAAI;EACJ,YAAY,oBAAoB,SAAS;CAC1C,CAAA;AAEL"}

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

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

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

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

package/dist/js/packages/components/src/components/propTypes/index.mjs

@@ -58,6 +58,7 @@ var propsContextSupportingComponents = Object.keys({
 	List: true,
 	ListItemView: true,
 	ListSummary: true,
+	LoadingSpinner: true,
 	MarkdownEditor: true,
 	MenuItem: true,
 	MenuTrigger: true,

package/dist/js/packages/components/src/components/propTypes/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { TabNavigationProps } from \"@/components/TabNavigation\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { CoachMarkProps } from \"@/components/CoachMark\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListItemViewContentProps, ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CombineProps } from \"@/components/Combine\";\nimport type { CountryOptionsProps } from \"@/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type {\n  DialogTriggerProps,\n  MenuTriggerProps,\n} from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport type { MarkdownEditorProps } from \"@/components/MarkdownEditor\";\nimport type { AlertTextProps } from \"@/components/AlertText\";\nimport type { IllustratedMessageProps } from \"@/components/IllustratedMessage\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport type { RatingSegmentProps } from \"@/components/Rating/components/RatingSegment\";\nimport type { CodeEditorProps } from \"@/components/CodeEditor\";\nimport type { KbdProps } from \"@/components/Kbd/Kbd\";\nimport type { AccordionProps } from \"@/components/Accordion\";\nimport type { AccordionGroupProps } from \"@/components/AccordionGroup\";\nimport type { ChatProps } from \"@/components/Chat\";\nimport type { SectionHeaderProps } from \"@/components/Section/components/SectionHeader/SectionHeader\";\nimport type {\n  LightBoxGalleryItemProps,\n  LightBoxGalleryProps,\n} from \"@/components/LightBox\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  AccentBox: AccentBoxProps;\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Accordion: AccordionProps;\n  AccordionGroup: AccordionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  AlertText: AlertTextProps;\n  Align: AlignProps;\n  Combine: CombineProps;\n  Avatar: AvatarProps;\n  Autocomplete: AutocompleteProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  CodeEditor: CodeEditorProps;\n  Chat: ChatProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ColumnLayout: ColumnLayoutProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  CoachMark: CoachMarkProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  DialogTrigger: DialogTriggerProps;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  FileDropZone: FileDropZoneProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  TabNavigation: TabNavigationProps;\n  Icon: IconProps;\n  IllustratedMessage: IllustratedMessageProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  LightBoxGallery: LightBoxGalleryProps;\n  LightBoxGalleryItem: LightBoxGalleryItemProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListItemView: ListItemViewContentProps;\n  ListSummary: ListSummaryProps;\n  MarkdownEditor: MarkdownEditorProps;\n  MenuItem: MenuItemProps;\n  MenuTrigger: MenuTriggerProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  Navigation: NavigationProps;\n  NavigationGroup: NavigationGroupProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Options: OptionsProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  PasswordCreationField: PasswordCreationFieldProps;\n  ProgressBar: ProgressBarProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  Rating: RatingProps;\n  RatingSegment: RatingSegmentProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Kbd: KbdProps;\n  SectionHeader: SectionHeaderProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  AccentBox: true,\n  Action: true,\n  ActionGroup: true,\n  Accordion: true,\n  AccordionGroup: true,\n  Avatar: true,\n  Autocomplete: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  AlertText: true,\n  Align: true,\n  Combine: true,\n  Badge: true,\n  Button: true,\n  CodeEditor: true,\n  Chat: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ColumnLayout: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  CoachMark: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  DialogTrigger: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  FileDropZone: true,\n  Header: true,\n  Heading: true,\n  TabNavigation: true,\n  Icon: true,\n  IllustratedMessage: true,\n  Image: true,\n  Initials: true,\n  Kbd: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  LightBoxGallery: true,\n  LightBoxGalleryItem: true,\n  Link: true,\n  List: true,\n  ListItemView: true,\n  ListSummary: true,\n  MarkdownEditor: true,\n  MenuItem: true,\n  MenuTrigger: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  Navigation: true,\n  NavigationGroup: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Options: true,\n  Popover: true,\n  PopoverTrigger: true,\n  PasswordCreationField: true,\n  ProgressBar: true,\n  RadioButton: true,\n  RadioGroup: true,\n  Rating: true,\n  RatingSegment: true,\n  SearchField: true,\n  Section: true,\n  SectionHeader: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"mappings":";AA4SA,IAAa,mCAAmC,OAAO,KACrD;CAjGA,WAAW;CACX,QAAQ;CACR,aAAa;CACb,WAAW;CACX,gBAAgB;CAChB,QAAQ;CACR,cAAc;CACd,OAAO;CACP,YAAY;CACZ,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,UAAU;CACV,SAAS;CACT,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,WAAW;CACX,gBAAgB;CAChB,uBAAuB;CACvB,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,kBAAkB;CAClB,YAAY;CACZ,UAAU;CACV,cAAc;CACd,WAAW;CACX,cAAc;CACd,QAAQ;CACR,SAAS;CACT,eAAe;CACf,MAAM;CACN,oBAAoB;CACpB,OAAO;CACP,UAAU;CACV,KAAK;CACL,OAAO;CACP,YAAY;CACZ,UAAU;CACV,iBAAiB;CACjB,qBAAqB;CACrB,MAAM;CACN,MAAM;CACN,cAAc;CACd,aAAa;CACb,gBAAgB;CAChB,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,OAAO;CACP,cAAc;CACd,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,uBAAuB;CACvB,aAAa;CACb,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,aAAa;CACb,SAAS;CACT,eAAe;CACf,SAAS;CACT,kBAAkB;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,UAAU;CACV,eAAe;CACf,MAAM;CACN,UAAU;CACV,WAAW;CACX,WAAW;AAIX,CACF"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { TabNavigationProps } from \"@/components/TabNavigation\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { LoadingSpinnerProps } from \"@/components/LoadingSpinner\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { CoachMarkProps } from \"@/components/CoachMark\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListItemViewContentProps, ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CombineProps } from \"@/components/Combine\";\nimport type { CountryOptionsProps } from \"@/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type {\n  DialogTriggerProps,\n  MenuTriggerProps,\n} from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport type { MarkdownEditorProps } from \"@/components/MarkdownEditor\";\nimport type { AlertTextProps } from \"@/components/AlertText\";\nimport type { IllustratedMessageProps } from \"@/components/IllustratedMessage\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport type { RatingSegmentProps } from \"@/components/Rating/components/RatingSegment\";\nimport type { CodeEditorProps } from \"@/components/CodeEditor\";\nimport type { KbdProps } from \"@/components/Kbd/Kbd\";\nimport type { AccordionProps } from \"@/components/Accordion\";\nimport type { AccordionGroupProps } from \"@/components/AccordionGroup\";\nimport type { ChatProps } from \"@/components/Chat\";\nimport type { SectionHeaderProps } from \"@/components/Section/components/SectionHeader/SectionHeader\";\nimport type {\n  LightBoxGalleryItemProps,\n  LightBoxGalleryProps,\n} from \"@/components/LightBox\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  AccentBox: AccentBoxProps;\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Accordion: AccordionProps;\n  AccordionGroup: AccordionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  AlertText: AlertTextProps;\n  Align: AlignProps;\n  Combine: CombineProps;\n  Avatar: AvatarProps;\n  Autocomplete: AutocompleteProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  CodeEditor: CodeEditorProps;\n  Chat: ChatProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ColumnLayout: ColumnLayoutProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  CoachMark: CoachMarkProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  DialogTrigger: DialogTriggerProps;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  FileDropZone: FileDropZoneProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  TabNavigation: TabNavigationProps;\n  Icon: IconProps;\n  IllustratedMessage: IllustratedMessageProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  LightBoxGallery: LightBoxGalleryProps;\n  LightBoxGalleryItem: LightBoxGalleryItemProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListItemView: ListItemViewContentProps;\n  ListSummary: ListSummaryProps;\n  LoadingSpinner: LoadingSpinnerProps;\n  MarkdownEditor: MarkdownEditorProps;\n  MenuItem: MenuItemProps;\n  MenuTrigger: MenuTriggerProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  Navigation: NavigationProps;\n  NavigationGroup: NavigationGroupProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Options: OptionsProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  PasswordCreationField: PasswordCreationFieldProps;\n  ProgressBar: ProgressBarProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  Rating: RatingProps;\n  RatingSegment: RatingSegmentProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Kbd: KbdProps;\n  SectionHeader: SectionHeaderProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  AccentBox: true,\n  Action: true,\n  ActionGroup: true,\n  Accordion: true,\n  AccordionGroup: true,\n  Avatar: true,\n  Autocomplete: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  AlertText: true,\n  Align: true,\n  Combine: true,\n  Badge: true,\n  Button: true,\n  CodeEditor: true,\n  Chat: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ColumnLayout: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  CoachMark: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  DialogTrigger: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  FileDropZone: true,\n  Header: true,\n  Heading: true,\n  TabNavigation: true,\n  Icon: true,\n  IllustratedMessage: true,\n  Image: true,\n  Initials: true,\n  Kbd: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  LightBoxGallery: true,\n  LightBoxGalleryItem: true,\n  Link: true,\n  List: true,\n  ListItemView: true,\n  ListSummary: true,\n  LoadingSpinner: true,\n  MarkdownEditor: true,\n  MenuItem: true,\n  MenuTrigger: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  Navigation: true,\n  NavigationGroup: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Options: true,\n  Popover: true,\n  PopoverTrigger: true,\n  PasswordCreationField: true,\n  ProgressBar: true,\n  RadioButton: true,\n  RadioGroup: true,\n  Rating: true,\n  RatingSegment: true,\n  SearchField: true,\n  Section: true,\n  SectionHeader: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"mappings":";AA+SA,IAAa,mCAAmC,OAAO,KACrD;CAlGA,WAAW;CACX,QAAQ;CACR,aAAa;CACb,WAAW;CACX,gBAAgB;CAChB,QAAQ;CACR,cAAc;CACd,OAAO;CACP,YAAY;CACZ,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,UAAU;CACV,SAAS;CACT,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,WAAW;CACX,gBAAgB;CAChB,uBAAuB;CACvB,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,kBAAkB;CAClB,YAAY;CACZ,UAAU;CACV,cAAc;CACd,WAAW;CACX,cAAc;CACd,QAAQ;CACR,SAAS;CACT,eAAe;CACf,MAAM;CACN,oBAAoB;CACpB,OAAO;CACP,UAAU;CACV,KAAK;CACL,OAAO;CACP,YAAY;CACZ,UAAU;CACV,iBAAiB;CACjB,qBAAqB;CACrB,MAAM;CACN,MAAM;CACN,cAAc;CACd,aAAa;CACb,gBAAgB;CAChB,gBAAgB;CAChB,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,OAAO;CACP,cAAc;CACd,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,uBAAuB;CACvB,aAAa;CACb,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,aAAa;CACb,SAAS;CACT,eAAe;CACf,SAAS;CACT,kBAAkB;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,UAAU;CACV,eAAe;CACf,MAAM;CACN,UAAU;CACV,WAAW;CACX,WAAW;AAIX,CACF"}

package/dist/js/packages/components/src/lib/propsContext/components/ClearPropsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContext.mjs","names":[],"sources":["../../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import { PropsContextProvider } from \"@/lib/propsContext/propsContext\";\nimport { type FC, type PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  return <PropsContextProvider value={{}}>{children}</PropsContextProvider>;\n};\n\nexport default ClearPropsContext;\n"],"mappings":";;;;;;;AAMA,IAAa,qBAA4C,UAAU;CACjE,MAAM,EAAE,aAAa;CACrB,OAAO,oBAAC,sBAAD;EAAsB,OAAO,CAAC;EAAI;CAA+B,CAAA;AAC1E"}
+{"version":3,"file":"ClearPropsContext.mjs","names":[],"sources":["../../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import { PropsContextProvider } from \"@/lib/propsContext/propsContext\";\nimport { type FC, type PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/* Plain FC: factory infrastructure. */\n/** @flr-generate all */\nexport const ClearPropsContext: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  return <PropsContextProvider value={{}}>{children}</PropsContextProvider>;\n};\n\nexport default ClearPropsContext;\n"],"mappings":";;;;;;;AAOA,IAAa,qBAA4C,UAAU;CACjE,MAAM,EAAE,aAAa;CACrB,OAAO,oBAAC,sBAAD;EAAsB,OAAO,CAAC;EAAI;CAA+B,CAAA;AAC1E"}

package/dist/js/packages/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentPropsContextProvider.mjs","names":[],"sources":["../../../../../../../../src/lib/propsContext/components/ComponentPropsContextProvider.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport { PropsContextProvider } from \"@/lib/propsContext/components/PropsContextProvider\";\nimport { memo, type FC, type PropsWithChildren } from \"react\";\n\nexport interface ComponentPropsContextProviderProps extends PropsWithChildren {\n  componentProps?: PropsContext;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props componentProps\n */\nexport const ComponentPropsContextProvider: FC<ComponentPropsContextProviderProps> =\n  memo((props) => {\n    const { children, componentProps = {} } = props;\n    return (\n      <PropsContextProvider props={componentProps}>\n        {children}\n      </PropsContextProvider>\n    );\n  });\n\nComponentPropsContextProvider.displayName = \"ComponentPropsContextProvider\";\n"],"mappings":";;;;;;;;;;AAYA,IAAa,gCACX,MAAM,UAAU;CACd,MAAM,EAAE,UAAU,iBAAiB,CAAC,MAAM;CAC1C,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B,CAAC;AAEH,8BAA8B,cAAc"}
+{"version":3,"file":"ComponentPropsContextProvider.mjs","names":[],"sources":["../../../../../../../../src/lib/propsContext/components/ComponentPropsContextProvider.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport { PropsContextProvider } from \"@/lib/propsContext/components/PropsContextProvider\";\nimport { memo, type FC, type PropsWithChildren } from \"react\";\n\nexport interface ComponentPropsContextProviderProps extends PropsWithChildren {\n  componentProps?: PropsContext;\n}\n\n/* Plain FC: factory infrastructure. */\n/**\n * @flr-generate all\n * @flr-ignore-props componentProps\n */\nexport const ComponentPropsContextProvider: FC<ComponentPropsContextProviderProps> =\n  memo((props) => {\n    const { children, componentProps = {} } = props;\n    return (\n      <PropsContextProvider props={componentProps}>\n        {children}\n      </PropsContextProvider>\n    );\n  });\n\nComponentPropsContextProvider.displayName = \"ComponentPropsContextProvider\";\n"],"mappings":";;;;;;;;;;AAaA,IAAa,gCACX,MAAM,UAAU;CACd,MAAM,EAAE,UAAU,iBAAiB,CAAC,MAAM;CAC1C,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B,CAAC;AAEH,8BAA8B,cAAc"}

package/dist/types/components/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { IconProps } from '../Icon';
 import { AlphaColor } from '../../lib/types/props';
 export interface LoadingSpinnerProps extends IconProps {
@@ -6,5 +5,5 @@ export interface LoadingSpinnerProps extends IconProps {
     color?: "default" | AlphaColor;
 }
 /** @flr-generate all */
-export declare const LoadingSpinner: FC<LoadingSpinnerProps>;
+export declare const LoadingSpinner: import('react').FunctionComponent<LoadingSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
 export default LoadingSpinner;

package/dist/types/components/propTypes/index.d.ts

@@ -12,6 +12,7 @@ import { AlertProps } from '../Alert';
 import { HeadingProps } from '../Heading';
 import { TabNavigationProps } from '../TabNavigation';
 import { InitialsProps } from '../Initials';
+import { LoadingSpinnerProps } from '../LoadingSpinner';
 import { ImageProps } from '../Image';
 import { CopyButtonProps } from '../CopyButton';
 import { HeaderProps } from '../Header';
@@ -140,6 +141,7 @@ export interface FlowComponentPropsTypes {
     List: ListProps<never>;
     ListItemView: ListItemViewContentProps;
     ListSummary: ListSummaryProps;
+    LoadingSpinner: LoadingSpinnerProps;
     MarkdownEditor: MarkdownEditorProps;
     MenuItem: MenuItemProps;
     MenuTrigger: MenuTriggerProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.5.56",
+  "version": "1.5.57",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -84,9 +84,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.5.56",
+    "@mittwald/flow-icons": "^1.5.57",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.5.56",
+    "@mittwald/react-tunnel": "^1.5.57",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -139,13 +139,13 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-components-base": "1.5.56",
-    "@mittwald/flow-core": "1.5.56",
-    "@mittwald/flow-design-tokens": "1.5.56",
-    "@mittwald/flow-icons-base": "1.5.56",
+    "@mittwald/flow-components-base": "1.5.57",
+    "@mittwald/flow-core": "1.5.57",
+    "@mittwald/flow-design-tokens": "1.5.57",
+    "@mittwald/flow-icons-base": "1.5.57",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.5.56",
+    "@mittwald/typescript-config": "1.5.57",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -199,7 +199,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.5.56",
+    "@mittwald/flow-icons-pro": "1.5.57",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -223,5 +223,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "f40c5fb8b47b8316f452e9b58d377b8345d1398e"
+  "gitHead": "a6e807cfda54ce485396afe485d89056cb8fb6d8"
 }