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

package/dist/js/packages/components/src/components/NotificationProvider/NotificationContainer/NotificationContainer.mjs

@@ -1,55 +1,43 @@
 "use client"
 /* */
-import NotificationContainer_module_default from "./NotificationContainer.module.mjs";
-import ControlledNotification from "../ControlledNotification.mjs";
-import { useNotificationController } from "../NotificationProvider.mjs";
-import clsx from "clsx";
-import { Suspense } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useIsSSR } from "react-aria";
-import ReactDOM from "react-dom";
-import { AnimatePresence, LazyMotion, MotionConfig, domAnimation, m } from "framer-motion";
-//#region src/components/NotificationProvider/NotificationContainer/NotificationContainer.tsx
-var NotificationContainer = (props) => {
-	const { className, ...rest } = props;
-	const controller = useNotificationController();
-	const notifications = controller.useNotifications();
-	const isSsr = useIsSSR();
-	const content = /* @__PURE__ */ jsx(MotionConfig, {
-		reducedMotion: "user",
-		children: /* @__PURE__ */ jsx(LazyMotion, {
-			features: domAnimation,
-			children: /* @__PURE__ */ jsx("div", {
-				className: clsx(NotificationContainer_module_default.notificationContainer, className),
-				...rest,
-				children: /* @__PURE__ */ jsx(AnimatePresence, { children: notifications.map((n) => /* @__PURE__ */ jsx(m.div, {
-					className: NotificationContainer_module_default.notification,
-					initial: {
-						opacity: 0,
-						x: 200
-					},
-					animate: {
-						opacity: 1,
-						x: 0
-					},
-					exit: {
-						opacity: 0,
-						x: 200,
-						height: 0,
-						paddingBottom: 0
-					},
-					transition: { bounce: 0 },
-					children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ControlledNotification, {
-						notification: n,
-						controller
-					}) })
-				}, n.meta.id)) })
-			})
-		})
-	});
-	return isSsr ? null : ReactDOM.createPortal(content, document.body);
+import { jsx } from 'react/jsx-runtime';
+import { Suspense } from 'react';
+import ReactDOM from 'react-dom';
+import clsx from 'clsx';
+import styles from './NotificationContainer.module.scss.mjs';
+import { ControlledNotification } from '../ControlledNotification.mjs';
+import { MotionConfig, LazyMotion, domAnimation, AnimatePresence, m } from 'framer-motion';
+import { useIsSSR } from 'react-aria';
+import { useNotificationController } from '../NotificationProvider.mjs';
+
+const NotificationContainer = (props) => {
+  const { className, ...rest } = props;
+  const controller = useNotificationController();
+  const notifications = controller.useNotifications();
+  const isSsr = useIsSSR();
+  const rootClassName = clsx(styles.notificationContainer, className);
+  const content = /* @__PURE__ */ jsx(MotionConfig, { reducedMotion: "user", children: /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx("div", { className: rootClassName, ...rest, children: /* @__PURE__ */ jsx(AnimatePresence, { children: notifications.map((n) => /* @__PURE__ */ jsx(
+    m.div,
+    {
+      className: styles.notification,
+      initial: { opacity: 0, x: 200 },
+      animate: { opacity: 1, x: 0 },
+      exit: { opacity: 0, x: 200, height: 0, paddingBottom: 0 },
+      transition: {
+        bounce: 0
+      },
+      children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(
+        ControlledNotification,
+        {
+          notification: n,
+          controller
+        }
+      ) })
+    },
+    n.meta.id
+  )) }) }) }) });
+  return isSsr ? null : ReactDOM.createPortal(content, document.body);
 };
-//#endregion
-export { NotificationContainer as default };
 
-//# sourceMappingURL=NotificationContainer.mjs.map
+export { NotificationContainer };
+//# sourceMappingURL=NotificationContainer.mjs.map

package/dist/js/packages/components/src/components/NotificationProvider/NotificationContainer/NotificationContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContainer.mjs","names":[],"sources":["../../../../../../../../src/components/NotificationProvider/NotificationContainer/NotificationContainer.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport { Suspense } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport clsx from \"clsx\";\nimport styles from \"./NotificationContainer.module.scss\";\nimport ControlledNotification from \"@/components/NotificationProvider/ControlledNotification\";\nimport {\n  AnimatePresence,\n  domAnimation,\n  LazyMotion,\n  m,\n  MotionConfig,\n} from \"framer-motion\";\nimport { useIsSSR } from \"react-aria\";\nimport { useNotificationController } from \"@/components/NotificationProvider/NotificationProvider\";\n\nexport type NotificationsContainerProps = ComponentProps<\"div\">;\n\nexport const NotificationContainer: FC<NotificationsContainerProps> = (\n  props,\n) => {\n  const { className, ...rest } = props;\n\n  const controller = useNotificationController();\n  const notifications = controller.useNotifications();\n  const isSsr = useIsSSR();\n\n  const rootClassName = clsx(styles.notificationContainer, className);\n\n  const content = (\n    <MotionConfig reducedMotion=\"user\">\n      <LazyMotion features={domAnimation}>\n        <div className={rootClassName} {...rest}>\n          <AnimatePresence>\n            {notifications.map((n) => (\n              <m.div\n                className={styles.notification}\n                key={n.meta.id}\n                initial={{ opacity: 0, x: 200 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: 200, height: 0, paddingBottom: 0 }}\n                transition={{\n                  bounce: 0,\n                }}\n              >\n                <Suspense>\n                  <ControlledNotification\n                    notification={n}\n                    controller={controller}\n                  />\n                </Suspense>\n              </m.div>\n            ))}\n          </AnimatePresence>\n        </div>\n      </LazyMotion>\n    </MotionConfig>\n  );\n\n  return isSsr ? null : ReactDOM.createPortal(content, document.body);\n};\n\nexport default NotificationContainer;\n"],"mappings":";;;;;;;;;;AAkBA,IAAa,yBACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,aAAa,2BAA2B;CAC9C,MAAM,gBAAgB,WAAW,kBAAkB;CACnD,MAAM,QAAQ,UAAU;CAIxB,MAAM,UACJ,oBAAC,cAAD;EAAc,eAAc;YAC1B,oBAAC,YAAD;GAAY,UAAU;aACpB,oBAAC,OAAD;IAAK,WALW,KAAK,qCAAO,uBAAuB,UAAU;IAK9B,GAAI;cACjC,oBAAC,iBAAD,EAAA,UACG,cAAc,KAAK,MAClB,oBAAC,EAAE,KAAH;KACE,WAAW,qCAAO;KAElB,SAAS;MAAE,SAAS;MAAG,GAAG;MAAK;KAC/B,SAAS;MAAE,SAAS;MAAG,GAAG;MAAG;KAC7B,MAAM;MAAE,SAAS;MAAG,GAAG;MAAK,QAAQ;MAAG,eAAe;MAAG;KACzD,YAAY,EACV,QAAQ,GACT;eAED,oBAAC,UAAD,EAAA,UACE,oBAAC,wBAAD;MACE,cAAc;MACF;MACZ,CAAA,EACO,CAAA;KACL,EAdD,EAAE,KAAK,GAcN,CACR,EACc,CAAA;IACd,CAAA;GACK,CAAA;EACA,CAAA;AAGjB,QAAO,QAAQ,OAAO,SAAS,aAAa,SAAS,SAAS,KAAK"}
+{"version":3,"file":"NotificationContainer.mjs","sources":["../../../../../../../../src/components/NotificationProvider/NotificationContainer/NotificationContainer.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport { Suspense } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport clsx from \"clsx\";\nimport styles from \"./NotificationContainer.module.scss\";\nimport ControlledNotification from \"@/components/NotificationProvider/ControlledNotification\";\nimport {\n  AnimatePresence,\n  domAnimation,\n  LazyMotion,\n  m,\n  MotionConfig,\n} from \"framer-motion\";\nimport { useIsSSR } from \"react-aria\";\nimport { useNotificationController } from \"@/components/NotificationProvider/NotificationProvider\";\n\nexport type NotificationsContainerProps = ComponentProps<\"div\">;\n\nexport const NotificationContainer: FC<NotificationsContainerProps> = (\n  props,\n) => {\n  const { className, ...rest } = props;\n\n  const controller = useNotificationController();\n  const notifications = controller.useNotifications();\n  const isSsr = useIsSSR();\n\n  const rootClassName = clsx(styles.notificationContainer, className);\n\n  const content = (\n    <MotionConfig reducedMotion=\"user\">\n      <LazyMotion features={domAnimation}>\n        <div className={rootClassName} {...rest}>\n          <AnimatePresence>\n            {notifications.map((n) => (\n              <m.div\n                className={styles.notification}\n                key={n.meta.id}\n                initial={{ opacity: 0, x: 200 }}\n                animate={{ opacity: 1, x: 0 }}\n                exit={{ opacity: 0, x: 200, height: 0, paddingBottom: 0 }}\n                transition={{\n                  bounce: 0,\n                }}\n              >\n                <Suspense>\n                  <ControlledNotification\n                    notification={n}\n                    controller={controller}\n                  />\n                </Suspense>\n              </m.div>\n            ))}\n          </AnimatePresence>\n        </div>\n      </LazyMotion>\n    </MotionConfig>\n  );\n\n  return isSsr ? null : ReactDOM.createPortal(content, document.body);\n};\n\nexport default NotificationContainer;\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,qBAAA,GAAyD,CACpE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,MAAM,aAAa,yBAAA,EAA0B;AAC7C,EAAA,MAAM,aAAA,GAAgB,WAAW,gBAAA,EAAiB;AAClD,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAuB,SAAS,CAAA;AAElE,EAAA,MAAM,OAAA,uBACH,YAAA,EAAA,EAAa,aAAA,EAAc,QAC1B,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,UAAU,YAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACjC,QAAA,kBAAA,GAAA,CAAC,mBACE,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,qBAClB,GAAA;AAAA,IAAC,CAAA,CAAE,GAAA;AAAA,IAAF;AAAA,MACC,WAAW,MAAA,CAAO,YAAA;AAAA,MAElB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,GAAA,EAAI;AAAA,MAC9B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,MAC5B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,GAAA,EAAK,MAAA,EAAQ,CAAA,EAAG,aAAA,EAAe,CAAA,EAAE;AAAA,MACxD,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ;AAAA,OACV;AAAA,MAEA,8BAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAc,CAAA;AAAA,UACd;AAAA;AAAA,OACF,EACF;AAAA,KAAA;AAAA,IAbK,EAAE,IAAA,CAAK;AAAA,GAef,CAAA,EACH,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAGF,EAAA,OAAO,QAAQ,IAAA,GAAO,QAAA,CAAS,YAAA,CAAa,OAAA,EAAS,SAAS,IAAI,CAAA;AACpE;;;;"}

package/dist/js/packages/components/src/components/NotificationProvider/NotificationContainer/NotificationContainer.module.scss.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const notificationContainer = "flow--notification-provider--notification-container";
+const notification = "flow--notification-provider--notification";
+const styles = {
+	notificationContainer: notificationContainer,
+	notification: notification
+};
+
+export { styles as default, notification, notificationContainer };
+//# sourceMappingURL=NotificationContainer.module.scss.mjs.map

package/dist/js/packages/components/src/components/NotificationProvider/NotificationContainer/NotificationContainer.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContainer.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/js/packages/components/src/components/NotificationProvider/NotificationController.mjs

@@ -1,47 +1,48 @@
 "use client"
 /* */
-import useSelector from "../../lib/mobx/useSelector.mjs";
-import { useStatic } from "../../lib/hooks/useStatic.mjs";
-import Timer from "../../lib/timer/Timer.mjs";
-import { action, makeObservable, observable } from "mobx";
-//#region src/components/NotificationProvider/NotificationController.ts
-var NotificationController = class NotificationController {
-	notificationsData = /* @__PURE__ */ new Map();
-	id = 0;
-	constructor() {
-		makeObservable(this, {
-			notificationsData: observable.shallow,
-			add: action.bound,
-			remove: action.bound
-		});
-	}
-	static useNew() {
-		return useStatic(() => new NotificationController());
-	}
-	useNotifications() {
-		return useSelector(() => Array.from(this.notificationsData.values()));
-	}
-	add(notification) {
-		const id = this.id++;
-		const meta = {
-			id,
-			createdAt: Date.now(),
-			autoCloseTimer: new Timer()
-		};
-		this.notificationsData.set(id, {
-			element: notification,
-			meta
-		});
-		if (notification.props.autoClose) meta.autoCloseTimer.start({ seconds: 10 }, () => {
-			this.remove(id);
-		});
-		return id;
-	}
-	remove(id) {
-		this.notificationsData.delete(id);
-	}
-};
-//#endregion
-export { NotificationController as default };
+import { useStatic } from '../../lib/hooks/useStatic.mjs';
+import useSelector from '../../lib/mobx/useSelector.mjs';
+import { Timer } from '../../lib/timer/Timer.mjs';
+import { makeObservable, action, observable } from 'mobx';
 
-//# sourceMappingURL=NotificationController.mjs.map
+class NotificationController {
+  notificationsData = /* @__PURE__ */ new Map();
+  id = 0;
+  constructor() {
+    makeObservable(this, {
+      notificationsData: observable.shallow,
+      add: action.bound,
+      remove: action.bound
+    });
+  }
+  static useNew() {
+    return useStatic(() => new NotificationController());
+  }
+  useNotifications() {
+    return useSelector(() => Array.from(this.notificationsData.values()));
+  }
+  add(notification) {
+    const id = this.id++;
+    const meta = {
+      id,
+      createdAt: Date.now(),
+      autoCloseTimer: new Timer()
+    };
+    this.notificationsData.set(id, {
+      element: notification,
+      meta
+    });
+    if (notification.props.autoClose) {
+      meta.autoCloseTimer.start({ seconds: 10 }, () => {
+        this.remove(id);
+      });
+    }
+    return id;
+  }
+  remove(id) {
+    this.notificationsData.delete(id);
+  }
+}
+
+export { NotificationController, NotificationController as default };
+//# sourceMappingURL=NotificationController.mjs.map

package/dist/js/packages/components/src/components/NotificationProvider/NotificationController.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationController.mjs","names":[],"sources":["../../../../../../../src/components/NotificationProvider/NotificationController.ts"],"sourcesContent":["import type { NotificationProps } from \"@/components/Notification\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport Timer from \"@/lib/timer/Timer\";\nimport { action, makeObservable, observable } from \"mobx\";\nimport type { ReactElement } from \"react\";\n\ninterface NotificationMetaData {\n  readonly id: number;\n  readonly createdAt: number;\n  readonly autoCloseTimer: Timer;\n}\n\nexport interface NotificationData {\n  readonly element: ReactElement<NotificationProps>;\n  readonly meta: NotificationMetaData;\n}\n\nexport class NotificationController {\n  public readonly notificationsData = new Map<number, NotificationData>();\n  private id = 0;\n\n  public constructor() {\n    makeObservable(this, {\n      notificationsData: observable.shallow,\n      add: action.bound,\n      remove: action.bound,\n    });\n  }\n\n  public static useNew(): NotificationController {\n    return useStatic(() => new NotificationController());\n  }\n\n  public useNotifications(): NotificationData[] {\n    return useSelector(() => Array.from(this.notificationsData.values()));\n  }\n\n  public add(notification: ReactElement<NotificationProps>): number {\n    const id = this.id++;\n\n    const meta: NotificationMetaData = {\n      id,\n      createdAt: Date.now(),\n      autoCloseTimer: new Timer(),\n    };\n\n    this.notificationsData.set(id, {\n      element: notification,\n      meta,\n    });\n\n    if (notification.props.autoClose) {\n      meta.autoCloseTimer.start({ seconds: 10 }, () => {\n        this.remove(id);\n      });\n    }\n\n    return id;\n  }\n\n  public remove(id: number): void {\n    this.notificationsData.delete(id);\n  }\n}\n\nexport default NotificationController;\n"],"mappings":";;;;;AAkBA,IAAa,yBAAb,MAAa,uBAAuB;CAClC,oCAAoC,IAAI,KAA+B;CACvE,KAAa;CAEb,cAAqB;AACnB,iBAAe,MAAM;GACnB,mBAAmB,WAAW;GAC9B,KAAK,OAAO;GACZ,QAAQ,OAAO;GAChB,CAAC;;CAGJ,OAAc,SAAiC;AAC7C,SAAO,gBAAgB,IAAI,wBAAwB,CAAC;;CAGtD,mBAA8C;AAC5C,SAAO,kBAAkB,MAAM,KAAK,KAAK,kBAAkB,QAAQ,CAAC,CAAC;;CAGvE,IAAW,cAAuD;EAChE,MAAM,KAAK,KAAK;EAEhB,MAAM,OAA6B;GACjC;GACA,WAAW,KAAK,KAAK;GACrB,gBAAgB,IAAI,OAAO;GAC5B;AAED,OAAK,kBAAkB,IAAI,IAAI;GAC7B,SAAS;GACT;GACD,CAAC;AAEF,MAAI,aAAa,MAAM,UACrB,MAAK,eAAe,MAAM,EAAE,SAAS,IAAI,QAAQ;AAC/C,QAAK,OAAO,GAAG;IACf;AAGJ,SAAO;;CAGT,OAAc,IAAkB;AAC9B,OAAK,kBAAkB,OAAO,GAAG"}
+{"version":3,"file":"NotificationController.mjs","sources":["../../../../../../../src/components/NotificationProvider/NotificationController.ts"],"sourcesContent":["import type { NotificationProps } from \"@/components/Notification\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport Timer from \"@/lib/timer/Timer\";\nimport { action, makeObservable, observable } from \"mobx\";\nimport type { ReactElement } from \"react\";\n\ninterface NotificationMetaData {\n  readonly id: number;\n  readonly createdAt: number;\n  readonly autoCloseTimer: Timer;\n}\n\nexport interface NotificationData {\n  readonly element: ReactElement<NotificationProps>;\n  readonly meta: NotificationMetaData;\n}\n\nexport class NotificationController {\n  public readonly notificationsData = new Map<number, NotificationData>();\n  private id = 0;\n\n  public constructor() {\n    makeObservable(this, {\n      notificationsData: observable.shallow,\n      add: action.bound,\n      remove: action.bound,\n    });\n  }\n\n  public static useNew(): NotificationController {\n    return useStatic(() => new NotificationController());\n  }\n\n  public useNotifications(): NotificationData[] {\n    return useSelector(() => Array.from(this.notificationsData.values()));\n  }\n\n  public add(notification: ReactElement<NotificationProps>): number {\n    const id = this.id++;\n\n    const meta: NotificationMetaData = {\n      id,\n      createdAt: Date.now(),\n      autoCloseTimer: new Timer(),\n    };\n\n    this.notificationsData.set(id, {\n      element: notification,\n      meta,\n    });\n\n    if (notification.props.autoClose) {\n      meta.autoCloseTimer.start({ seconds: 10 }, () => {\n        this.remove(id);\n      });\n    }\n\n    return id;\n  }\n\n  public remove(id: number): void {\n    this.notificationsData.delete(id);\n  }\n}\n\nexport default NotificationController;\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,sBAAA,CAAuB;AAAA,EAClB,iBAAA,uBAAwB,GAAA,EAA8B;AAAA,EAC9D,EAAA,GAAK,CAAA;AAAA,EAEN,WAAA,GAAc;AACnB,IAAA,cAAA,CAAe,IAAA,EAAM;AAAA,MACnB,mBAAmB,UAAA,CAAW,OAAA;AAAA,MAC9B,KAAK,MAAA,CAAO,KAAA;AAAA,MACZ,QAAQ,MAAA,CAAO;AAAA,KAChB,CAAA;AAAA,EACH;AAAA,EAEA,OAAc,MAAA,GAAiC;AAC7C,IAAA,OAAO,SAAA,CAAU,MAAM,IAAI,sBAAA,EAAwB,CAAA;AAAA,EACrD;AAAA,EAEO,gBAAA,GAAuC;AAC5C,IAAA,OAAO,WAAA,CAAY,MAAM,KAAA,CAAM,IAAA,CAAK,KAAK,iBAAA,CAAkB,MAAA,EAAQ,CAAC,CAAA;AAAA,EACtE;AAAA,EAEO,IAAI,YAAA,EAAuD;AAChE,IAAA,MAAM,KAAK,IAAA,CAAK,EAAA,EAAA;AAEhB,IAAA,MAAM,IAAA,GAA6B;AAAA,MACjC,EAAA;AAAA,MACA,SAAA,EAAW,KAAK,GAAA,EAAI;AAAA,MACpB,cAAA,EAAgB,IAAI,KAAA;AAAM,KAC5B;AAEA,IAAA,IAAA,CAAK,iBAAA,CAAkB,IAAI,EAAA,EAAI;AAAA,MAC7B,OAAA,EAAS,YAAA;AAAA,MACT;AAAA,KACD,CAAA;AAED,IAAA,IAAI,YAAA,CAAa,MAAM,SAAA,EAAW;AAChC,MAAA,IAAA,CAAK,eAAe,KAAA,CAAM,EAAE,OAAA,EAAS,EAAA,IAAM,MAAM;AAC/C,QAAA,IAAA,CAAK,OAAO,EAAE,CAAA;AAAA,MAChB,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,EAAA;AAAA,EACT;AAAA,EAEO,OAAO,EAAA,EAAkB;AAC9B,IAAA,IAAA,CAAK,iBAAA,CAAkB,OAAO,EAAE,CAAA;AAAA,EAClC;AACF;;;;"}

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

@@ -1,24 +1,24 @@
 "use client"
 /* */
-import { viewComponentContext } from "../../lib/viewComponentContext/viewComponentContext.mjs";
-import NotificationController from "./NotificationController.mjs";
-import NotificationContainer from "./NotificationContainer/NotificationContainer.mjs";
-import "./NotificationContainer/index.mjs";
-import { createContext, useContext } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/NotificationProvider/NotificationProvider.tsx
-var context = createContext(new NotificationController());
-var useNotificationController = () => useContext(context);
-var NotificationProvider = (props) => {
-	const { children, ...containerProps } = props;
-	const controller = NotificationController.useNew();
-	const ContainerView = useContext(viewComponentContext)["NotificationContainer"] ?? NotificationContainer;
-	return /* @__PURE__ */ jsxs(context.Provider, {
-		value: controller,
-		children: [/* @__PURE__ */ jsx(ContainerView, { ...containerProps }), children]
-	});
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import { NotificationController } from './NotificationController.mjs';
+import { NotificationContainer } from './NotificationContainer/NotificationContainer.mjs';
+import { viewComponentContext } from '../../lib/viewComponentContext/viewComponentContext.mjs';
+
+const context = createContext(
+  new NotificationController()
+);
+const useNotificationController = () => useContext(context);
+const NotificationProvider = (props) => {
+  const { children, ...containerProps } = props;
+  const controller = NotificationController.useNew();
+  const ContainerView = useContext(viewComponentContext)["NotificationContainer"] ?? NotificationContainer;
+  return /* @__PURE__ */ jsxs(context.Provider, { value: controller, children: [
+    /* @__PURE__ */ jsx(ContainerView, { ...containerProps }),
+    children
+  ] });
 };
-//#endregion
-export { NotificationProvider as default, useNotificationController };
 
-//# sourceMappingURL=NotificationProvider.mjs.map
+export { NotificationProvider, useNotificationController };
+//# sourceMappingURL=NotificationProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationProvider.mjs","names":[],"sources":["../../../../../../../src/components/NotificationProvider/NotificationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport NotificationController from \"@/components/NotificationProvider/NotificationController\";\nimport type { NotificationsContainerProps } from \"@/components/NotificationProvider/NotificationContainer/NotificationContainer\";\nimport { NotificationContainer } from \"@/components/NotificationProvider/NotificationContainer\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nexport type NotificationProviderProps =\n  PropsWithChildren<NotificationsContainerProps>;\n\nconst context = createContext<NotificationController>(\n  new NotificationController(),\n);\n\nexport const useNotificationController = (): NotificationController =>\n  useContext(context);\n\nexport const NotificationProvider: FC<NotificationProviderProps> = (props) => {\n  const { children, ...containerProps } = props;\n  const controller = NotificationController.useNew();\n  const ContainerView =\n    useContext(viewComponentContext)[\"NotificationContainer\"] ??\n    NotificationContainer;\n\n  return (\n    <context.Provider value={controller}>\n      <ContainerView {...containerProps} />\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default NotificationProvider;\n"],"mappings":";;;;;;;AAUA,IAAM,UAAU,cACd,IAAI,wBAAwB,CAC7B;AAED,IAAa,kCACX,WAAW,QAAQ;AAErB,IAAa,wBAAuD,UAAU;CAC5E,MAAM,EAAE,UAAU,GAAG,mBAAmB;CACxC,MAAM,aAAa,uBAAuB,QAAQ;CAClD,MAAM,gBACJ,WAAW,qBAAqB,CAAC,4BACjC;AAEF,QACE,qBAAC,QAAQ,UAAT;EAAkB,OAAO;YAAzB,CACE,oBAAC,eAAD,EAAe,GAAI,gBAAkB,CAAA,EACpC,SACgB"}
+{"version":3,"file":"NotificationProvider.mjs","sources":["../../../../../../../src/components/NotificationProvider/NotificationProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport NotificationController from \"@/components/NotificationProvider/NotificationController\";\nimport type { NotificationsContainerProps } from \"@/components/NotificationProvider/NotificationContainer/NotificationContainer\";\nimport { NotificationContainer } from \"@/components/NotificationProvider/NotificationContainer\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nexport type NotificationProviderProps =\n  PropsWithChildren<NotificationsContainerProps>;\n\nconst context = createContext<NotificationController>(\n  new NotificationController(),\n);\n\nexport const useNotificationController = (): NotificationController =>\n  useContext(context);\n\nexport const NotificationProvider: FC<NotificationProviderProps> = (props) => {\n  const { children, ...containerProps } = props;\n  const controller = NotificationController.useNew();\n  const ContainerView =\n    useContext(viewComponentContext)[\"NotificationContainer\"] ??\n    NotificationContainer;\n\n  return (\n    <context.Provider value={controller}>\n      <ContainerView {...containerProps} />\n      {children}\n    </context.Provider>\n  );\n};\n\nexport default NotificationProvider;\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,OAAA,GAAU,aAAA;AAAA,EACd,IAAI,sBAAA;AACN,CAAA;AAEO,MAAM,yBAAA,GAA4B,MACvC,UAAA,CAAW,OAAO;AAEb,MAAM,oBAAA,GAAsD,CAAC,KAAA,KAAU;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,cAAA,EAAe,GAAI,KAAA;AACxC,EAAA,MAAM,UAAA,GAAa,uBAAuB,MAAA,EAAO;AACjD,EAAA,MAAM,aAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,uBAAuB,CAAA,IACxD,qBAAA;AAEF,EAAA,uBACE,IAAA,CAAC,OAAA,CAAQ,QAAA,EAAR,EAAiB,OAAO,UAAA,EACvB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,cAAA,EAAgB,CAAA;AAAA,IAClC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1,64 +1,87 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import "../../lib/propsContext/index.mjs";
-import IconChevronDown from "../Icon/components/icons/IconChevronDown.mjs";
-import IconChevronUp from "../Icon/components/icons/IconChevronUp.mjs";
-import IconMinus from "../Icon/components/icons/IconMinus.mjs";
-import IconPlus from "../Icon/components/icons/IconPlus.mjs";
-import "../Icon/components/icons/index.mjs";
-import Button from "../Button/Button.mjs";
-import "../Button/index.mjs";
-import FormField_module_default from "../FormField/FormField.module.mjs";
-import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
-import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
-import NumberField_module_default from "./NumberField.module.mjs";
-import clsx from "clsx";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as Aria from "react-aria-components";
-//#region src/components/NumberField/NumberField.tsx
-/** @flr-generate all */
-var NumberField = flowComponent("NumberField", (props) => {
-	const { children, className, isWheelDisabled = true, ref, ...rest } = useControlledHostValueProps(props);
-	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props);
-	const rootClassName = clsx(FormField_module_default.formField, className);
-	return /* @__PURE__ */ jsxs(Aria.NumberField, {
-		...rest,
-		isWheelDisabled,
-		className: clsx(rootClassName, fieldProps.className),
-		children: [/* @__PURE__ */ jsxs(PropsContextProvider, {
-			props: fieldPropsContext,
-			children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children }), /* @__PURE__ */ jsx(FieldErrorView, {})]
-		}), /* @__PURE__ */ jsxs(Aria.Group, {
-			className: NumberField_module_default.group,
-			children: [
-				/* @__PURE__ */ jsxs(Button, {
-					ariaSlot: "decrement",
-					className: NumberField_module_default.decrementButton,
-					size: "s",
-					variant: "plain",
-					color: "secondary",
-					children: [/* @__PURE__ */ jsx(IconChevronDown, {}), /* @__PURE__ */ jsx(IconMinus, { className: NumberField_module_default.coarsePointerIcon })]
-				}),
-				/* @__PURE__ */ jsx(Aria.Input, {
-					className: NumberField_module_default.input,
-					ref
-				}),
-				/* @__PURE__ */ jsxs(Button, {
-					ariaSlot: "increment",
-					className: NumberField_module_default.incrementButton,
-					size: "s",
-					variant: "plain",
-					color: "secondary",
-					children: [/* @__PURE__ */ jsx(IconChevronUp, {}), /* @__PURE__ */ jsx(IconPlus, { className: NumberField_module_default.coarsePointerIcon })]
-				})
-			]
-		})]
-	});
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import styles from './NumberField.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@mittwald/flow-icons';
+import '../Icon/components/IconSetProvider.mjs';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
+import { IconChevronUp } from '../Icon/components/icons/IconChevronUp.mjs';
+import { IconMinus } from '../Icon/components/icons/IconMinus.mjs';
+import { IconPlus } from '../Icon/components/icons/IconPlus.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
+
+const NumberField = flowComponent("NumberField", (props) => {
+  const {
+    children,
+    className,
+    isWheelDisabled = true,
+    ref,
+    ...rest
+  } = useControlledHostValueProps(props);
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldProps,
+    fieldPropsContext
+  } = useFieldComponent(props);
+  const rootClassName = clsx(formFieldStyles.formField, className);
+  return /* @__PURE__ */ jsxs(
+    Aria.NumberField,
+    {
+      ...rest,
+      isWheelDisabled,
+      className: clsx(rootClassName, fieldProps.className),
+      children: [
+        /* @__PURE__ */ jsxs(PropsContextProvider, { props: fieldPropsContext, children: [
+          /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children }),
+          /* @__PURE__ */ jsx(FieldErrorView, {})
+        ] }),
+        /* @__PURE__ */ jsxs(Aria.Group, { className: styles.group, children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              ariaSlot: "decrement",
+              className: styles.decrementButton,
+              size: "s",
+              variant: "plain",
+              color: "secondary",
+              children: [
+                /* @__PURE__ */ jsx(IconChevronDown, {}),
+                /* @__PURE__ */ jsx(IconMinus, { className: styles.coarsePointerIcon })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Aria.Input, { className: styles.input, ref }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              ariaSlot: "increment",
+              className: styles.incrementButton,
+              size: "s",
+              variant: "plain",
+              color: "secondary",
+              children: [
+                /* @__PURE__ */ jsx(IconChevronUp, {}),
+                /* @__PURE__ */ jsx(IconPlus, { className: styles.coarsePointerIcon })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
 });
-//#endregion
-export { NumberField as default };
 
-//# sourceMappingURL=NumberField.mjs.map
+export { NumberField };
+//# sourceMappingURL=NumberField.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.mjs","names":[],"sources":["../../../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconMinus,\n  IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface NumberFieldProps\n  extends\n    PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const NumberField = flowComponent(\"NumberField\", (props) => {\n  const {\n    children,\n    className,\n    isWheelDisabled = true,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  return (\n    <Aria.NumberField\n      {...rest}\n      isWheelDisabled={isWheelDisabled}\n      className={clsx(rootClassName, fieldProps.className)}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n      <Aria.Group className={styles.group}>\n        <Button\n          ariaSlot=\"decrement\"\n          className={styles.decrementButton}\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n        >\n          <IconChevronDown />\n          <IconMinus className={styles.coarsePointerIcon} />\n        </Button>\n        <Aria.Input className={styles.input} ref={ref} />\n        <Button\n          ariaSlot=\"increment\"\n          className={styles.incrementButton}\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n        >\n          <IconChevronUp />\n          <IconPlus className={styles.coarsePointerIcon} />\n        </Button>\n      </Aria.Group>\n    </Aria.NumberField>\n  );\n});\n\nexport default NumberField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EACJ,UACA,WACA,kBAAkB,MAClB,KACA,GAAG,SACD,4BAA4B,MAAM;CAEtC,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,MAAM;CAE5B,MAAM,gBAAgB,KAAK,yBAAgB,WAAW,UAAU;AAEhE,QACE,qBAAC,KAAK,aAAN;EACE,GAAI;EACa;EACjB,WAAW,KAAK,eAAe,WAAW,UAAU;YAHtD,CAKE,qBAAC,sBAAD;GAAsB,OAAO;aAA7B,CACE,oBAAC,0BAAD,EAA2B,UAAoC,CAAA,EAC/D,oBAAC,gBAAD,EAAkB,CAAA,CACG;MACvB,qBAAC,KAAK,OAAN;GAAY,WAAW,2BAAO;aAA9B;IACE,qBAAC,QAAD;KACE,UAAS;KACT,WAAW,2BAAO;KAClB,MAAK;KACL,SAAQ;KACR,OAAM;eALR,CAOE,oBAAC,iBAAD,EAAmB,CAAA,EACnB,oBAAC,WAAD,EAAW,WAAW,2BAAO,mBAAqB,CAAA,CAC3C;;IACT,oBAAC,KAAK,OAAN;KAAY,WAAW,2BAAO;KAAY;KAAO,CAAA;IACjD,qBAAC,QAAD;KACE,UAAS;KACT,WAAW,2BAAO;KAClB,MAAK;KACL,SAAQ;KACR,OAAM;eALR,CAOE,oBAAC,eAAD,EAAiB,CAAA,EACjB,oBAAC,UAAD,EAAU,WAAW,2BAAO,mBAAqB,CAAA,CAC1C;;IACE;KACI;;EAErB"}
+{"version":3,"file":"NumberField.mjs","sources":["../../../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconMinus,\n  IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface NumberFieldProps\n  extends\n    PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const NumberField = flowComponent(\"NumberField\", (props) => {\n  const {\n    children,\n    className,\n    isWheelDisabled = true,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  return (\n    <Aria.NumberField\n      {...rest}\n      isWheelDisabled={isWheelDisabled}\n      className={clsx(rootClassName, fieldProps.className)}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n      <Aria.Group className={styles.group}>\n        <Button\n          ariaSlot=\"decrement\"\n          className={styles.decrementButton}\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n        >\n          <IconChevronDown />\n          <IconMinus className={styles.coarsePointerIcon} />\n        </Button>\n        <Aria.Input className={styles.input} ref={ref} />\n        <Button\n          ariaSlot=\"increment\"\n          className={styles.incrementButton}\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n        >\n          <IconChevronUp />\n          <IconPlus className={styles.coarsePointerIcon} />\n        </Button>\n      </Aria.Group>\n    </Aria.NumberField>\n  );\n});\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA,GAAkB,IAAA;AAAA,IAClB,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,4BAA4B,KAAK,CAAA;AAErC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,eAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,aAAA,EAAe,UAAA,CAAW,SAAS,CAAA;AAAA,MAEnD,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,iBAAA,EAC3B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,4BAA0B,QAAA,EAAS,CAAA;AAAA,8BACnC,cAAA,EAAA,EAAe;AAAA,SAAA,EAClB,CAAA;AAAA,6BACC,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAAA,EAC5B,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAS,WAAA;AAAA,cACT,WAAW,MAAA,CAAO,eAAA;AAAA,cAClB,IAAA,EAAK,GAAA;AAAA,cACL,OAAA,EAAQ,OAAA;AAAA,cACR,KAAA,EAAM,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA;AAAA,gCACjB,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAmB;AAAA;AAAA;AAAA,WAClD;AAAA,8BACC,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,MAAA,CAAO,OAAO,GAAA,EAAU,CAAA;AAAA,0BAC/C,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAS,WAAA;AAAA,cACT,WAAW,MAAA,CAAO,eAAA;AAAA,cAClB,IAAA,EAAK,GAAA;AAAA,cACL,OAAA,EAAQ,OAAA;AAAA,cACR,KAAA,EAAM,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAAA,gCACf,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAmB;AAAA;AAAA;AAAA;AACjD,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/NumberField/NumberField.module.scss.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const group = "flow--number-field--group";
+const input = "flow--number-field--input";
+const decrementButton = "flow--number-field--decrement-button";
+const incrementButton = "flow--number-field--increment-button";
+const coarsePointerIcon = "flow--number-field--coarse-pointer-icon";
+const styles = {
+	group: group,
+	input: input,
+	decrementButton: decrementButton,
+	incrementButton: incrementButton,
+	coarsePointerIcon: coarsePointerIcon
+};
+
+export { coarsePointerIcon, decrementButton, styles as default, group, incrementButton, input };
+//# sourceMappingURL=NumberField.module.scss.mjs.map

package/dist/js/packages/components/src/components/NumberField/NumberField.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

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

@@ -1,27 +1,36 @@
 "use client"
 /* */
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import { extractTextFromFirstChild } from "../../lib/react/remote.mjs";
-import Option_module_default from "./Option.module.mjs";
-import clsx from "clsx";
-import { Children, createElement } from "react";
-import * as Aria from "react-aria-components";
-//#region src/components/Option/Option.tsx
-/** @flr-generate all */
-var Option = flowComponent("Option", (props) => {
-	const { className, children, textValue = extractTextFromFirstChild(children), value = textValue, ref, ...rest } = props;
-	const rootClassName = clsx(Option_module_default.option, className);
-	const hasChildren = Children.count(children) >= 1;
-	return /* @__PURE__ */ createElement(Aria.ListBoxItem, {
-		className: rootClassName,
-		ref,
-		...rest,
-		textValue,
-		id: value,
-		key: value
-	}, hasChildren ? children : textValue);
+import { Children, createElement } from 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from './Option.module.scss.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { extractTextFromFirstChild } from '../../lib/react/remote.mjs';
+
+const Option = flowComponent("Option", (props) => {
+  const {
+    className,
+    children,
+    textValue = extractTextFromFirstChild(children),
+    value = textValue,
+    ref,
+    ...rest
+  } = props;
+  const rootClassName = clsx(styles.option, className);
+  const hasChildren = Children.count(children) >= 1;
+  return /* @__PURE__ */ createElement(
+    Aria.ListBoxItem,
+    {
+      className: rootClassName,
+      ref,
+      ...rest,
+      textValue,
+      id: value,
+      key: value
+    },
+    hasChildren ? children : textValue
+  );
 });
-//#endregion
-export { Option as default };
 
-//# sourceMappingURL=Option.mjs.map
+export { Option };
+//# sourceMappingURL=Option.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Option.mjs","names":[],"sources":["../../../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport React, { Children } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Option.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\n\nexport interface OptionProps\n  extends\n    Omit<Aria.ListBoxItemProps, \"children\" | \"value\" | \"id\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  value?: string | number;\n}\n\n/** @flr-generate all */\nexport const Option = flowComponent(\"Option\", (props) => {\n  const {\n    className,\n    children,\n    textValue = extractTextFromFirstChild(children),\n    value = textValue,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.option, className);\n  const hasChildren = Children.count(children) >= 1;\n\n  return (\n    <Aria.ListBoxItem\n      className={rootClassName}\n      ref={ref}\n      {...rest}\n      textValue={textValue}\n      id={value}\n      key={value}\n    >\n      {hasChildren ? children : textValue}\n    </Aria.ListBoxItem>\n  );\n});\n\nexport default Option;\n"],"mappings":";;;;;;;;AAkBA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EACJ,WACA,UACA,YAAY,0BAA0B,SAAS,EAC/C,QAAQ,WACR,KACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KAAK,sBAAO,QAAQ,UAAU;CACpD,MAAM,cAAc,SAAS,MAAM,SAAS,IAAI;AAEhD,QACE,8BAAC,KAAK,aAAN;EACE,WAAW;EACN;EACL,GAAI;EACO;EACX,IAAI;EACJ,KAAK;EAGY,EADhB,cAAc,WAAW,UACT;EAErB"}
+{"version":3,"file":"Option.mjs","sources":["../../../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport React, { Children } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Option.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\n\nexport interface OptionProps\n  extends\n    Omit<Aria.ListBoxItemProps, \"children\" | \"value\" | \"id\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  value?: string | number;\n}\n\n/** @flr-generate all */\nexport const Option = flowComponent(\"Option\", (props) => {\n  const {\n    className,\n    children,\n    textValue = extractTextFromFirstChild(children),\n    value = textValue,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.option, className);\n  const hasChildren = Children.count(children) >= 1;\n\n  return (\n    <Aria.ListBoxItem\n      className={rootClassName}\n      ref={ref}\n      {...rest}\n      textValue={textValue}\n      id={value}\n      key={value}\n    >\n      {hasChildren ? children : textValue}\n    </Aria.ListBoxItem>\n  );\n});\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA,GAAY,0BAA0B,QAAQ,CAAA;AAAA,IAC9C,KAAA,GAAQ,SAAA;AAAA,IACR,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AACnD,EAAA,MAAM,WAAA,GAAc,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAA;AAEhD,EAAA,uBACE,aAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,GAAA,EAAK;AAAA,KAAA;AAAA,IAEJ,cAAc,QAAA,GAAW;AAAA,GAC5B;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/Option/Option.module.scss.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const option = "flow--option";
+const styles = {
+	option: option};
+
+export { styles as default, option };
+//# sourceMappingURL=Option.module.scss.mjs.map

package/dist/js/packages/components/src/components/Option/Option.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}