npm - @mittwald/flow-react-components - Versions diffs - 1.6.0-next.5 → 1.6.0-next.51 - Mend

@mittwald/flow-react-components 1.6.0-next.5 → 1.6.0-next.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1034) hide show

package/dist/js/packages/components/src/lib/react/getPropsMerger.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ import { getNestingLevel } from "../propsContext/nestedPropsContext/lib.mjs";
 import { isObjectType, sortBy } from "remeda";
 import { mergeProps, mergeRefs } from "@react-aria/utils";
 import { setProperty } from "dot-prop";
-//#region src/lib/react/getPropsMerger.ts
+// src/lib/react/getPropsMerger.ts
 var getPropsMerger = (options = {}) => (...propsList) => {
 	const { mergeClassNames = true, mergeEventHandler = true, mergeRefs: mergeRefs$1 = true } = options;
 	const sortedByLevel = sortBy(propsList, getNestingLevel);
@@ -28,7 +28,6 @@ var getPropsMerger = (options = {}) => (...propsList) => {
 	}
 	return mergedProps;
 };
-//#endregion
 export { getPropsMerger };
 //# sourceMappingURL=getPropsMerger.mjs.map

package/dist/js/packages/components/src/lib/react/remote.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /* */
 import { Children, Fragment, isValidElement } from "react";
 import { isNumber, isObjectType, isString } from "remeda";
-//#region src/lib/react/remote.ts
+// src/lib/react/remote.ts
 function isRemoteComponentRendererProps(props) {
 	return isObjectType(props) && "element" in props && "components" in props && "receiver" in props;
 }
@@ -54,7 +54,6 @@ var extractTextFromFirstChild = (children) => {
 function isRemoteTextRenderProps(props) {
 	return isObjectType(props) && "remote" in props && isObjectType(props.remote) && "data" in props.remote && isString(props.remote.data);
 }
-//#endregion
 export { containsTextChild, extractTextFromChildren, extractTextFromFirstChild, isRemoteComponentRendererProps, isRemoteTextRenderProps };
 //# sourceMappingURL=remote.mjs.map

package/dist/js/packages/components/src/lib/remote/eventHandlerContext.mjs CHANGED Viewed

@@ -1,12 +1,11 @@
 "use client"
 /* */
 import { createCascade } from "context";
-//#region src/lib/remote/eventHandlerContext.ts
+// src/lib/remote/eventHandlerContext.ts
 var eventHandlerContextKey = Symbol.for("@mittwald/flow-remote-elements/eventHandlerContext");
 var registry = globalThis;
 var eventHandlerContext = registry[eventHandlerContextKey] ??= createCascade();
 var getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;
-//#endregion
 export { eventHandlerContext, getRemoteEvent };
 //# sourceMappingURL=eventHandlerContext.mjs.map

package/dist/js/packages/components/src/lib/remote/useControlledHostValueProps.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /* */
 import "./useControlledRemoteValueProps.mjs";
 import { useLayoutEffect, useState } from "react";
-//#region src/lib/remote/useControlledHostValueProps.ts
+// src/lib/remote/useControlledHostValueProps.ts
 /**
 * Returns props with controlled value handling for remote components. It works
 * by omitting values resulting from a remotely executed event handler. These
@@ -33,7 +33,6 @@ var useControlledHostValueProps = (props, emptyValue) => {
 		onChange
 	};
 };
-//#endregion
 export { useControlledHostValueProps };
 //# sourceMappingURL=useControlledHostValueProps.mjs.map

package/dist/js/packages/components/src/lib/remote/useControlledRemoteValueProps.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /* */
 import { getRemoteEvent } from "./eventHandlerContext.mjs";
 import { useRef } from "react";
-//#region src/lib/remote/useControlledRemoteValueProps.ts
+// src/lib/remote/useControlledRemoteValueProps.ts
 var unknownRemoteEventValue = Symbol("unknownRemoteEventValue");
 var controlledRemoteValueMarker = "___flowControlledRemoteValue___";
 var useControlledRemoteValueProps = (props) => {
@@ -19,7 +19,6 @@ var useControlledRemoteValueProps = (props) => {
 		value
 	};
 };
-//#endregion
 export { controlledRemoteValueMarker, useControlledRemoteValueProps };
 //# sourceMappingURL=useControlledRemoteValueProps.mjs.map

package/dist/js/packages/components/src/lib/scss/selectors.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/lib/scss/selectors.ts
+// src/lib/scss/selectors.ts
 /**
 * Look up a class name by a dynamic (runtime) key — a key that cannot be
 * statically narrowed to one of `styles`' keys (e.g. built from a number, a
@@ -11,7 +11,6 @@
 function styleClassname(styles, classname) {
 	return styles[classname];
 }
-//#endregion
 export { styleClassname };
 //# sourceMappingURL=selectors.mjs.map

package/dist/js/packages/components/src/lib/slotContext/SlotContextProvider.mjs CHANGED Viewed

@@ -1,24 +1,28 @@
 "use client"
 /* */
 import { slotContext, useSlotContext } from "./slotContext.mjs";
-import { memo } from "react";
+import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/lib/slotContext/SlotContextProvider.tsx
+// src/lib/slotContext/SlotContextProvider.tsx
 var Provider = memo(slotContext.Provider);
 Provider.displayName = "SlotContextProviderInner";
 var SlotContextProvider = memo((props) => {
 	const { slot, component, children } = props;
-	const mergedContext = {
-		...useSlotContext(),
+	const parentContext = useSlotContext();
+	const mergedContext = useMemo(() => ({
+		...parentContext,
 		[component]: slot
-	};
+	}), [
+		parentContext,
+		component,
+		slot
+	]);
 	return /* @__PURE__ */ jsx(Provider, {
 		value: mergedContext,
 		children
 	});
 });
 SlotContextProvider.displayName = "SlotContextProvider";
-//#endregion
 export { SlotContextProvider, SlotContextProvider as default };
 //# sourceMappingURL=SlotContextProvider.mjs.map

package/dist/js/packages/components/src/lib/slotContext/SlotContextProvider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlotContextProvider.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/SlotContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { slotContext, useSlotContext } from \"@/lib/slotContext/slotContext\";\n\ninterface Props extends PropsWithChildren {\n slot: string;\n component: FlowComponentName;\n}\n\nconst Provider = memo(slotContext.Provider);\nProvider.displayName = \"SlotContextProviderInner\";\n\nexport const SlotContextProvider: FC<Props> = memo((props) => {\n const { slot, component, children } = props;\n const parentContext = useSlotContext();\n\n const mergedContext = {\n ...parentContext,\n [component]: slot,\n };\n\n return <Provider value={mergedContext}>{children}</Provider>;\n});\nSlotContextProvider.displayName = \"SlotContextProvider\";\n\nexport default SlotContextProvider;\n"],"mappings":";;;;;;AAUA,IAAM,WAAW,KAAK,YAAY,QAAQ;AAC1C,SAAS,cAAc;AAEvB,IAAa,sBAAiC,MAAM,UAAU;CAC5D,MAAM,EAAE,MAAM,WAAW,aAAa;~~CAGtC~~,MAAM,gBAAgB;~~EACpB~~,~~GAHoB~~,~~eAGjB~~;GACF,YAAY;CACf;CAEA,OAAO,oBAAC,UAAD;EAAU,OAAO;EAAgB;CAAmB,CAAA;AAC7D,CAAC;AACD,oBAAoB,cAAc"}
1	+ {"version":3,"file":"SlotContextProvider.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/SlotContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { memo, useMemo } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { slotContext, useSlotContext } from \"@/lib/slotContext/slotContext\";\n\ninterface Props extends PropsWithChildren {\n slot: string;\n component: FlowComponentName;\n}\n\nconst Provider = memo(slotContext.Provider);\nProvider.displayName = \"SlotContextProviderInner\";\n\nexport const SlotContextProvider: FC<Props> = memo((props) => {\n const { slot, component, children } = props;\n const parentContext = useSlotContext();\n\n const mergedContext = useMemo(\n () => ({\n ...parentContext,\n [component]: slot,\n }),\n [parentContext, component, slot],\n );\n\n return <Provider value={mergedContext}>{children}</Provider>;\n});\nSlotContextProvider.displayName = \"SlotContextProvider\";\n\nexport default SlotContextProvider;\n"],"mappings":";;;;;;AAUA,IAAM,WAAW,KAAK,YAAY,QAAQ;AAC1C,SAAS,cAAc;AAEvB,IAAa,sBAAiC,MAAM,UAAU;CAC5D,MAAM,EAAE,MAAM,WAAW,aAAa;CACtC,MAAM,gBAAgB,eAAe;CAErC,MAAM,gBAAgB,eACb;EACL,GAAG;GACF,YAAY;CACf,IACA;EAAC;EAAe;EAAW;CAAI,CACjC;CAEA,OAAO,oBAAC,UAAD;EAAU,OAAO;EAAgB;CAAmB,CAAA;AAC7D,CAAC;AACD,oBAAoB,cAAc"}

package/dist/js/packages/components/src/lib/slotContext/slotContext.mjs CHANGED Viewed

@@ -1,10 +1,9 @@
 "use client"
 /* */
 import { createContext, useContext } from "react";
-//#region src/lib/slotContext/slotContext.ts
+// src/lib/slotContext/slotContext.ts
 var slotContext = createContext({});
 var useSlotContext = () => useContext(slotContext);
-//#endregion
 export { slotContext, useSlotContext };
 //# sourceMappingURL=slotContext.mjs.map

package/dist/js/packages/components/src/lib/slotContext/useContextSlot.mjs CHANGED Viewed

@@ -1,9 +1,8 @@
 "use client"
 /* */
 import { useSlotContext } from "./slotContext.mjs";
-//#region src/lib/slotContext/useContextSlot.ts
+// src/lib/slotContext/useContextSlot.ts
 var useContextSlot = (component) => useSlotContext()[component];
-//#endregion
 export { useContextSlot as default, useContextSlot };
 //# sourceMappingURL=useContextSlot.mjs.map

package/dist/js/packages/components/src/lib/theming/components/ThemedHtml.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /* */
 import { themeHtmlAttribute } from "../lib/keys.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/lib/theming/components/ThemedHtml.tsx
+// src/lib/theming/components/ThemedHtml.tsx
 var ThemedHtml = (props) => {
 	const { theme, ...rest } = props;
 	return /* @__PURE__ */ jsx("html", {
@@ -11,7 +11,6 @@ var ThemedHtml = (props) => {
 		children: props.children
 	});
 };
-//#endregion
 export { ThemedHtml };
 //# sourceMappingURL=ThemedHtml.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useDesignTokens.mjs CHANGED Viewed

@@ -3,11 +3,10 @@
 import { useResolvedTheme } from "./useResolvedTheme.mjs";
 import all_light_default from "../../../../../design-tokens/dist/json-runtime/all-light.mjs";
 import all_dark_default from "../../../../../design-tokens/dist/json-runtime/all-dark.mjs";
-//#region src/lib/theming/hooks/useDesignTokens.ts
+// src/lib/theming/hooks/useDesignTokens.ts
 var useDesignTokens = () => {
 	return useResolvedTheme() === "light" ? all_light_default : all_dark_default;
 };
-//#endregion
 export { useDesignTokens };
 //# sourceMappingURL=useDesignTokens.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useResolvedTheme.mjs CHANGED Viewed

@@ -2,13 +2,12 @@
 /* */
 import { useTheme } from "./useTheme.mjs";
 import { useSystemTheme } from "./useSystemTheme.mjs";
-//#region src/lib/theming/hooks/useResolvedTheme.ts
+// src/lib/theming/hooks/useResolvedTheme.ts
 var useResolvedTheme = () => {
 	const theme = useTheme();
 	const systemTheme = useSystemTheme();
 	return theme === "system" ? systemTheme : theme;
 };
-//#endregion
 export { useResolvedTheme };
 //# sourceMappingURL=useResolvedTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useSystemTheme.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /* */
 import { ColorSchemeMediaQuery } from "../lib/ColorSchemeMediaQuery.mjs";
 import { useEffect, useState } from "react";
-//#region src/lib/theming/hooks/useSystemTheme.ts
+// src/lib/theming/hooks/useSystemTheme.ts
 var useSystemTheme = () => {
 	const { preferred } = ColorSchemeMediaQuery.getPreference();
 	const [systemTheme, setSystemTheme] = useState(preferred);
@@ -11,7 +11,6 @@ var useSystemTheme = () => {
 	}), []);
 	return systemTheme;
 };
-//#endregion
 export { useSystemTheme };
 //# sourceMappingURL=useSystemTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useTheme.mjs CHANGED Viewed

@@ -3,7 +3,7 @@
 import { themeHtmlAttribute } from "../lib/keys.mjs";
 import { getTheme } from "../lib/getTheme.mjs";
 import { useEffect, useState } from "react";
-//#region src/lib/theming/hooks/useTheme.ts
+// src/lib/theming/hooks/useTheme.ts
 var useTheme = () => {
 	const initialTheme = getTheme();
 	const [theme, setTheme] = useState(initialTheme);
@@ -21,7 +21,6 @@ var useTheme = () => {
 	}, [setTheme]);
 	return theme;
 };
-//#endregion
 export { useTheme };
 //# sourceMappingURL=useTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/ColorSchemeMediaQuery.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /* */
 import { isClientSide } from "./isClientSide.mjs";
 import { getTheme } from "./getTheme.mjs";
-//#region src/lib/theming/lib/ColorSchemeMediaQuery.ts
+// src/lib/theming/lib/ColorSchemeMediaQuery.ts
 var ColorSchemeMediaQuery = class {
 	static _mediaQuery;
 	static get mediaQuery() {
@@ -33,7 +33,6 @@ var ColorSchemeMediaQuery = class {
 		};
 	}
 };
-//#endregion
 export { ColorSchemeMediaQuery };
 //# sourceMappingURL=ColorSchemeMediaQuery.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getFallbackTheme.mjs CHANGED Viewed

@@ -1,11 +1,10 @@
 "use client"
 /* */
 import { isClientSide } from "./isClientSide.mjs";
-//#region src/lib/theming/lib/getFallbackTheme.ts
+// src/lib/theming/lib/getFallbackTheme.ts
 var getFallbackTheme = () => {
 	return isClientSide() ? "system" : "light";
 };
-//#endregion
 export { getFallbackTheme };
 //# sourceMappingURL=getFallbackTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getResolvedTheme.mjs CHANGED Viewed

@@ -2,11 +2,10 @@
 /* */
 import { getTheme } from "./getTheme.mjs";
 import { resolveTheme } from "./resolveTheme.mjs";
-//#region src/lib/theming/lib/getResolvedTheme.ts
+// src/lib/theming/lib/getResolvedTheme.ts
 var getResolvedTheme = () => {
 	return resolveTheme(getTheme());
 };
-//#endregion
 export { getResolvedTheme };
 //# sourceMappingURL=getResolvedTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getTheme.mjs CHANGED Viewed

@@ -2,11 +2,10 @@
 /* */
 import { getFallbackTheme } from "./getFallbackTheme.mjs";
 import { getThemeHtmlAttribute } from "./getThemeHtmlAttribute.mjs";
-//#region src/lib/theming/lib/getTheme.ts
+// src/lib/theming/lib/getTheme.ts
 var getTheme = () => {
 	return getThemeHtmlAttribute() ?? getFallbackTheme();
 };
-//#endregion
 export { getTheme };
 //# sourceMappingURL=getTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getThemeHtmlAttribute.mjs CHANGED Viewed

@@ -3,11 +3,10 @@
 import { themeHtmlAttribute } from "./keys.mjs";
 import { isClientSide } from "./isClientSide.mjs";
 import { sanitizeTheme } from "./sanitizeTheme.mjs";
-//#region src/lib/theming/lib/getThemeHtmlAttribute.ts
+// src/lib/theming/lib/getThemeHtmlAttribute.ts
 var getThemeHtmlAttribute = () => {
 	if (isClientSide()) return sanitizeTheme(document.documentElement.getAttribute(themeHtmlAttribute));
 };
-//#endregion
 export { getThemeHtmlAttribute };
 //# sourceMappingURL=getThemeHtmlAttribute.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/isClientSide.mjs CHANGED Viewed

@@ -1,10 +1,9 @@
 "use client"
 /* */
-//#region src/lib/theming/lib/isClientSide.ts
+// src/lib/theming/lib/isClientSide.ts
 var isClientSide = () => {
 	return typeof window !== "undefined";
 };
-//#endregion
 export { isClientSide };
 //# sourceMappingURL=isClientSide.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/keys.mjs CHANGED Viewed

@@ -1,8 +1,7 @@
 "use client"
 /* */
-//#region src/lib/theming/lib/keys.ts
+// src/lib/theming/lib/keys.ts
 var themeHtmlAttribute = "data-theme";
-//#endregion
 export { themeHtmlAttribute };
 //# sourceMappingURL=keys.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/resolveTheme.mjs CHANGED Viewed

@@ -1,12 +1,11 @@
 "use client"
 /* */
 import { ColorSchemeMediaQuery } from "./ColorSchemeMediaQuery.mjs";
-//#region src/lib/theming/lib/resolveTheme.ts
+// src/lib/theming/lib/resolveTheme.ts
 var resolveTheme = (theme) => {
 	if (theme === "system") return ColorSchemeMediaQuery.getPreference().preferred;
 	return theme;
 };
-//#endregion
 export { resolveTheme };
 //# sourceMappingURL=resolveTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/sanitizeTheme.mjs CHANGED Viewed

@@ -1,12 +1,11 @@
 "use client"
 /* */
 import { getFallbackTheme } from "./getFallbackTheme.mjs";
-//#region src/lib/theming/lib/sanitizeTheme.ts
+// src/lib/theming/lib/sanitizeTheme.ts
 var sanitizeTheme = (theme) => {
 	if (theme === "light" || theme === "dark" || theme === "system") return theme;
 	return getFallbackTheme();
 };
-//#endregion
 export { sanitizeTheme };
 //# sourceMappingURL=sanitizeTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/setTheme.mjs CHANGED Viewed

@@ -1,11 +1,10 @@
 "use client"
 /* */
 import { setThemeHtmlAttribute } from "./setThemeHtmlAttribute.mjs";
-//#region src/lib/theming/lib/setTheme.ts
+// src/lib/theming/lib/setTheme.ts
 var setTheme = (theme) => {
 	setThemeHtmlAttribute(theme);
 };
-//#endregion
 export { setTheme };
 //# sourceMappingURL=setTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/setThemeHtmlAttribute.mjs CHANGED Viewed

@@ -2,11 +2,10 @@
 /* */
 import { themeHtmlAttribute } from "./keys.mjs";
 import { isClientSide } from "./isClientSide.mjs";
-//#region src/lib/theming/lib/setThemeHtmlAttribute.ts
+// src/lib/theming/lib/setThemeHtmlAttribute.ts
 var setThemeHtmlAttribute = (theme) => {
 	if (isClientSide()) document.documentElement.setAttribute(themeHtmlAttribute, theme);
 };
-//#endregion
 export { setThemeHtmlAttribute };
 //# sourceMappingURL=setThemeHtmlAttribute.mjs.map

package/dist/js/packages/components/src/lib/timer/Timer.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { DateTime, Duration } from "luxon";
-//#region src/lib/timer/Timer.ts
+// src/lib/timer/Timer.ts
 var Timer = class {
 	duration = Duration.fromDurationLike(0);
 	onDone;
@@ -53,7 +53,6 @@ var Timer = class {
 		}, duration.toMillis());
 	}
 };
-//#endregion
 export { Timer, Timer as default };
 //# sourceMappingURL=Timer.mjs.map

package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs CHANGED Viewed

@@ -1,9 +1,8 @@
 "use client"
 /* */
 import all_light_default from "../../../../design-tokens/dist/json-runtime/all-light.mjs";
-//#region src/lib/tokens/CategoricalColors.ts
+// src/lib/tokens/CategoricalColors.ts
 var categoricalColors = Object.keys(all_light_default.color.categorical);
-//#endregion
 export { categoricalColors };
 //# sourceMappingURL=CategoricalColors.mjs.map

package/dist/js/packages/components/src/lib/tokens/getCategoricalColorByIndex.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/lib/tokens/getCategoricalColorByIndex.tsx
+// src/lib/tokens/getCategoricalColorByIndex.tsx
 var getCategoricalColorByIndex = (index) => {
 	switch (index) {
 		case 0: return "sea-green";
@@ -17,7 +17,6 @@ var getCategoricalColorByIndex = (index) => {
 		default: return "lime";
 	}
 };
-//#endregion
 export { getCategoricalColorByIndex };
 //# sourceMappingURL=getCategoricalColorByIndex.mjs.map

package/dist/js/packages/components/src/lib/tokens/isCategoricalColor.mjs CHANGED Viewed

@@ -1,11 +1,10 @@
 "use client"
 /* */
 import { categoricalColors } from "./CategoricalColors.mjs";
-//#region src/lib/tokens/isCategoricalColor.ts
+// src/lib/tokens/isCategoricalColor.ts
 function isCategoricalColor(something) {
 	return typeof something === "string" && categoricalColors.includes(something);
 }
-//#endregion
 export { isCategoricalColor };
 //# sourceMappingURL=isCategoricalColor.mjs.map

package/dist/js/packages/components/src/lib/types/props.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/lib/types/props.ts
+// src/lib/types/props.ts
 var statusTypes = [
 	"info",
 	"success",
@@ -17,7 +17,6 @@ var alphaColors = [
 function isAlphaColor(color) {
 	return alphaColors.includes(color);
 }
-//#endregion
 export { alphaColors, isAlphaColor, statusTypes };
 //# sourceMappingURL=props.mjs.map

package/dist/js/packages/components/src/lib/viewComponentContext/ViewComponentContextProvider.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ import { viewComponentContext } from "./viewComponentContext.mjs";
 import { markViewComponents } from "../../components/ComponentUsageProvider/ComponentUsageProvider.mjs";
 import { useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/lib/viewComponentContext/ViewComponentContextProvider.tsx
+// src/lib/viewComponentContext/ViewComponentContextProvider.tsx
 var ViewComponentContextProvider = (props) => {
 	const { children, components } = props;
 	const parentContext = useContext(viewComponentContext);
@@ -17,7 +17,6 @@ var ViewComponentContextProvider = (props) => {
 		children
 	});
 };
-//#endregion
 export { ViewComponentContextProvider };
 //# sourceMappingURL=ViewComponentContextProvider.mjs.map

package/dist/js/packages/components/src/lib/viewComponentContext/viewComponentContext.mjs CHANGED Viewed

@@ -1,9 +1,8 @@
 "use client"
 /* */
 import { createContext } from "react";
-//#region src/lib/viewComponentContext/viewComponentContext.ts
+// src/lib/viewComponentContext/viewComponentContext.ts
 var viewComponentContext = createContext({});
-//#endregion
 export { viewComponentContext };
 //# sourceMappingURL=viewComponentContext.mjs.map

package/dist/js/packages/components/src/status/component-status.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/status/component-status.json
+// src/status/component-status.json
 var component_status_default = {
 	"@mittwald/flow-react-components#AccentBox": {
 		"level": "beta",
@@ -567,7 +567,6 @@ var component_status_default = {
 		"isNew": false
 	}
 };
-//#endregion
 export { component_status_default as default };
 //# sourceMappingURL=component-status.mjs.map

package/dist/js/packages/components/src/status/componentStatus.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import component_status_default from "./component-status.mjs";
-//#region src/status/componentStatus.ts
+// src/status/componentStatus.ts
 var flowComponentStatus = component_status_default;
 var PACKAGE_NAME = "@mittwald/flow-react-components";
 /**
@@ -15,7 +15,6 @@ var specifierOf = (entry) => entry === "." ? PACKAGE_NAME : `${PACKAGE_NAME}/${e
 * component has no derivable status on that surface (consumers fail silently).
 */
 var getFlowComponentStatus = (name, entry = ".") => flowComponentStatus[`${specifierOf(entry)}#${name}`];
-//#endregion
 export { flowComponentStatus, getFlowComponentStatus };
 //# sourceMappingURL=componentStatus.mjs.map

package/dist/js/packages/components/src/views/AccordionGroupView.mjs CHANGED Viewed

@@ -4,13 +4,12 @@ import { viewComponentContext } from "../lib/viewComponentContext/viewComponentC
 import { AccordionGroup } from "../components/AccordionGroup/AccordionGroup.mjs";
 import { memo, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/views/AccordionGroupView.tsx
+// src/views/AccordionGroupView.tsx
 var AccordionGroupView = memo((props) => {
 	const View = useContext(viewComponentContext)["AccordionGroup"] ?? AccordionGroup;
 	return /* @__PURE__ */ jsx(View, { ...props });
 });
 AccordionGroupView.displayName = "AccordionGroupView";
-//#endregion
 export { AccordionGroupView as default };
 //# sourceMappingURL=AccordionGroupView.mjs.map

package/dist/js/packages/components/src/views/AccordionView.mjs CHANGED Viewed

@@ -4,13 +4,12 @@ import { viewComponentContext } from "../lib/viewComponentContext/viewComponentC
 import { Accordion } from "../components/Accordion/Accordion.mjs";
 import { memo, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/views/AccordionView.tsx
+// src/views/AccordionView.tsx
 var AccordionView = memo((props) => {
 	const View = useContext(viewComponentContext)["Accordion"] ?? Accordion;
 	return /* @__PURE__ */ jsx(View, { ...props });
 });
 AccordionView.displayName = "AccordionView";
-//#endregion
 export { AccordionView as default };
 //# sourceMappingURL=AccordionView.mjs.map

package/dist/js/packages/components/src/views/ActionGroupView.mjs CHANGED Viewed

@@ -4,13 +4,12 @@ import { viewComponentContext } from "../lib/viewComponentContext/viewComponentC
 import { ActionGroup } from "../components/ActionGroup/ActionGroup.mjs";
 import { memo, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/views/ActionGroupView.tsx
+// src/views/ActionGroupView.tsx
 var ActionGroupView = memo((props) => {
 	const View = useContext(viewComponentContext)["ActionGroup"] ?? ActionGroup;
 	return /* @__PURE__ */ jsx(View, { ...props });
 });
 ActionGroupView.displayName = "ActionGroupView";
-//#endregion
 export { ActionGroupView as default };
 //# sourceMappingURL=ActionGroupView.mjs.map

package/dist/js/packages/components/src/views/AvatarView.mjs CHANGED Viewed

@@ -4,13 +4,12 @@ import { viewComponentContext } from "../lib/viewComponentContext/viewComponentC
 import { Avatar } from "../components/Avatar/Avatar.mjs";
 import { memo, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/views/AvatarView.tsx
+// src/views/AvatarView.tsx
 var AvatarView = memo((props) => {
 	const View = useContext(viewComponentContext)["Avatar"] ?? Avatar;
 	return /* @__PURE__ */ jsx(View, { ...props });
 });
 AvatarView.displayName = "AvatarView";
-//#endregion
 export { AvatarView as default };
 //# sourceMappingURL=AvatarView.mjs.map

package/dist/js/packages/components/src/views/BadgeView.mjs CHANGED Viewed

@@ -4,13 +4,12 @@ import { viewComponentContext } from "../lib/viewComponentContext/viewComponentC
 import { Badge } from "../components/Badge/Badge.mjs";
 import { memo, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/views/BadgeView.tsx
+// src/views/BadgeView.tsx
 var BadgeView = memo((props) => {
 	const View = useContext(viewComponentContext)["Badge"] ?? Badge;
 	return /* @__PURE__ */ jsx(View, { ...props });
 });
 BadgeView.displayName = "BadgeView";
-//#endregion
 export { BadgeView as default };
 //# sourceMappingURL=BadgeView.mjs.map