@mittwald/flow-react-components 0.2.0-alpha.868 → 0.2.0-alpha.869

package/dist/js/packages/components/src/lib/react/emitElementValueChange.mjs

@@ -1,23 +1,23 @@
 "use client"
 /* */
-//#region src/lib/react/emitElementValueChange.ts
-/**
-* Triggers a Value Update for an Element that also fires the React onChange
-* routine
-*/
-var emitElementValueChange = (element, value) => {
-	const event = new Event("change", { bubbles: true });
-	try {
-		(Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), "value")?.set)?.call(element, value);
-		element.dispatchEvent(event);
-	} catch (error) {
-		if ("value" in element) {
-			element.value = value;
-			element.dispatchEvent(event);
-		} else throw Error("could not emit value update for element", { cause: error });
-	}
+const emitElementValueChange = (element, value) => {
+  const event = new Event("change", { bubbles: true });
+  try {
+    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+      Object.getPrototypeOf(element),
+      "value"
+    )?.set;
+    nativeInputValueSetter?.call(element, value);
+    element.dispatchEvent(event);
+  } catch (error) {
+    if ("value" in element) {
+      element.value = value;
+      element.dispatchEvent(event);
+    } else {
+      throw Error("could not emit value update for element", { cause: error });
+    }
+  }
 };
-//#endregion
-export { emitElementValueChange };
 
-//# sourceMappingURL=emitElementValueChange.mjs.map
+export { emitElementValueChange };
+//# sourceMappingURL=emitElementValueChange.mjs.map

package/dist/js/packages/components/src/lib/react/emitElementValueChange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"emitElementValueChange.mjs","names":[],"sources":["../../../../../../../src/lib/react/emitElementValueChange.ts"],"sourcesContent":["/**\n * Triggers a Value Update for an Element that also fires the React onChange\n * routine\n */\nexport const emitElementValueChange = (\n  element: HTMLElement,\n  value: unknown,\n) => {\n  const event = new Event(\"change\", { bubbles: true });\n\n  try {\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      Object.getPrototypeOf(element),\n      \"value\",\n    )?.set;\n    nativeInputValueSetter?.call(element, value);\n    element.dispatchEvent(event);\n  } catch (error) {\n    if (\"value\" in element) {\n      element.value = value;\n      element.dispatchEvent(event);\n    } else {\n      throw Error(\"could not emit value update for element\", { cause: error });\n    }\n  }\n};\n"],"mappings":";;;;;AAIA,IAAa,0BACX,SACA,UACG;CACH,MAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;CAEnD,IAAI;EAKF,CAJ+B,OAAO,yBACpC,OAAO,eAAe,OAAO,GAC7B,OACF,GAAG,MACqB,KAAK,SAAS,KAAK;EAC3C,QAAQ,cAAc,KAAK;CAC7B,SAAS,OAAO;EACd,IAAI,WAAW,SAAS;GACtB,QAAQ,QAAQ;GAChB,QAAQ,cAAc,KAAK;EAC7B,OACE,MAAM,MAAM,2CAA2C,EAAE,OAAO,MAAM,CAAC;CAE3E;AACF"}
+{"version":3,"file":"emitElementValueChange.mjs","sources":["../../../../../../../src/lib/react/emitElementValueChange.ts"],"sourcesContent":["/**\n * Triggers a Value Update for an Element that also fires the React onChange\n * routine\n */\nexport const emitElementValueChange = (\n  element: HTMLElement,\n  value: unknown,\n) => {\n  const event = new Event(\"change\", { bubbles: true });\n\n  try {\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      Object.getPrototypeOf(element),\n      \"value\",\n    )?.set;\n    nativeInputValueSetter?.call(element, value);\n    element.dispatchEvent(event);\n  } catch (error) {\n    if (\"value\" in element) {\n      element.value = value;\n      element.dispatchEvent(event);\n    } else {\n      throw Error(\"could not emit value update for element\", { cause: error });\n    }\n  }\n};\n"],"names":[],"mappings":"AAIO,MAAM,sBAAA,GAAyB,CACpC,OAAA,EACA,KAAA,KACG;AACH,EAAA,MAAM,QAAQ,IAAI,KAAA,CAAM,UAAU,EAAE,OAAA,EAAS,MAAM,CAAA;AAEnD,EAAA,IAAI;AACF,IAAA,MAAM,yBAAyB,MAAA,CAAO,wBAAA;AAAA,MACpC,MAAA,CAAO,eAAe,OAAO,CAAA;AAAA,MAC7B;AAAA,KACF,EAAG,GAAA;AACH,IAAA,sBAAA,EAAwB,IAAA,CAAK,SAAS,KAAK,CAAA;AAC3C,IAAA,OAAA,CAAQ,cAAc,KAAK,CAAA;AAAA,EAC7B,SAAS,KAAA,EAAO;AACd,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAChB,MAAA,OAAA,CAAQ,cAAc,KAAK,CAAA;AAAA,IAC7B,CAAA,MAAO;AACL,MAAA,MAAM,KAAA,CAAM,yCAAA,EAA2C,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,IACzE;AAAA,EACF;AACF;;;;"}

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

@@ -1,31 +1,57 @@
 "use client"
 /* */
-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
-var getPropsMerger = (options = {}) => (...propsList) => {
-	const { mergeClassNames = true, mergeEventHandler = true, mergeRefs: mergeRefs$1 = true } = options;
-	const sortedByLevel = sortBy(propsList, getNestingLevel);
-	const mergedProps = mergeProps(...sortedByLevel);
-	if (isObjectType(mergedProps)) {
-		if (!mergeClassNames) {
-			for (const props of sortedByLevel) if (isObjectType(props) && "className" in mergedProps && "className" in props) mergedProps.className = props.className;
-		}
-		if (!mergeEventHandler) {
-			for (const props of sortedByLevel) if (isObjectType(props)) {
-				for (const [propName, propValue] of Object.entries(props)) if (/^on[A-Z]/.test(propName)) setProperty(mergedProps, propName, propValue);
-			}
-		}
-		if (mergeRefs$1) {
-			const refProps = Object.keys(mergedProps).filter((p) => p === "ref" || p.endsWith("Ref"));
-			for (const refProp of refProps) setProperty(mergedProps, refProp, mergeRefs(...sortedByLevel.map((p) => isObjectType(p) && refProp in p ? p[refProp] : null).filter((r) => r !== null)));
-		}
-	}
-	return mergedProps;
+import { mergeProps, mergeRefs } from '@react-aria/utils';
+import { sortBy, isObjectType } from 'remeda';
+import { setProperty } from 'dot-prop';
+import { getNestingLevel } from '../propsContext/nestedPropsContext/lib.mjs';
+
+const getPropsMerger = (options = {}) => (...propsList) => {
+  const {
+    mergeClassNames = true,
+    mergeEventHandler = true,
+    mergeRefs: mergeRefs$1 = true
+  } = options;
+  const sortedByLevel = sortBy(
+    propsList,
+    getNestingLevel
+  );
+  const mergedProps = mergeProps(...sortedByLevel);
+  if (isObjectType(mergedProps)) {
+    if (!mergeClassNames) {
+      for (const props of sortedByLevel) {
+        if (isObjectType(props) && "className" in mergedProps && "className" in props) {
+          mergedProps.className = props.className;
+        }
+      }
+    }
+    if (!mergeEventHandler) {
+      for (const props of sortedByLevel) {
+        if (isObjectType(props)) {
+          for (const [propName, propValue] of Object.entries(props)) {
+            const isEventHandlerProp = /^on[A-Z]/.test(propName);
+            if (isEventHandlerProp) {
+              setProperty(mergedProps, propName, propValue);
+            }
+          }
+        }
+      }
+    }
+    if (mergeRefs$1) {
+      const refProps = Object.keys(mergedProps).filter(
+        (p) => p === "ref" || p.endsWith("Ref")
+      );
+      for (const refProp of refProps) {
+        const collectedRefObjects = sortedByLevel.map((p) => isObjectType(p) && refProp in p ? p[refProp] : null).filter((r) => r !== null);
+        setProperty(
+          mergedProps,
+          refProp,
+          mergeRefs(...collectedRefObjects)
+        );
+      }
+    }
+  }
+  return mergedProps;
 };
-//#endregion
-export { getPropsMerger };
 
-//# sourceMappingURL=getPropsMerger.mjs.map
+export { getPropsMerger };
+//# sourceMappingURL=getPropsMerger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"getPropsMerger.mjs","names":[],"sources":["../../../../../../../src/lib/react/getPropsMerger.ts"],"sourcesContent":["import { mergeRefs as mergeRefsFn } from \"@react-aria/utils\";\nimport { mergeProps as ariaMergeProps } from \"@react-aria/utils\";\nimport { isObjectType, sortBy } from \"remeda\";\nimport { setProperty } from \"dot-prop\";\nimport type { Ref } from \"react\";\nimport { getNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\n\ninterface MergePropsOptions {\n  mergeClassNames?: boolean;\n  mergeEventHandler?: boolean;\n  mergeRefs?: boolean;\n}\n\nexport const getPropsMerger =\n  (options: MergePropsOptions = {}): typeof ariaMergeProps =>\n  (...propsList) => {\n    const {\n      mergeClassNames = true,\n      mergeEventHandler = true,\n      mergeRefs = true,\n    } = options;\n\n    const sortedByLevel = sortBy(\n      propsList,\n      getNestingLevel,\n    ) as typeof propsList;\n\n    const mergedProps = ariaMergeProps(...sortedByLevel);\n\n    if (isObjectType(mergedProps)) {\n      if (!mergeClassNames) {\n        // \"Unmerge\" className\n        for (const props of sortedByLevel) {\n          if (\n            isObjectType(props) &&\n            \"className\" in mergedProps &&\n            \"className\" in props\n          ) {\n            mergedProps.className = props.className;\n          }\n        }\n      }\n\n      if (!mergeEventHandler) {\n        // \"Unmerge\" eventHandler\n        for (const props of sortedByLevel) {\n          if (isObjectType(props)) {\n            for (const [propName, propValue] of Object.entries(props)) {\n              const isEventHandlerProp = /^on[A-Z]/.test(propName);\n              if (isEventHandlerProp) {\n                setProperty(mergedProps, propName, propValue);\n              }\n            }\n          }\n        }\n      }\n\n      if (mergeRefs) {\n        const refProps = Object.keys(mergedProps).filter(\n          (p) => p === \"ref\" || p.endsWith(\"Ref\"),\n        );\n\n        for (const refProp of refProps) {\n          const collectedRefObjects = sortedByLevel\n            .map((p) => (isObjectType(p) && refProp in p ? p[refProp] : null))\n            .filter((r): r is Ref<unknown> => r !== null);\n\n          setProperty(\n            mergedProps,\n            refProp,\n            mergeRefsFn(...collectedRefObjects),\n          );\n        }\n      }\n    }\n\n    return mergedProps;\n  };\n"],"mappings":";;;;;AAaA,IAAa,kBACV,UAA6B,CAAC,OAC9B,GAAG,cAAc;CAChB,MAAM,EACJ,kBAAkB,MAClB,oBAAoB,MACpB,WAAA,cAAY,SACV;CAEJ,MAAM,gBAAgB,OACpB,WACA,eACF;CAEA,MAAM,cAAc,WAAe,GAAG,aAAa;CAEnD,IAAI,aAAa,WAAW,GAAG;EAC7B,IAAI,CAAC;QAEE,MAAM,SAAS,eAClB,IACE,aAAa,KAAK,KAClB,eAAe,eACf,eAAe,OAEf,YAAY,YAAY,MAAM;EAAA;EAKpC,IAAI,CAAC;QAEE,MAAM,SAAS,eAClB,IAAI,aAAa,KAAK;SACf,MAAM,CAAC,UAAU,cAAc,OAAO,QAAQ,KAAK,GAEtD,IAD2B,WAAW,KAAK,QACvC,GACF,YAAY,aAAa,UAAU,SAAS;GAAA;EAEhD;EAKN,IAAI,aAAW;GACb,MAAM,WAAW,OAAO,KAAK,WAAW,EAAE,QACvC,MAAM,MAAM,SAAS,EAAE,SAAS,KAAK,CACxC;GAEA,KAAK,MAAM,WAAW,UAKpB,YACE,aACA,SACA,UAAY,GAPc,cACzB,KAAK,MAAO,aAAa,CAAC,KAAK,WAAW,IAAI,EAAE,WAAW,IAAK,EAChE,QAAQ,MAAyB,MAAM,IAKzB,CAAmB,CACpC;EAEJ;CACF;CAEA,OAAO;AACT"}
+{"version":3,"file":"getPropsMerger.mjs","sources":["../../../../../../../src/lib/react/getPropsMerger.ts"],"sourcesContent":["import { mergeRefs as mergeRefsFn } from \"@react-aria/utils\";\nimport { mergeProps as ariaMergeProps } from \"@react-aria/utils\";\nimport { isObjectType, sortBy } from \"remeda\";\nimport { setProperty } from \"dot-prop\";\nimport type { Ref } from \"react\";\nimport { getNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\n\ninterface MergePropsOptions {\n  mergeClassNames?: boolean;\n  mergeEventHandler?: boolean;\n  mergeRefs?: boolean;\n}\n\nexport const getPropsMerger =\n  (options: MergePropsOptions = {}): typeof ariaMergeProps =>\n  (...propsList) => {\n    const {\n      mergeClassNames = true,\n      mergeEventHandler = true,\n      mergeRefs = true,\n    } = options;\n\n    const sortedByLevel = sortBy(\n      propsList,\n      getNestingLevel,\n    ) as typeof propsList;\n\n    const mergedProps = ariaMergeProps(...sortedByLevel);\n\n    if (isObjectType(mergedProps)) {\n      if (!mergeClassNames) {\n        // \"Unmerge\" className\n        for (const props of sortedByLevel) {\n          if (\n            isObjectType(props) &&\n            \"className\" in mergedProps &&\n            \"className\" in props\n          ) {\n            mergedProps.className = props.className;\n          }\n        }\n      }\n\n      if (!mergeEventHandler) {\n        // \"Unmerge\" eventHandler\n        for (const props of sortedByLevel) {\n          if (isObjectType(props)) {\n            for (const [propName, propValue] of Object.entries(props)) {\n              const isEventHandlerProp = /^on[A-Z]/.test(propName);\n              if (isEventHandlerProp) {\n                setProperty(mergedProps, propName, propValue);\n              }\n            }\n          }\n        }\n      }\n\n      if (mergeRefs) {\n        const refProps = Object.keys(mergedProps).filter(\n          (p) => p === \"ref\" || p.endsWith(\"Ref\"),\n        );\n\n        for (const refProp of refProps) {\n          const collectedRefObjects = sortedByLevel\n            .map((p) => (isObjectType(p) && refProp in p ? p[refProp] : null))\n            .filter((r): r is Ref<unknown> => r !== null);\n\n          setProperty(\n            mergedProps,\n            refProp,\n            mergeRefsFn(...collectedRefObjects),\n          );\n        }\n      }\n    }\n\n    return mergedProps;\n  };\n"],"names":["mergeRefs","ariaMergeProps","mergeRefsFn"],"mappings":";;;;;AAaO,MAAM,iBACX,CAAC,OAAA,GAA6B,EAAC,KAC/B,IAAI,SAAA,KAAc;AAChB,EAAA,MAAM;AAAA,IACJ,eAAA,GAAkB,IAAA;AAAA,IAClB,iBAAA,GAAoB,IAAA;AAAA,eACpBA,WAAA,GAAY;AAAA,GACd,GAAI,OAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,MAAA;AAAA,IACpB,SAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,WAAA,GAAcC,UAAA,CAAe,GAAG,aAAa,CAAA;AAEnD,EAAA,IAAI,YAAA,CAAa,WAAW,CAAA,EAAG;AAC7B,IAAA,IAAI,CAAC,eAAA,EAAiB;AAEpB,MAAA,KAAA,MAAW,SAAS,aAAA,EAAe;AACjC,QAAA,IACE,aAAa,KAAK,CAAA,IAClB,WAAA,IAAe,WAAA,IACf,eAAe,KAAA,EACf;AACA,UAAA,WAAA,CAAY,YAAY,KAAA,CAAM,SAAA;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,iBAAA,EAAmB;AAEtB,MAAA,KAAA,MAAW,SAAS,aAAA,EAAe;AACjC,QAAA,IAAI,YAAA,CAAa,KAAK,CAAA,EAAG;AACvB,UAAA,KAAA,MAAW,CAAC,QAAA,EAAU,SAAS,KAAK,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,EAAG;AACzD,YAAA,MAAM,kBAAA,GAAqB,UAAA,CAAW,IAAA,CAAK,QAAQ,CAAA;AACnD,YAAA,IAAI,kBAAA,EAAoB;AACtB,cAAA,WAAA,CAAY,WAAA,EAAa,UAAU,SAAS,CAAA;AAAA,YAC9C;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,IAAA,IAAID,WAAA,EAAW;AACb,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,IAAA,CAAK,WAAW,CAAA,CAAE,MAAA;AAAA,QACxC,CAAC,CAAA,KAAM,CAAA,KAAM,KAAA,IAAS,CAAA,CAAE,SAAS,KAAK;AAAA,OACxC;AAEA,MAAA,KAAA,MAAW,WAAW,QAAA,EAAU;AAC9B,QAAA,MAAM,sBAAsB,aAAA,CACzB,GAAA,CAAI,CAAC,CAAA,KAAO,YAAA,CAAa,CAAC,CAAA,IAAK,OAAA,IAAW,IAAI,CAAA,CAAE,OAAO,IAAI,IAAK,CAAA,CAChE,OAAO,CAAC,CAAA,KAAyB,MAAM,IAAI,CAAA;AAE9C,QAAA,WAAA;AAAA,UACE,WAAA;AAAA,UACA,OAAA;AAAA,UACAE,SAAA,CAAY,GAAG,mBAAmB;AAAA,SACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,WAAA;AACT;;;;"}

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

@@ -1,20 +1,21 @@
 "use client"
 /* */
-import { Children, isValidElement } from "react";
-import { isObjectType, isString } from "remeda";
-//#region src/lib/react/remote.ts
+import { isObjectType, isString } from 'remeda';
+import { Children, isValidElement } from 'react';
+
 function isRemoteComponentRendererProps(props) {
-	return isObjectType(props) && "element" in props && "components" in props && "receiver" in props;
+  return isObjectType(props) && "element" in props && "components" in props && "receiver" in props;
 }
-var extractTextFromFirstChild = (children) => {
-	if (Children.count(children) !== 1) return;
-	const firstChild = Children.toArray(children)[0];
-	return typeof firstChild === "string" ? firstChild : isValidElement(firstChild) && isRemoteTextRenderProps(firstChild.props) ? firstChild.props.remote.data : void 0;
+const extractTextFromFirstChild = (children) => {
+  if (Children.count(children) !== 1) {
+    return void 0;
+  }
+  const firstChild = Children.toArray(children)[0];
+  return typeof firstChild === "string" ? firstChild : isValidElement(firstChild) && isRemoteTextRenderProps(firstChild.props) ? firstChild.props.remote.data : void 0;
 };
 function isRemoteTextRenderProps(props) {
-	return isObjectType(props) && "remote" in props && isObjectType(props.remote) && "data" in props.remote && isString(props.remote.data);
+  return isObjectType(props) && "remote" in props && isObjectType(props.remote) && "data" in props.remote && isString(props.remote.data);
 }
-//#endregion
-export { extractTextFromFirstChild, isRemoteComponentRendererProps };
 
-//# sourceMappingURL=remote.mjs.map
+export { extractTextFromFirstChild, isRemoteComponentRendererProps, isRemoteTextRenderProps };
+//# sourceMappingURL=remote.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"remote.mjs","names":[],"sources":["../../../../../../../src/lib/react/remote.ts"],"sourcesContent":["import type {\n  RemoteComponentRendererProps,\n  RemoteTextRendererProps,\n} from \"@mittwald/remote-dom-react/host\";\nimport { isObjectType, isString } from \"remeda\";\nimport { Children, isValidElement, type ReactNode } from \"react\";\n\nexport function isRemoteComponentRendererProps(\n  props: unknown,\n): props is RemoteComponentRendererProps {\n  return (\n    isObjectType(props) &&\n    \"element\" in props &&\n    \"components\" in props &&\n    \"receiver\" in props\n  );\n}\n\nexport const extractTextFromFirstChild = (children: ReactNode) => {\n  if (Children.count(children) !== 1) {\n    return undefined;\n  }\n\n  const firstChild = Children.toArray(children)[0];\n\n  return typeof firstChild === \"string\"\n    ? firstChild\n    : isValidElement(firstChild) && isRemoteTextRenderProps(firstChild.props)\n      ? firstChild.props.remote.data\n      : undefined;\n};\n\nexport function isRemoteTextRenderProps(\n  props: unknown,\n): props is RemoteTextRendererProps {\n  return (\n    isObjectType(props) &&\n    \"remote\" in props &&\n    isObjectType(props.remote) &&\n    \"data\" in props.remote &&\n    isString(props.remote.data)\n  );\n}\n"],"mappings":";;;AAOA,SAAgB,+BACd,OACuC;CACvC,OACE,aAAa,KAAK,KAClB,aAAa,SACb,gBAAgB,SAChB,cAAc;AAElB;AAEA,IAAa,6BAA6B,aAAwB;CAChE,IAAI,SAAS,MAAM,QAAQ,MAAM,GAC/B;CAGF,MAAM,aAAa,SAAS,QAAQ,QAAQ,EAAE;CAE9C,OAAO,OAAO,eAAe,WACzB,aACA,eAAe,UAAU,KAAK,wBAAwB,WAAW,KAAK,IACpE,WAAW,MAAM,OAAO,OACxB,KAAA;AACR;AAEA,SAAgB,wBACd,OACkC;CAClC,OACE,aAAa,KAAK,KAClB,YAAY,SACZ,aAAa,MAAM,MAAM,KACzB,UAAU,MAAM,UAChB,SAAS,MAAM,OAAO,IAAI;AAE9B"}
+{"version":3,"file":"remote.mjs","sources":["../../../../../../../src/lib/react/remote.ts"],"sourcesContent":["import type {\n  RemoteComponentRendererProps,\n  RemoteTextRendererProps,\n} from \"@mittwald/remote-dom-react/host\";\nimport { isObjectType, isString } from \"remeda\";\nimport { Children, isValidElement, type ReactNode } from \"react\";\n\nexport function isRemoteComponentRendererProps(\n  props: unknown,\n): props is RemoteComponentRendererProps {\n  return (\n    isObjectType(props) &&\n    \"element\" in props &&\n    \"components\" in props &&\n    \"receiver\" in props\n  );\n}\n\nexport const extractTextFromFirstChild = (children: ReactNode) => {\n  if (Children.count(children) !== 1) {\n    return undefined;\n  }\n\n  const firstChild = Children.toArray(children)[0];\n\n  return typeof firstChild === \"string\"\n    ? firstChild\n    : isValidElement(firstChild) && isRemoteTextRenderProps(firstChild.props)\n      ? firstChild.props.remote.data\n      : undefined;\n};\n\nexport function isRemoteTextRenderProps(\n  props: unknown,\n): props is RemoteTextRendererProps {\n  return (\n    isObjectType(props) &&\n    \"remote\" in props &&\n    isObjectType(props.remote) &&\n    \"data\" in props.remote &&\n    isString(props.remote.data)\n  );\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,+BACd,KAAA,EACuC;AACvC,EAAA,OACE,aAAa,KAAK,CAAA,IAClB,aAAa,KAAA,IACb,YAAA,IAAgB,SAChB,UAAA,IAAc,KAAA;AAElB;AAEO,MAAM,yBAAA,GAA4B,CAAC,QAAA,KAAwB;AAChE,EAAA,IAAI,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,KAAM,CAAA,EAAG;AAClC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,UAAA,GAAa,QAAA,CAAS,OAAA,CAAQ,QAAQ,EAAE,CAAC,CAAA;AAE/C,EAAA,OAAO,OAAO,UAAA,KAAe,QAAA,GACzB,UAAA,GACA,eAAe,UAAU,CAAA,IAAK,uBAAA,CAAwB,UAAA,CAAW,KAAK,CAAA,GACpE,UAAA,CAAW,KAAA,CAAM,OAAO,IAAA,GACxB,MAAA;AACR;AAEO,SAAS,wBACd,KAAA,EACkC;AAClC,EAAA,OACE,YAAA,CAAa,KAAK,CAAA,IAClB,QAAA,IAAY,SACZ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA,IACzB,UAAU,KAAA,CAAM,MAAA,IAChB,QAAA,CAAS,KAAA,CAAM,OAAO,IAAI,CAAA;AAE9B;;;;"}

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

@@ -1,10 +1,9 @@
 "use client"
 /* */
-import { createCascade } from "context";
-//#region src/lib/remote/eventHandlerContext.ts
-var eventHandlerContext = createCascade();
-var getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;
-//#endregion
-export { eventHandlerContext, getRemoteEvent };
+import { createCascade } from 'context';
+
+const eventHandlerContext = createCascade();
+const getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;
 
-//# sourceMappingURL=eventHandlerContext.mjs.map
+export { eventHandlerContext, getRemoteEvent };
+//# sourceMappingURL=eventHandlerContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"eventHandlerContext.mjs","names":[],"sources":["../../../../../../../src/lib/remote/eventHandlerContext.ts"],"sourcesContent":["import { createCascade } from \"context\";\n\nexport interface EventHandlerContext {\n  remoteEvent?: {\n    type: string;\n  };\n  [key: string]: unknown;\n}\n\nexport const eventHandlerContext = createCascade<EventHandlerContext>();\n\nexport const getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;\n"],"mappings":";;AASA,IAAa,sBAAsB,cAAmC;AAEtE,IAAa,uBAAuB,oBAAoB,IAAI,GAAG"}
+{"version":3,"file":"eventHandlerContext.mjs","sources":["../../../../../../../src/lib/remote/eventHandlerContext.ts"],"sourcesContent":["import { createCascade } from \"context\";\n\nexport interface EventHandlerContext {\n  remoteEvent?: {\n    type: string;\n  };\n  [key: string]: unknown;\n}\n\nexport const eventHandlerContext = createCascade<EventHandlerContext>();\n\nexport const getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;\n"],"names":[],"mappings":";;AASO,MAAM,sBAAsB,aAAA;AAE5B,MAAM,cAAA,GAAiB,MAAM,mBAAA,CAAoB,GAAA,EAAI,EAAG;;;;"}

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

@@ -1,34 +1,31 @@
 "use client"
 /* */
-import "./useControlledRemoteValueProps.mjs";
-import { useLayoutEffect, useState } from "react";
-//#region 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
-* values are marked by the `controlledRemoteValueMarker`.
-*
-* This hook is noly necessary for text inputs. If not use the controlled input
-* value may be corrupted by interleaved host inputs and remote events.
-*/
-var useControlledHostValueProps = (props) => {
-	const { value: valueFromProps, onChange: onChangeFromProps, defaultValue } = props;
-	const regularValue = valueFromProps === "___flowControlledRemoteValue___" ? void 0 : valueFromProps;
-	const [value, setValue] = useState(regularValue ?? defaultValue);
-	useLayoutEffect(() => {
-		if (regularValue !== void 0) setValue(regularValue);
-	}, [valueFromProps]);
-	const onChange = (v) => {
-		setValue(v);
-		onChangeFromProps?.(v);
-	};
-	return {
-		...props,
-		value,
-		onChange
-	};
+import { useState, useLayoutEffect } from 'react';
+import { controlledRemoteValueMarker } from './useControlledRemoteValueProps.mjs';
+
+const useControlledHostValueProps = (props) => {
+  const {
+    value: valueFromProps,
+    onChange: onChangeFromProps,
+    defaultValue
+  } = props;
+  const regularValue = valueFromProps === controlledRemoteValueMarker ? void 0 : valueFromProps;
+  const [value, setValue] = useState(regularValue ?? defaultValue);
+  useLayoutEffect(() => {
+    if (regularValue !== void 0) {
+      setValue(regularValue);
+    }
+  }, [valueFromProps]);
+  const onChange = (v) => {
+    setValue(v);
+    onChangeFromProps?.(v);
+  };
+  return {
+    ...props,
+    value,
+    onChange
+  };
 };
-//#endregion
-export { useControlledHostValueProps };
 
-//# sourceMappingURL=useControlledHostValueProps.mjs.map
+export { useControlledHostValueProps };
+//# sourceMappingURL=useControlledHostValueProps.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useControlledHostValueProps.mjs","names":[],"sources":["../../../../../../../src/lib/remote/useControlledHostValueProps.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { controlledRemoteValueMarker } from \"./useControlledRemoteValueProps\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\n/**\n * Returns props with controlled value handling for remote components. It works\n * by omitting values resulting from a remotely executed event handler. These\n * values are marked by the `controlledRemoteValueMarker`.\n *\n * This hook is noly necessary for text inputs. If not use the controlled input\n * value may be corrupted by interleaved host inputs and remote events.\n */\nexport const useControlledHostValueProps = <T, P>(props: FieldProps<T, P>) => {\n  const {\n    value: valueFromProps,\n    onChange: onChangeFromProps,\n    defaultValue,\n  } = props;\n\n  const regularValue =\n    valueFromProps === controlledRemoteValueMarker ? undefined : valueFromProps;\n\n  const [value, setValue] = useState(regularValue ?? defaultValue);\n\n  useLayoutEffect(() => {\n    if (regularValue !== undefined) {\n      setValue(regularValue);\n    }\n  }, [valueFromProps]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const onChange = (v: any) => {\n    setValue(v);\n    onChangeFromProps?.(v);\n  };\n\n  return {\n    ...props,\n    value,\n    onChange,\n  };\n};\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,+BAAqC,UAA4B;CAC5E,MAAM,EACJ,OAAO,gBACP,UAAU,mBACV,iBACE;CAEJ,MAAM,eACJ,mBAAA,oCAAiD,KAAA,IAAY;CAE/D,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,YAAY;CAE/D,sBAAsB;EACpB,IAAI,iBAAiB,KAAA,GACnB,SAAS,YAAY;CAEzB,GAAG,CAAC,cAAc,CAAC;CAGnB,MAAM,YAAY,MAAW;EAC3B,SAAS,CAAC;EACV,oBAAoB,CAAC;CACvB;CAEA,OAAO;EACL,GAAG;EACH;EACA;CACF;AACF"}
+{"version":3,"file":"useControlledHostValueProps.mjs","sources":["../../../../../../../src/lib/remote/useControlledHostValueProps.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { controlledRemoteValueMarker } from \"./useControlledRemoteValueProps\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\n/**\n * Returns props with controlled value handling for remote components. It works\n * by omitting values resulting from a remotely executed event handler. These\n * values are marked by the `controlledRemoteValueMarker`.\n *\n * This hook is noly necessary for text inputs. If not use the controlled input\n * value may be corrupted by interleaved host inputs and remote events.\n */\nexport const useControlledHostValueProps = <T, P>(props: FieldProps<T, P>) => {\n  const {\n    value: valueFromProps,\n    onChange: onChangeFromProps,\n    defaultValue,\n  } = props;\n\n  const regularValue =\n    valueFromProps === controlledRemoteValueMarker ? undefined : valueFromProps;\n\n  const [value, setValue] = useState(regularValue ?? defaultValue);\n\n  useLayoutEffect(() => {\n    if (regularValue !== undefined) {\n      setValue(regularValue);\n    }\n  }, [valueFromProps]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const onChange = (v: any) => {\n    setValue(v);\n    onChangeFromProps?.(v);\n  };\n\n  return {\n    ...props,\n    value,\n    onChange,\n  };\n};\n"],"names":[],"mappings":";;;AAYO,MAAM,2BAAA,GAA8B,CAAO,KAAA,KAA4B;AAC5E,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,QAAA,EAAU,iBAAA;AAAA,IACV;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAA,GACJ,cAAA,KAAmB,2BAAA,GAA8B,MAAA,GAAY,cAAA;AAE/D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAAS,gBAAgB,YAAY,CAAA;AAE/D,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,iBAAiB,MAAA,EAAW;AAC9B,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAGnB,EAAA,MAAM,QAAA,GAAW,CAAC,CAAA,KAAW;AAC3B,IAAA,QAAA,CAAS,CAAC,CAAA;AACV,IAAA,iBAAA,GAAoB,CAAC,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,GAAG,KAAA;AAAA,IACH,KAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1,24 +1,20 @@
 "use client"
 /* */
-import { getRemoteEvent } from "./eventHandlerContext.mjs";
-import { useRef } from "react";
-//#region src/lib/remote/useControlledRemoteValueProps.ts
-var unknownRemoteEventValue = Symbol("unknownRemoteEventValue");
-var controlledRemoteValueMarker = "___flowControlledRemoteValue___";
-var useControlledRemoteValueProps = (props) => {
-	const valueOfRemoteEvent = useRef(unknownRemoteEventValue);
-	const onChange = (value) => {
-		valueOfRemoteEvent.current = getRemoteEvent() ? value : unknownRemoteEventValue;
-		props.onChange?.(value);
-	};
-	const value = valueOfRemoteEvent.current === props.value ? controlledRemoteValueMarker : props.value;
-	return {
-		...props,
-		onChange,
-		value
-	};
+import { useRef } from 'react';
+import { getRemoteEvent } from './eventHandlerContext.mjs';
+
+const unknownRemoteEventValue = /* @__PURE__ */ Symbol("unknownRemoteEventValue");
+const controlledRemoteValueMarker = "___flowControlledRemoteValue___";
+const useControlledRemoteValueProps = (props) => {
+  const valueOfRemoteEvent = useRef(unknownRemoteEventValue);
+  const onChange = (value2) => {
+    const remoteEvent = getRemoteEvent();
+    valueOfRemoteEvent.current = remoteEvent ? value2 : unknownRemoteEventValue;
+    props.onChange?.(value2);
+  };
+  const value = valueOfRemoteEvent.current === props.value ? controlledRemoteValueMarker : props.value;
+  return { ...props, onChange, value };
 };
-//#endregion
-export { controlledRemoteValueMarker, useControlledRemoteValueProps };
 
-//# sourceMappingURL=useControlledRemoteValueProps.mjs.map
+export { controlledRemoteValueMarker, useControlledRemoteValueProps };
+//# sourceMappingURL=useControlledRemoteValueProps.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useControlledRemoteValueProps.mjs","names":[],"sources":["../../../../../../../src/lib/remote/useControlledRemoteValueProps.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { getRemoteEvent } from \"./eventHandlerContext\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\nconst unknownRemoteEventValue = Symbol(\"unknownRemoteEventValue\");\n\nexport const controlledRemoteValueMarker = \"___flowControlledRemoteValue___\";\n\nexport const useControlledRemoteValueProps = <T, P>(\n  props: FieldProps<T, P>,\n) => {\n  const valueOfRemoteEvent = useRef<unknown>(unknownRemoteEventValue);\n\n  const onChange = (value: T) => {\n    const remoteEvent = getRemoteEvent();\n    valueOfRemoteEvent.current = remoteEvent ? value : unknownRemoteEventValue;\n    props.onChange?.(value);\n  };\n\n  const value =\n    valueOfRemoteEvent.current === props.value\n      ? controlledRemoteValueMarker\n      : props.value;\n\n  return { ...props, onChange, value };\n};\n"],"mappings":";;;AAIA,IAAM,0BAA0B,OAAO,yBAAyB;AAEhE,IAAa,8BAA8B;AAE3C,IAAa,iCACX,UACG;CACH,MAAM,qBAAqB,OAAgB,uBAAuB;CAElE,MAAM,YAAY,UAAa;EAE7B,mBAAmB,UADC,eACS,IAAc,QAAQ;EACnD,MAAM,WAAW,KAAK;CACxB;CAEA,MAAM,QACJ,mBAAmB,YAAY,MAAM,QACjC,8BACA,MAAM;CAEZ,OAAO;EAAE,GAAG;EAAO;EAAU;CAAM;AACrC"}
+{"version":3,"file":"useControlledRemoteValueProps.mjs","sources":["../../../../../../../src/lib/remote/useControlledRemoteValueProps.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { getRemoteEvent } from \"./eventHandlerContext\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\nconst unknownRemoteEventValue = Symbol(\"unknownRemoteEventValue\");\n\nexport const controlledRemoteValueMarker = \"___flowControlledRemoteValue___\";\n\nexport const useControlledRemoteValueProps = <T, P>(\n  props: FieldProps<T, P>,\n) => {\n  const valueOfRemoteEvent = useRef<unknown>(unknownRemoteEventValue);\n\n  const onChange = (value: T) => {\n    const remoteEvent = getRemoteEvent();\n    valueOfRemoteEvent.current = remoteEvent ? value : unknownRemoteEventValue;\n    props.onChange?.(value);\n  };\n\n  const value =\n    valueOfRemoteEvent.current === props.value\n      ? controlledRemoteValueMarker\n      : props.value;\n\n  return { ...props, onChange, value };\n};\n"],"names":["value"],"mappings":";;;AAIA,MAAM,uBAAA,0BAAiC,yBAAyB,CAAA;AAEzD,MAAM,2BAAA,GAA8B;AAEpC,MAAM,6BAAA,GAAgC,CAC3C,KAAA,KACG;AACH,EAAA,MAAM,kBAAA,GAAqB,OAAgB,uBAAuB,CAAA;AAElE,EAAA,MAAM,QAAA,GAAW,CAACA,MAAAA,KAAa;AAC7B,IAAA,MAAM,cAAc,cAAA,EAAe;AACnC,IAAA,kBAAA,CAAmB,OAAA,GAAU,cAAcA,MAAAA,GAAQ,uBAAA;AACnD,IAAA,KAAA,CAAM,WAAWA,MAAK,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,QACJ,kBAAA,CAAmB,OAAA,KAAY,KAAA,CAAM,KAAA,GACjC,8BACA,KAAA,CAAM,KAAA;AAEZ,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,QAAA,EAAU,KAAA,EAAM;AACrC;;;;"}

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

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

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

@@ -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;CAQtC,OAAO,oBAAC,UAAD;EAAU,OAAO;GAJtB,GAHoB,eAGjB;IACF,YAAY;EAGS;EAAgB;CAAmB,CAAA;AAC7D,CAAC;AACD,oBAAoB,cAAc"}
+{"version":3,"file":"SlotContextProvider.mjs","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"],"names":[],"mappings":";;;;AAUA,MAAM,QAAA,GAAW,IAAA,CAAK,WAAA,CAAY,QAAQ,CAAA;AAC1C,QAAA,CAAS,WAAA,GAAc,0BAAA;AAEhB,MAAM,mBAAA,GAAiC,IAAA,CAAK,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,QAAA,EAAS,GAAI,KAAA;AACtC,EAAA,MAAM,gBAAgB,cAAA,EAAe;AAErC,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,aAAA;AAAA,IACH,CAAC,SAAS,GAAG;AAAA,GACf;AAEA,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,aAAA,EAAgB,QAAA,EAAS,CAAA;AACnD,CAAC;AACD,mBAAA,CAAoB,WAAA,GAAc,qBAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"slotContext.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/slotContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SlotContext } from \"@/lib/slotContext/types\";\n\nexport const slotContext = createContext<SlotContext>({});\n\nexport const useSlotContext = (): SlotContext => useContext(slotContext);\n"],"mappings":";;AAGA,IAAa,cAAc,cAA2B,CAAC,CAAC;AAExD,IAAa,uBAAoC,WAAW,WAAW"}
+{"version":3,"file":"slotContext.mjs","sources":["../../../../../../../src/lib/slotContext/slotContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SlotContext } from \"@/lib/slotContext/types\";\n\nexport const slotContext = createContext<SlotContext>({});\n\nexport const useSlotContext = (): SlotContext => useContext(slotContext);\n"],"names":[],"mappings":";;AAGO,MAAM,WAAA,GAAc,aAAA,CAA2B,EAAE;AAEjD,MAAM,cAAA,GAAiB,MAAmB,UAAA,CAAW,WAAW;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useContextSlot.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/useContextSlot.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\nimport { useSlotContext } from \"@/lib/slotContext/slotContext\";\n\nexport const useContextSlot = (\n  component: FlowComponentName,\n): string | undefined => useSlotContext()[component];\n\nexport default useContextSlot;\n"],"mappings":";;AAGA,IAAa,kBACX,cACuB,eAAe,EAAE"}
+{"version":3,"file":"useContextSlot.mjs","sources":["../../../../../../../src/lib/slotContext/useContextSlot.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\nimport { useSlotContext } from \"@/lib/slotContext/slotContext\";\n\nexport const useContextSlot = (\n  component: FlowComponentName,\n): string | undefined => useSlotContext()[component];\n\nexport default useContextSlot;\n"],"names":[],"mappings":";;AAGO,MAAM,cAAA,GAAiB,CAC5B,SAAA,KACuB,cAAA,GAAiB,SAAS;;;;"}

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

@@ -1,17 +1,12 @@
 "use client"
 /* */
-import { themeHtmlAttribute } from "../lib/keys.mjs";
-import { jsx } from "react/jsx-runtime";
-//#region src/lib/theming/components/ThemedHtml.tsx
-var ThemedHtml = (props) => {
-	const { theme, ...rest } = props;
-	return /* @__PURE__ */ jsx("html", {
-		[themeHtmlAttribute]: theme,
-		...rest,
-		children: props.children
-	});
+import { jsx } from 'react/jsx-runtime';
+import { themeHtmlAttribute } from '../lib/keys.mjs';
+
+const ThemedHtml = (props) => {
+  const { theme, ...rest } = props;
+  return /* @__PURE__ */ jsx("html", { ...{ [themeHtmlAttribute]: theme }, ...rest, children: props.children });
 };
-//#endregion
-export { ThemedHtml };
 
-//# sourceMappingURL=ThemedHtml.mjs.map
+export { ThemedHtml };
+//# sourceMappingURL=ThemedHtml.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemedHtml.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/components/ThemedHtml.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from \"react\";\nimport type { Theme } from \"../types\";\nimport { themeHtmlAttribute } from \"../lib/keys\";\n\ninterface Props extends HTMLAttributes<HTMLHtmlElement> {\n  theme: Theme;\n}\n\nexport const ThemedHtml: FC<Props> = (props) => {\n  const { theme, ...rest } = props;\n\n  return (\n    <html {...{ [themeHtmlAttribute]: theme }} {...rest}>\n      {props.children}\n    </html>\n  );\n};\n"],"mappings":";;;AAQA,IAAa,cAAyB,UAAU;CAC9C,MAAM,EAAE,OAAO,GAAG,SAAS;CAE3B,OACE,oBAAC,QAAD;GAAa,qBAAqB;EAAS,GAAI;YAC5C,MAAM;CACH,CAAA;AAEV"}
+{"version":3,"file":"ThemedHtml.mjs","sources":["../../../../../../../../src/lib/theming/components/ThemedHtml.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from \"react\";\nimport type { Theme } from \"../types\";\nimport { themeHtmlAttribute } from \"../lib/keys\";\n\ninterface Props extends HTMLAttributes<HTMLHtmlElement> {\n  theme: Theme;\n}\n\nexport const ThemedHtml: FC<Props> = (props) => {\n  const { theme, ...rest } = props;\n\n  return (\n    <html {...{ [themeHtmlAttribute]: theme }} {...rest}>\n      {props.children}\n    </html>\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,UAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAO,GAAG,IAAA,EAAK,GAAI,KAAA;AAE3B,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,EAAE,CAAC,kBAAkB,GAAG,KAAA,EAAM,EAAI,GAAG,IAAA,EAC5C,QAAA,EAAA,KAAA,CAAM,QAAA,EACT,CAAA;AAEJ;;;;"}

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

@@ -1,13 +1,13 @@
 "use client"
 /* */
-import { useResolvedTheme } from "./useResolvedTheme.mjs";
-import all_light_default from "../../../../../design-tokens/dist/json/all-light.mjs";
-import all_dark_default from "../../../../../design-tokens/dist/json/all-dark.mjs";
-//#region src/lib/theming/hooks/useDesignTokens.ts
-var useDesignTokens = () => {
-	return useResolvedTheme() === "light" ? all_light_default : all_dark_default;
+import tokens from '../../../../../design-tokens/dist/json/all-light.json.mjs';
+import darkTokens from '../../../../../design-tokens/dist/json/all-dark.json.mjs';
+import { useResolvedTheme } from './useResolvedTheme.mjs';
+
+const useDesignTokens = () => {
+  const theme = useResolvedTheme();
+  return theme === "light" ? tokens : darkTokens;
 };
-//#endregion
-export { useDesignTokens };
 
-//# sourceMappingURL=useDesignTokens.mjs.map
+export { useDesignTokens };
+//# sourceMappingURL=useDesignTokens.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDesignTokens.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n  const theme = useResolvedTheme();\n  return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"mappings":";;;;AAIA,IAAa,wBAAwB;CAEnC,OADc,iBACP,MAAU,UAAU,oBAAc;AAC3C"}
+{"version":3,"file":"useDesignTokens.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n  const theme = useResolvedTheme();\n  return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"names":["lightTokens"],"mappings":";;;;AAIO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,QAAQ,gBAAA,EAAiB;AAC/B,EAAA,OAAO,KAAA,KAAU,UAAUA,MAAA,GAAc,UAAA;AAC3C;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useResolvedTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { useSystemTheme } from \"./useSystemTheme\";\nimport { useTheme } from \"./useTheme\";\n\nexport const useResolvedTheme = (): ResolvedTheme => {\n  const theme = useTheme();\n  const systemTheme = useSystemTheme();\n  return theme === \"system\" ? systemTheme : theme;\n};\n"],"mappings":";;;AAIA,IAAa,yBAAwC;CACnD,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,eAAe;CACnC,OAAO,UAAU,WAAW,cAAc;AAC5C"}
+{"version":3,"file":"useResolvedTheme.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { useSystemTheme } from \"./useSystemTheme\";\nimport { useTheme } from \"./useTheme\";\n\nexport const useResolvedTheme = (): ResolvedTheme => {\n  const theme = useTheme();\n  const systemTheme = useSystemTheme();\n  return theme === \"system\" ? systemTheme : theme;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,MAAqB;AACnD,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,cAAc,cAAA,EAAe;AACnC,EAAA,OAAO,KAAA,KAAU,WAAW,WAAA,GAAc,KAAA;AAC5C;;;;"}

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

@@ -1,17 +1,19 @@
 "use client"
 /* */
-import { ColorSchemeMediaQuery } from "../lib/ColorSchemeMediaQuery.mjs";
-import { useEffect, useState } from "react";
-//#region src/lib/theming/hooks/useSystemTheme.ts
-var useSystemTheme = () => {
-	const { preferred } = ColorSchemeMediaQuery.getPreference();
-	const [systemTheme, setSystemTheme] = useState(preferred);
-	useEffect(() => ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {
-		setSystemTheme(newPreferred.preferred);
-	}), []);
-	return systemTheme;
+import { useState, useEffect } from 'react';
+import { ColorSchemeMediaQuery } from '../lib/ColorSchemeMediaQuery.mjs';
+
+const useSystemTheme = () => {
+  const { preferred } = ColorSchemeMediaQuery.getPreference();
+  const [systemTheme, setSystemTheme] = useState(preferred);
+  useEffect(
+    () => ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {
+      setSystemTheme(newPreferred.preferred);
+    }),
+    []
+  );
+  return systemTheme;
 };
-//#endregion
-export { useSystemTheme };
 
-//# sourceMappingURL=useSystemTheme.mjs.map
+export { useSystemTheme };
+//# sourceMappingURL=useSystemTheme.mjs.map