@mittwald/flow-react-components 0.2.0-alpha.782 → 0.2.0-alpha.784

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,EAAE,MAC/B,GAAG,cAAc;CAChB,MAAM,EACJ,kBAAkB,MAClB,oBAAoB,MACpB,WAAA,cAAY,SACV;CAEJ,MAAM,gBAAgB,OACpB,WACA,gBACD;CAED,MAAM,cAAc,WAAe,GAAG,cAAc;AAEpD,KAAI,aAAa,YAAY,EAAE;AAC7B,MAAI,CAAC;QAEE,MAAM,SAAS,cAClB,KACE,aAAa,MAAM,IACnB,eAAe,eACf,eAAe,MAEf,aAAY,YAAY,MAAM;;AAKpC,MAAI,CAAC;QAEE,MAAM,SAAS,cAClB,KAAI,aAAa,MAAM;SAChB,MAAM,CAAC,UAAU,cAAc,OAAO,QAAQ,MAAM,CAEvD,KAD2B,WAAW,KAAK,SAAS,CAElD,aAAY,aAAa,UAAU,UAAU;;;AAOvD,MAAI,aAAW;GACb,MAAM,WAAW,OAAO,KAAK,YAAY,CAAC,QACvC,MAAM,MAAM,SAAS,EAAE,SAAS,MAAM,CACxC;AAED,QAAK,MAAM,WAAW,SAKpB,aACE,aACA,SACA,UAAY,GAPc,cACzB,KAAK,MAAO,aAAa,EAAE,IAAI,WAAW,IAAI,EAAE,WAAW,KAAM,CACjE,QAAQ,MAAyB,MAAM,KAAK,CAKV,CACpC;;;AAKP,QAAO"}
+{"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;AACvC,QACE,aAAa,MAAM,IACnB,aAAa,SACb,gBAAgB,SAChB,cAAc;;AAIlB,IAAa,6BAA6B,aAAwB;AAChE,KAAI,SAAS,MAAM,SAAS,KAAK,EAC/B;CAGF,MAAM,aAAa,SAAS,QAAQ,SAAS,CAAC;AAE9C,QAAO,OAAO,eAAe,WACzB,aACA,eAAe,WAAW,IAAI,wBAAwB,WAAW,MAAM,GACrE,WAAW,MAAM,OAAO,OACxB,KAAA;;AAGR,SAAgB,wBACd,OACkC;AAClC,QACE,aAAa,MAAM,IACnB,YAAY,SACZ,aAAa,MAAM,OAAO,IAC1B,UAAU,MAAM,UAChB,SAAS,MAAM,OAAO,KAAK"}
+{"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,eAAoC;AAEvE,IAAa,uBAAuB,oBAAoB,KAAK,EAAE"}
+{"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,aAAa;AAEhE,uBAAsB;AACpB,MAAI,iBAAiB,KAAA,EACnB,UAAS,aAAa;IAEvB,CAAC,eAAe,CAAC;CAGpB,MAAM,YAAY,MAAW;AAC3B,WAAS,EAAE;AACX,sBAAoB,EAAE;;AAGxB,QAAO;EACL,GAAG;EACH;EACA;EACD"}
+{"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,0BAA0B;AAEjE,IAAa,8BAA8B;AAE3C,IAAa,iCACX,UACG;CACH,MAAM,qBAAqB,OAAgB,wBAAwB;CAEnE,MAAM,YAAY,UAAa;AAE7B,qBAAmB,UADC,gBAAgB,GACO,QAAQ;AACnD,QAAM,WAAW,MAAM;;CAGzB,MAAM,QACJ,mBAAmB,YAAY,MAAM,QACjC,8BACA,MAAM;AAEZ,QAAO;EAAE,GAAG;EAAO;EAAU;EAAO"}
+{"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,SAAS;AAC3C,SAAS,cAAc;AAEvB,IAAa,sBAAiC,MAAM,UAAU;CAC5D,MAAM,EAAE,MAAM,WAAW,aAAa;AAQtC,QAAO,oBAAC,UAAD;EAAU,OALK;GACpB,GAHoB,gBAAgB;IAInC,YAAY;GACd;EAEuC;EAAoB,CAAA;EAC5D;AACF,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,EAAE,CAAC;AAEzD,IAAa,uBAAoC,WAAW,YAAY"}
+{"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,gBAAgB,CAAC"}
+{"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/timer/Timer.mjs

@@ -1,59 +1,67 @@
 "use client"
 /* */
-import { DateTime, Duration } from "luxon";
-//#region src/lib/timer/Timer.ts
-var Timer = class {
-	duration = Duration.fromDurationLike(0);
-	onDone;
-	startedAt;
-	pausedAt;
-	runningTimeoutId;
-	start(duration, onDone) {
-		if (this.startedAt) throw new Error("Timer already started");
-		this.duration = Duration.fromDurationLike(duration);
-		this.onDone = onDone;
-		this.startTimeout(this.duration);
-	}
-	restart() {
-		this.stop();
-		this.startTimeout(this.duration);
-	}
-	pause() {
-		this.clearTimeout();
-		const now = DateTime.now();
-		this.pausedAt = now;
-		if (!this.startedAt) this.startedAt = now;
-	}
-	resume() {
-		if (!this.startedAt) throw new Error("Timer not paused");
-		else if (this.pausedAt) {
-			const elapsed = this.pausedAt.diff(this.startedAt);
-			const remainingDuration = this.duration.minus(elapsed);
-			this.startTimeout(remainingDuration);
-		}
-	}
-	stop() {
-		this.clearTimeout();
-		this.startedAt = void 0;
-		this.pausedAt = void 0;
-	}
-	get state() {
-		return this.pausedAt ? "paused" : this.startedAt ? "running" : "idle";
-	}
-	clearTimeout() {
-		if (this.runningTimeoutId) window.clearTimeout(this.runningTimeoutId);
-		this.runningTimeoutId = void 0;
-	}
-	startTimeout(duration) {
-		this.startedAt = DateTime.now();
-		this.pausedAt = void 0;
-		this.runningTimeoutId = window.setTimeout(() => {
-			this.stop();
-			if (this.onDone) this.onDone();
-		}, duration.toMillis());
-	}
-};
-//#endregion
-export { Timer as default };
+import { Duration, DateTime } from 'luxon';
 
-//# sourceMappingURL=Timer.mjs.map
+class Timer {
+  duration = Duration.fromDurationLike(0);
+  onDone;
+  startedAt;
+  pausedAt;
+  runningTimeoutId;
+  start(duration, onDone) {
+    if (this.startedAt) {
+      throw new Error("Timer already started");
+    }
+    this.duration = Duration.fromDurationLike(duration);
+    this.onDone = onDone;
+    this.startTimeout(this.duration);
+  }
+  restart() {
+    this.stop();
+    this.startTimeout(this.duration);
+  }
+  pause() {
+    this.clearTimeout();
+    const now = DateTime.now();
+    this.pausedAt = now;
+    if (!this.startedAt) {
+      this.startedAt = now;
+    }
+  }
+  resume() {
+    if (!this.startedAt) {
+      throw new Error("Timer not paused");
+    } else if (this.pausedAt) {
+      const elapsed = this.pausedAt.diff(this.startedAt);
+      const remainingDuration = this.duration.minus(elapsed);
+      this.startTimeout(remainingDuration);
+    }
+  }
+  stop() {
+    this.clearTimeout();
+    this.startedAt = void 0;
+    this.pausedAt = void 0;
+  }
+  get state() {
+    return this.pausedAt ? "paused" : this.startedAt ? "running" : "idle";
+  }
+  clearTimeout() {
+    if (this.runningTimeoutId) {
+      window.clearTimeout(this.runningTimeoutId);
+    }
+    this.runningTimeoutId = void 0;
+  }
+  startTimeout(duration) {
+    this.startedAt = DateTime.now();
+    this.pausedAt = void 0;
+    this.runningTimeoutId = window.setTimeout(() => {
+      this.stop();
+      if (this.onDone) {
+        this.onDone();
+      }
+    }, duration.toMillis());
+  }
+}
+
+export { Timer, Timer as default };
+//# sourceMappingURL=Timer.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Timer.mjs","names":[],"sources":["../../../../../../../src/lib/timer/Timer.ts"],"sourcesContent":["import type { DurationLike } from \"luxon\";\nimport { DateTime, Duration } from \"luxon\";\n\nexport class Timer {\n  private duration: Duration = Duration.fromDurationLike(0);\n  private onDone: (() => void) | undefined;\n\n  private startedAt?: DateTime;\n  private pausedAt?: DateTime;\n  private runningTimeoutId?: number;\n\n  public start(duration: DurationLike, onDone?: () => void): void {\n    if (this.startedAt) {\n      throw new Error(\"Timer already started\");\n    }\n\n    this.duration = Duration.fromDurationLike(duration);\n    this.onDone = onDone;\n    this.startTimeout(this.duration);\n  }\n\n  public restart(): void {\n    this.stop();\n    this.startTimeout(this.duration);\n  }\n\n  public pause(): void {\n    this.clearTimeout();\n    const now = DateTime.now();\n    this.pausedAt = now;\n    if (!this.startedAt) {\n      this.startedAt = now;\n    }\n  }\n\n  public resume(): void {\n    if (!this.startedAt) {\n      throw new Error(\"Timer not paused\");\n    } else if (this.pausedAt) {\n      const elapsed = this.pausedAt.diff(this.startedAt);\n      const remainingDuration = this.duration.minus(elapsed);\n      this.startTimeout(remainingDuration);\n    }\n  }\n\n  public stop(): void {\n    this.clearTimeout();\n    this.startedAt = undefined;\n    this.pausedAt = undefined;\n  }\n\n  public get state(): \"idle\" | \"running\" | \"paused\" {\n    return this.pausedAt ? \"paused\" : this.startedAt ? \"running\" : \"idle\";\n  }\n\n  private clearTimeout(): void {\n    if (this.runningTimeoutId) {\n      window.clearTimeout(this.runningTimeoutId);\n    }\n    this.runningTimeoutId = undefined;\n  }\n\n  private startTimeout(duration: Duration): void {\n    this.startedAt = DateTime.now();\n    this.pausedAt = undefined;\n    this.runningTimeoutId = window.setTimeout(() => {\n      this.stop();\n      if (this.onDone) {\n        this.onDone();\n      }\n    }, duration.toMillis());\n  }\n}\n\nexport default Timer;\n"],"mappings":";;AAGA,IAAa,QAAb,MAAmB;CACjB,WAA6B,SAAS,iBAAiB,EAAE;CACzD;CAEA;CACA;CACA;CAEA,MAAa,UAAwB,QAA2B;AAC9D,MAAI,KAAK,UACP,OAAM,IAAI,MAAM,wBAAwB;AAG1C,OAAK,WAAW,SAAS,iBAAiB,SAAS;AACnD,OAAK,SAAS;AACd,OAAK,aAAa,KAAK,SAAS;;CAGlC,UAAuB;AACrB,OAAK,MAAM;AACX,OAAK,aAAa,KAAK,SAAS;;CAGlC,QAAqB;AACnB,OAAK,cAAc;EACnB,MAAM,MAAM,SAAS,KAAK;AAC1B,OAAK,WAAW;AAChB,MAAI,CAAC,KAAK,UACR,MAAK,YAAY;;CAIrB,SAAsB;AACpB,MAAI,CAAC,KAAK,UACR,OAAM,IAAI,MAAM,mBAAmB;WAC1B,KAAK,UAAU;GACxB,MAAM,UAAU,KAAK,SAAS,KAAK,KAAK,UAAU;GAClD,MAAM,oBAAoB,KAAK,SAAS,MAAM,QAAQ;AACtD,QAAK,aAAa,kBAAkB;;;CAIxC,OAAoB;AAClB,OAAK,cAAc;AACnB,OAAK,YAAY,KAAA;AACjB,OAAK,WAAW,KAAA;;CAGlB,IAAW,QAAuC;AAChD,SAAO,KAAK,WAAW,WAAW,KAAK,YAAY,YAAY;;CAGjE,eAA6B;AAC3B,MAAI,KAAK,iBACP,QAAO,aAAa,KAAK,iBAAiB;AAE5C,OAAK,mBAAmB,KAAA;;CAG1B,aAAqB,UAA0B;AAC7C,OAAK,YAAY,SAAS,KAAK;AAC/B,OAAK,WAAW,KAAA;AAChB,OAAK,mBAAmB,OAAO,iBAAiB;AAC9C,QAAK,MAAM;AACX,OAAI,KAAK,OACP,MAAK,QAAQ;KAEd,SAAS,UAAU,CAAC"}
+{"version":3,"file":"Timer.mjs","sources":["../../../../../../../src/lib/timer/Timer.ts"],"sourcesContent":["import type { DurationLike } from \"luxon\";\nimport { DateTime, Duration } from \"luxon\";\n\nexport class Timer {\n  private duration: Duration = Duration.fromDurationLike(0);\n  private onDone: (() => void) | undefined;\n\n  private startedAt?: DateTime;\n  private pausedAt?: DateTime;\n  private runningTimeoutId?: number;\n\n  public start(duration: DurationLike, onDone?: () => void): void {\n    if (this.startedAt) {\n      throw new Error(\"Timer already started\");\n    }\n\n    this.duration = Duration.fromDurationLike(duration);\n    this.onDone = onDone;\n    this.startTimeout(this.duration);\n  }\n\n  public restart(): void {\n    this.stop();\n    this.startTimeout(this.duration);\n  }\n\n  public pause(): void {\n    this.clearTimeout();\n    const now = DateTime.now();\n    this.pausedAt = now;\n    if (!this.startedAt) {\n      this.startedAt = now;\n    }\n  }\n\n  public resume(): void {\n    if (!this.startedAt) {\n      throw new Error(\"Timer not paused\");\n    } else if (this.pausedAt) {\n      const elapsed = this.pausedAt.diff(this.startedAt);\n      const remainingDuration = this.duration.minus(elapsed);\n      this.startTimeout(remainingDuration);\n    }\n  }\n\n  public stop(): void {\n    this.clearTimeout();\n    this.startedAt = undefined;\n    this.pausedAt = undefined;\n  }\n\n  public get state(): \"idle\" | \"running\" | \"paused\" {\n    return this.pausedAt ? \"paused\" : this.startedAt ? \"running\" : \"idle\";\n  }\n\n  private clearTimeout(): void {\n    if (this.runningTimeoutId) {\n      window.clearTimeout(this.runningTimeoutId);\n    }\n    this.runningTimeoutId = undefined;\n  }\n\n  private startTimeout(duration: Duration): void {\n    this.startedAt = DateTime.now();\n    this.pausedAt = undefined;\n    this.runningTimeoutId = window.setTimeout(() => {\n      this.stop();\n      if (this.onDone) {\n        this.onDone();\n      }\n    }, duration.toMillis());\n  }\n}\n\nexport default Timer;\n"],"names":[],"mappings":";;AAGO,MAAM,KAAA,CAAM;AAAA,EACT,QAAA,GAAqB,QAAA,CAAS,gBAAA,CAAiB,CAAC,CAAA;AAAA,EAChD,MAAA;AAAA,EAEA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EAED,KAAA,CAAM,UAAwB,MAAA,EAA2B;AAC9D,IAAA,IAAI,KAAK,SAAA,EAAW;AAClB,MAAA,MAAM,IAAI,MAAM,uBAAuB,CAAA;AAAA,IACzC;AAEA,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA,CAAS,gBAAA,CAAiB,QAAQ,CAAA;AAClD,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,YAAA,CAAa,KAAK,QAAQ,CAAA;AAAA,EACjC;AAAA,EAEO,OAAA,GAAgB;AACrB,IAAA,IAAA,CAAK,IAAA,EAAK;AACV,IAAA,IAAA,CAAK,YAAA,CAAa,KAAK,QAAQ,CAAA;AAAA,EACjC;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,YAAA,EAAa;AAClB,IAAA,MAAM,GAAA,GAAM,SAAS,GAAA,EAAI;AACzB,IAAA,IAAA,CAAK,QAAA,GAAW,GAAA;AAChB,IAAA,IAAI,CAAC,KAAK,SAAA,EAAW;AACnB,MAAA,IAAA,CAAK,SAAA,GAAY,GAAA;AAAA,IACnB;AAAA,EACF;AAAA,EAEO,MAAA,GAAe;AACpB,IAAA,IAAI,CAAC,KAAK,SAAA,EAAW;AACnB,MAAA,MAAM,IAAI,MAAM,kBAAkB,CAAA;AAAA,IACpC,CAAA,MAAA,IAAW,KAAK,QAAA,EAAU;AACxB,MAAA,MAAM,OAAA,GAAU,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,KAAK,SAAS,CAAA;AACjD,MAAA,MAAM,iBAAA,GAAoB,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,OAAO,CAAA;AACrD,MAAA,IAAA,CAAK,aAAa,iBAAiB,CAAA;AAAA,IACrC;AAAA,EACF;AAAA,EAEO,IAAA,GAAa;AAClB,IAAA,IAAA,CAAK,YAAA,EAAa;AAClB,IAAA,IAAA,CAAK,SAAA,GAAY,MAAA;AACjB,IAAA,IAAA,CAAK,QAAA,GAAW,MAAA;AAAA,EAClB;AAAA,EAEA,IAAW,KAAA,GAAuC;AAChD,IAAA,OAAO,IAAA,CAAK,QAAA,GAAW,QAAA,GAAW,IAAA,CAAK,YAAY,SAAA,GAAY,MAAA;AAAA,EACjE;AAAA,EAEQ,YAAA,GAAqB;AAC3B,IAAA,IAAI,KAAK,gBAAA,EAAkB;AACzB,MAAA,MAAA,CAAO,YAAA,CAAa,KAAK,gBAAgB,CAAA;AAAA,IAC3C;AACA,IAAA,IAAA,CAAK,gBAAA,GAAmB,MAAA;AAAA,EAC1B;AAAA,EAEQ,aAAa,QAAA,EAA0B;AAC7C,IAAA,IAAA,CAAK,SAAA,GAAY,SAAS,GAAA,EAAI;AAC9B,IAAA,IAAA,CAAK,QAAA,GAAW,MAAA;AAChB,IAAA,IAAA,CAAK,gBAAA,GAAmB,MAAA,CAAO,UAAA,CAAW,MAAM;AAC9C,MAAA,IAAA,CAAK,IAAA,EAAK;AACV,MAAA,IAAI,KAAK,MAAA,EAAQ;AACf,QAAA,IAAA,CAAK,MAAA,EAAO;AAAA,MACd;AAAA,IACF,CAAA,EAAG,QAAA,CAAS,QAAA,EAAU,CAAA;AAAA,EACxB;AACF;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CategoricalColors.mjs","names":[],"sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport const categoricalColors = Object.keys(\n  tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor | (string & {});\n"],"mappings":";;AAEA,IAAa,oBAAoB,OAAO,KACtC,kBAAO,MAAM,YACd"}
+{"version":3,"file":"CategoricalColors.mjs","sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport const categoricalColors = Object.keys(\n  tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor | (string & {});\n"],"names":[],"mappings":";;AAEO,MAAM,oBAAoB,MAAA,CAAO,IAAA;AAAA,EACtC,OAAO,KAAA,CAAM;AACf;;;;"}