@mittwald/flow-react-components 0.2.0-alpha.60 → 0.2.0-alpha.601

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

@@ -0,0 +1,23 @@
+"use client"
+/* */
+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 (ignoredError) {
+    if ("value" in element) {
+      element.value = value;
+      element.dispatchEvent(event);
+    } else {
+      throw Error("could not emit value update for element");
+    }
+  }
+};
+
+export { emitElementValueChange };
+//# sourceMappingURL=emitElementValueChange.mjs.map

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

@@ -0,0 +1 @@
+{"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 (ignoredError) {\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\");\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,YAAA,EAAc;AACrB,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,MAAM,yCAAyC,CAAA;AAAA,IACvD;AAAA,EACF;AACF;;;;"}

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

@@ -0,0 +1,57 @@
+"use client"
+/* */
+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;
+};
+
+export { getPropsMerger };
+//# sourceMappingURL=getPropsMerger.mjs.map

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

@@ -0,0 +1 @@
+{"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/components/src/lib/react/remote.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+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;
+}
+const extractTextFromFirstChild = (children) => {
+  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);
+}
+
+export { extractTextFromFirstChild, isRemoteComponentRendererProps, isRemoteTextRenderProps };
+//# sourceMappingURL=remote.mjs.map

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

@@ -0,0 +1 @@
+{"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  const firstChild = Children.toArray(children)[0];\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,MAAM,UAAA,GAAa,QAAA,CAAS,OAAA,CAAQ,QAAQ,EAAE,CAAC,CAAA;AAC/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/components/src/lib/remote/eventHandlerContext.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { createCascade } from 'context';
+
+const eventHandlerContext = createCascade();
+const getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;
+
+export { eventHandlerContext, getRemoteEvent };
+//# sourceMappingURL=eventHandlerContext.mjs.map

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

@@ -0,0 +1 @@
+{"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/components/src/lib/remote/useControlledHostValueProps.mjs

@@ -0,0 +1,31 @@
+"use client"
+/* */
+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
+  };
+};
+
+export { useControlledHostValueProps };
+//# sourceMappingURL=useControlledHostValueProps.mjs.map

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

@@ -0,0 +1 @@
+{"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/components/src/lib/remote/useControlledRemoteValueProps.mjs

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { useRef } from 'react';
+import { getRemoteEvent } from './eventHandlerContext.mjs';
+
+const unknownRemoteEventValue = 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 };
+};
+
+export { controlledRemoteValueMarker, useControlledRemoteValueProps };
+//# sourceMappingURL=useControlledRemoteValueProps.mjs.map

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

@@ -0,0 +1 @@
+{"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,GAA0B,OAAO,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/components/src/lib/slotContext/SlotContextProvider.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { slotContext, useSlotContext } from './slotContext.mjs';
+
+const Provider = memo(slotContext.Provider);
+Provider.displayName = "SlotContextProviderInner";
+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";
+
+export { SlotContextProvider, SlotContextProvider as default };
+//# sourceMappingURL=SlotContextProvider.mjs.map

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

@@ -0,0 +1 @@
+{"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/components/src/lib/slotContext/slotContext.mjs.map

@@ -0,0 +1 @@
+{"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/components/src/lib/slotContext/useContextSlot.mjs.map

@@ -0,0 +1 @@
+{"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/components/src/lib/timer/Timer.mjs.map

@@ -0,0 +1 @@
+{"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/components/src/lib/tokens/getCategoricalColorByIndex.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+const getCategoricalColorByIndex = (index) => {
+  switch (index) {
+    case 0:
+      return "sea-green";
+    case 1:
+      return "palatinate-blue";
+    case 2:
+      return "tangerine";
+    case 3:
+      return "magenta";
+    case 4:
+      return "tropical-indigo";
+    case 5:
+      return "malachite";
+    case 6:
+      return "azure";
+    case 7:
+      return "violet";
+    case 8:
+      return "yellow";
+    case 9:
+      return "alloy-orange";
+    case 10:
+      return "green";
+    default:
+      return "lime";
+  }
+};
+
+export { getCategoricalColorByIndex };
+//# sourceMappingURL=getCategoricalColorByIndex.mjs.map

package/dist/js/components/src/lib/tokens/getCategoricalColorByIndex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCategoricalColorByIndex.mjs","sources":["../../../../../../src/lib/tokens/getCategoricalColorByIndex.tsx"],"sourcesContent":["export const getCategoricalColorByIndex = (index: number) => {\n  switch (index) {\n    case 0:\n      return \"sea-green\";\n    case 1:\n      return \"palatinate-blue\";\n    case 2:\n      return \"tangerine\";\n    case 3:\n      return \"magenta\";\n    case 4:\n      return \"tropical-indigo\";\n    case 5:\n      return \"malachite\";\n    case 6:\n      return \"azure\";\n    case 7:\n      return \"violet\";\n    case 8:\n      return \"yellow\";\n    case 9:\n      return \"alloy-orange\";\n    case 10:\n      return \"green\";\n    default:\n      return \"lime\";\n  }\n};\n"],"names":[],"mappings":"AAAO,MAAM,0BAAA,GAA6B,CAAC,KAAA,KAAkB;AAC3D,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,CAAA;AACH,MAAA,OAAO,WAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,iBAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,WAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,iBAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,WAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,OAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT,KAAK,CAAA;AACH,MAAA,OAAO,cAAA;AAAA,IACT,KAAK,EAAA;AACH,MAAA,OAAO,OAAA;AAAA,IACT;AACE,MAAA,OAAO,MAAA;AAAA;AAEb;;;;"}

package/dist/js/components/src/lib/viewComponentContext/ViewComponentContextProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewComponentContextProvider.mjs","sources":["../../../../../../src/lib/viewComponentContext/ViewComponentContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useMemo } from \"react\";\nimport React from \"react\";\nimport { useContext } from \"react\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\ninterface Props extends PropsWithChildren {\n  components: Partial<FlowViewComponents>;\n}\n\nexport const ViewComponentContextProvider: FC<Props> = (props) => {\n  const { children, components } = props;\n\n  const parentContext = useContext(viewComponentContext);\n\n  const mergedContext = useMemo(\n    () => ({\n      ...parentContext,\n      ...components,\n    }),\n    [parentContext, components],\n  );\n\n  return (\n    <viewComponentContext.Provider value={mergedContext}>\n      {children}\n    </viewComponentContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,4BAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAW,GAAI,KAAA;AAEjC,EAAA,MAAM,aAAA,GAAgB,WAAW,oBAAoB,CAAA;AAErD,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,OAAO;AAAA,MACL,GAAG,aAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,eAAe,UAAU;AAAA,GAC5B;AAEA,EAAA,2BACG,oBAAA,CAAqB,QAAA,EAArB,EAA8B,KAAA,EAAO,eACnC,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/components/src/lib/viewComponentContext/viewComponentContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewComponentContext.mjs","sources":["../../../../../../src/lib/viewComponentContext/viewComponentContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const viewComponentContext = createContext<Partial<FlowViewComponents>>(\n  {},\n);\n"],"names":[],"mappings":";;AAEO,MAAM,oBAAA,GAAuB,aAAA;AAAA,EAClC;AACF;;;;"}

package/dist/js/components/src/views/AvatarView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Avatar } from '../components/Avatar/Avatar.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const AvatarView = memo((props) => {
+  const View = useContext(viewComponentContext)["Avatar"] ?? Avatar;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+AvatarView.displayName = "AvatarView";
+
+export { AvatarView as default };
+//# sourceMappingURL=AvatarView.mjs.map

package/dist/js/components/src/views/AvatarView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarView.mjs","sources":["../../../../../src/views/AvatarView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Avatar, type AvatarProps } from \"@/components/Avatar/Avatar\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst AvatarView: FC<AvatarProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Avatar\"] ?? Avatar;\n  return <View {...props} />;\n});\nAvatarView.displayName = \"AvatarView\";\n\nexport default AvatarView;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,UAAA,GAA8B,IAAA,CAAK,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,QAAQ,CAAA,IAAK,MAAA;AAC3D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/js/components/src/views/BadgeView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Badge } from '../components/Badge/Badge.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const BadgeView = memo((props) => {
+  const View = useContext(viewComponentContext)["Badge"] ?? Badge;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+BadgeView.displayName = "BadgeView";
+
+export { BadgeView as default };
+//# sourceMappingURL=BadgeView.mjs.map

package/dist/js/components/src/views/BadgeView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeView.mjs","sources":["../../../../../src/views/BadgeView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Badge, type BadgeProps } from \"@/components/Badge/Badge\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst BadgeView: FC<BadgeProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Badge\"] ?? Badge;\n  return <View {...props} />;\n});\nBadgeView.displayName = \"BadgeView\";\n\nexport default BadgeView;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,SAAA,GAA4B,IAAA,CAAK,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,OAAO,CAAA,IAAK,KAAA;AAC1D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/js/components/src/views/ButtonView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Button } from '../components/Button/Button.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ButtonView = memo((props) => {
+  const View = useContext(viewComponentContext)["Button"] ?? Button;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ButtonView.displayName = "ButtonView";
+
+export { ButtonView as default };
+//# sourceMappingURL=ButtonView.mjs.map

package/dist/js/components/src/views/ButtonView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonView.mjs","sources":["../../../../../src/views/ButtonView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button/Button\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ButtonView: FC<ButtonProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Button\"] ?? Button;\n  return <View {...props} />;\n});\nButtonView.displayName = \"ButtonView\";\n\nexport default ButtonView;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,UAAA,GAA8B,IAAA,CAAK,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,QAAQ,CAAA,IAAK,MAAA;AAC3D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/js/components/src/views/ClearPropsContextView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { ClearPropsContext } from '../lib/propsContext/components/ClearPropsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ClearPropsContextView = memo((props) => {
+  const View = useContext(viewComponentContext)["ClearPropsContext"] ?? ClearPropsContext;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ClearPropsContextView.displayName = "ClearPropsContextView";
+
+export { ClearPropsContextView as default };
+//# sourceMappingURL=ClearPropsContextView.mjs.map

package/dist/js/components/src/views/ClearPropsContextView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContextView.mjs","sources":["../../../../../src/views/ClearPropsContextView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ClearPropsContext,\n  type ClearPropsContextProps,\n} from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ClearPropsContextView: FC<ClearPropsContextProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ClearPropsContext\"] ?? ClearPropsContext;\n  return <View {...props} />;\n});\nClearPropsContextView.displayName = \"ClearPropsContextView\";\n\nexport default ClearPropsContextView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,qBAAA,GAAoD,IAAA,CAAK,CAAC,KAAA,KAAU;AACxE,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,mBAAmB,CAAA,IAAK,iBAAA;AAC3D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,qBAAA,CAAsB,WAAA,GAAc,uBAAA;;;;"}

package/dist/js/components/src/views/ContextMenuContentView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { ContextMenuContent } from '../components/ContextMenu/components/ContextMenuContent/ContextMenuContent.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ContextMenuContentView = memo((props) => {
+  const View = useContext(viewComponentContext)["ContextMenuContent"] ?? ContextMenuContent;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ContextMenuContentView.displayName = "ContextMenuContentView";
+
+export { ContextMenuContentView as default };
+//# sourceMappingURL=ContextMenuContentView.mjs.map

package/dist/js/components/src/views/ContextMenuContentView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContentView.mjs","sources":["../../../../../src/views/ContextMenuContentView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenuContent,\n  type ContextMenuContentProps,\n} from \"@/components/ContextMenu/components/ContextMenuContent/ContextMenuContent\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuContentView: FC<ContextMenuContentProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuContent\"] ??\n    ContextMenuContent;\n  return <View {...props} />;\n});\nContextMenuContentView.displayName = \"ContextMenuContentView\";\n\nexport default ContextMenuContentView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAA,GAAsD,IAAA,CAAK,CAAC,KAAA,KAAU;AAC1E,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CAAA,IACrD,kBAAA;AACF,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,sBAAA,CAAuB,WAAA,GAAc,wBAAA;;;;"}

package/dist/js/components/src/views/ContextMenuSectionView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { ContextMenuSection } from '../components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ContextMenuSectionView = memo((props) => {
+  const View = useContext(viewComponentContext)["ContextMenuSection"] ?? ContextMenuSection;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ContextMenuSectionView.displayName = "ContextMenuSectionView";
+
+export { ContextMenuSectionView as default };
+//# sourceMappingURL=ContextMenuSectionView.mjs.map

package/dist/js/components/src/views/ContextMenuSectionView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSectionView.mjs","sources":["../../../../../src/views/ContextMenuSectionView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenuSection,\n  type ContextMenuSectionProps,\n} from \"@/components/ContextMenu/components/ContextMenuSection/ContextMenuSection\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuSectionView: FC<ContextMenuSectionProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuSection\"] ??\n    ContextMenuSection;\n  return <View {...props} />;\n});\nContextMenuSectionView.displayName = \"ContextMenuSectionView\";\n\nexport default ContextMenuSectionView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAA,GAAsD,IAAA,CAAK,CAAC,KAAA,KAAU;AAC1E,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CAAA,IACrD,kBAAA;AACF,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,sBAAA,CAAuB,WAAA,GAAc,wBAAA;;;;"}

package/dist/js/components/src/views/ContextMenuTriggerView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { ContextMenuTrigger } from '../components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ContextMenuTriggerView = memo((props) => {
+  const View = useContext(viewComponentContext)["ContextMenuTrigger"] ?? ContextMenuTrigger;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ContextMenuTriggerView.displayName = "ContextMenuTriggerView";
+
+export { ContextMenuTriggerView as default };
+//# sourceMappingURL=ContextMenuTriggerView.mjs.map

package/dist/js/components/src/views/ContextMenuTriggerView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTriggerView.mjs","sources":["../../../../../src/views/ContextMenuTriggerView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenuTrigger,\n  type ContextMenuTriggerProps,\n} from \"@/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuTriggerView: FC<ContextMenuTriggerProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuTrigger\"] ??\n    ContextMenuTrigger;\n  return <View {...props} />;\n});\nContextMenuTriggerView.displayName = \"ContextMenuTriggerView\";\n\nexport default ContextMenuTriggerView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAA,GAAsD,IAAA,CAAK,CAAC,KAAA,KAAU;AAC1E,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CAAA,IACrD,kBAAA;AACF,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,sBAAA,CAAuB,WAAA,GAAc,wBAAA;;;;"}

package/dist/js/components/src/views/ContextMenuView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { ContextMenu } from '../components/ContextMenu/ContextMenu.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ContextMenuView = memo((props) => {
+  const View = useContext(viewComponentContext)["ContextMenu"] ?? ContextMenu;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ContextMenuView.displayName = "ContextMenuView";
+
+export { ContextMenuView as default };
+//# sourceMappingURL=ContextMenuView.mjs.map

package/dist/js/components/src/views/ContextMenuView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuView.mjs","sources":["../../../../../src/views/ContextMenuView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenu,\n  type ContextMenuProps,\n} from \"@/components/ContextMenu/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuView: FC<ContextMenuProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"ContextMenu\"] ?? ContextMenu;\n  return <View {...props} />;\n});\nContextMenuView.displayName = \"ContextMenuView\";\n\nexport default ContextMenuView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,eAAA,GAAwC,IAAA,CAAK,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,aAAa,CAAA,IAAK,WAAA;AAChE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/js/components/src/views/DialogTriggerView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { DialogTrigger } from '../components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const DialogTriggerView = memo((props) => {
+  const View = useContext(viewComponentContext)["DialogTrigger"] ?? DialogTrigger;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+DialogTriggerView.displayName = "DialogTriggerView";
+
+export { DialogTriggerView as default };
+//# sourceMappingURL=DialogTriggerView.mjs.map

package/dist/js/components/src/views/DialogTriggerView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTriggerView.mjs","sources":["../../../../../src/views/DialogTriggerView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  DialogTrigger,\n  type DialogTriggerProps,\n} from \"@/components/OverlayTrigger/components/DialogTrigger/DialogTrigger\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst DialogTriggerView: FC<DialogTriggerProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"DialogTrigger\"] ?? DialogTrigger;\n  return <View {...props} />;\n});\nDialogTriggerView.displayName = \"DialogTriggerView\";\n\nexport default DialogTriggerView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,iBAAA,GAA4C,IAAA,CAAK,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,eAAe,CAAA,IAAK,aAAA;AACvD,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/js/components/src/views/DivView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Div } from '../components/Div/Div.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const DivView = memo((props) => {
+  const View = useContext(viewComponentContext)["Div"] ?? Div;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+DivView.displayName = "DivView";
+
+export { DivView as default };
+//# sourceMappingURL=DivView.mjs.map

package/dist/js/components/src/views/DivView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivView.mjs","sources":["../../../../../src/views/DivView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Div, type DivProps } from \"@/components/Div/Div\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst DivView: FC<DivProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Div\"] ?? Div;\n  return <View {...props} />;\n});\nDivView.displayName = \"DivView\";\n\nexport default DivView;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,OAAA,GAAwB,IAAA,CAAK,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,KAAK,CAAA,IAAK,GAAA;AACxD,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/dist/js/components/src/views/FieldErrorView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { FieldError } from '../components/FieldError/FieldError.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const FieldErrorView = memo((props) => {
+  const View = useContext(viewComponentContext)["FieldError"] ?? FieldError;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+FieldErrorView.displayName = "FieldErrorView";
+
+export { FieldErrorView as default };
+//# sourceMappingURL=FieldErrorView.mjs.map

package/dist/js/components/src/views/FieldErrorView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldErrorView.mjs","sources":["../../../../../src/views/FieldErrorView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  FieldError,\n  type FieldErrorProps,\n} from \"@/components/FieldError/FieldError\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst FieldErrorView: FC<FieldErrorProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"FieldError\"] ?? FieldError;\n  return <View {...props} />;\n});\nFieldErrorView.displayName = \"FieldErrorView\";\n\nexport default FieldErrorView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,cAAA,GAAsC,IAAA,CAAK,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,YAAY,CAAA,IAAK,UAAA;AAC/D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}

package/dist/js/components/src/views/FlexView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Flex } from '../components/Flex/Flex.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const FlexView = memo((props) => {
+  const View = useContext(viewComponentContext)["Flex"] ?? Flex;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+FlexView.displayName = "FlexView";
+
+export { FlexView as default };
+//# sourceMappingURL=FlexView.mjs.map

package/dist/js/components/src/views/FlexView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexView.mjs","sources":["../../../../../src/views/FlexView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Flex, type FlexProps } from \"@/components/Flex/Flex\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst FlexView: FC<FlexProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Flex\"] ?? Flex;\n  return <View {...props} />;\n});\nFlexView.displayName = \"FlexView\";\n\nexport default FlexView;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,QAAA,GAA0B,IAAA,CAAK,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,MAAM,CAAA,IAAK,IAAA;AACzD,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/js/components/src/views/HeadingView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Heading } from '../components/Heading/Heading.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const HeadingView = memo((props) => {
+  const View = useContext(viewComponentContext)["Heading"] ?? Heading;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+HeadingView.displayName = "HeadingView";
+
+export { HeadingView as default };
+//# sourceMappingURL=HeadingView.mjs.map

package/dist/js/components/src/views/HeadingView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingView.mjs","sources":["../../../../../src/views/HeadingView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Heading, type HeadingProps } from \"@/components/Heading/Heading\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst HeadingView: FC<HeadingProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Heading\"] ?? Heading;\n  return <View {...props} />;\n});\nHeadingView.displayName = \"HeadingView\";\n\nexport default HeadingView;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,WAAA,GAAgC,IAAA,CAAK,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,SAAS,CAAA,IAAK,OAAA;AAC5D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}

package/dist/js/components/src/views/IconView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { Icon } from '../components/Icon/Icon.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const IconView = memo((props) => {
+  const View = useContext(viewComponentContext)["Icon"] ?? Icon;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+IconView.displayName = "IconView";
+
+export { IconView as default };
+//# sourceMappingURL=IconView.mjs.map