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

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

@@ -1,43 +1,55 @@
 "use client"
 /* */
-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);
+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);
 };
+//#endregion
+export { NotificationContainer as default };
 
-export { NotificationContainer };
-//# sourceMappingURL=NotificationContainer.mjs.map
+//# sourceMappingURL=NotificationContainer.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var NotificationContainer_module_default = {
+	notificationContainer: "flow--notification-provider--notification-container",
+	notification: "flow--notification-provider--notification"
+};
+//#endregion
+export { NotificationContainer_module_default as default };
+
+//# sourceMappingURL=NotificationContainer.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContainer.module.mjs","names":[],"sources":["../../../../../../../../src/components/NotificationProvider/NotificationContainer/NotificationContainer.module.scss"],"sourcesContent":[".notificationContainer {\n  position: fixed;\n  top: var(--notification-provider--window-to-provider-spacing);\n  right: var(--notification-provider--window-to-provider-spacing);\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n\n  .notification {\n    padding-bottom: var(\n      --notification-provider--notification-to-notification-spacing\n    );\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1 @@
+import "./NotificationContainer.mjs";

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

@@ -1,48 +1,47 @@
 "use client"
 /* */
-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';
+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 };
 
-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
+//# sourceMappingURL=NotificationController.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

@@ -1,24 +1,24 @@
 "use client"
 /* */
-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
-  ] });
+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]
+	});
 };
+//#endregion
+export { NotificationProvider as default, useNotificationController };
 
-export { NotificationProvider, useNotificationController };
-//# sourceMappingURL=NotificationProvider.mjs.map
+//# sourceMappingURL=NotificationProvider.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

@@ -0,0 +1,2 @@
+import "./NotificationController.mjs";
+import "./NotificationProvider.mjs";

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

@@ -1,87 +1,64 @@
 "use client"
 /* */
-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 })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
+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 })]
+				})
+			]
+		})]
+	});
 });
+//#endregion
+export { NumberField as default };
 
-export { NumberField };
-//# sourceMappingURL=NumberField.mjs.map
+//# sourceMappingURL=NumberField.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.module.mjs","names":[],"sources":["../../../../../../../src/components/NumberField/NumberField.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.group {\n  order: 2;\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  grid-template-areas:\n    \"input increment\"\n    \"input decrement\";\n\n  .input {\n    grid-area: input;\n\n    @include formControl.formControl();\n  }\n\n  .decrementButton {\n    grid-area: decrement;\n  }\n\n  .incrementButton {\n    grid-area: increment;\n  }\n\n  .decrementButton,\n  .incrementButton {\n    border-width: var(--form-control--border-width);\n    border-color: var(--form-control--border-color--default);\n    border-style: solid;\n  }\n\n  &[aria-invalid] {\n    .decrementButton,\n    .incrementButton {\n      border-color: var(--form-control--border-color--invalid);\n    }\n  }\n\n  &[data-focus-within] {\n    .decrementButton,\n    .incrementButton {\n      border-color: var(--form-control--border-color--focused);\n    }\n  }\n\n  &[aria-disabled=\"true\"] {\n    .decrementButton,\n    .incrementButton {\n      border-color: var(--form-control--border-color--disabled);\n    }\n  }\n\n  &:has(input:read-only):not([aria-disabled=\"true\"]) {\n    .decrementButton,\n    .incrementButton {\n      border-color: var(--form-control--border-color--default);\n    }\n  }\n}\n\n@media (pointer: fine) {\n  .group {\n    .input {\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n\n    .incrementButton,\n    .decrementButton {\n      border-inline-start: none;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n      padding-block: 0;\n\n      .coarsePointerIcon {\n        display: none;\n      }\n    }\n\n    .decrementButton {\n      border-start-end-radius: 0;\n    }\n\n    .incrementButton {\n      border-block-end: none;\n      border-end-end-radius: 0;\n    }\n  }\n}\n\n@media (pointer: coarse) {\n  .group {\n    grid-template-columns: auto 1fr auto;\n    grid-template-areas: \"decrement input increment\";\n    max-width: 100%;\n\n    .input {\n      border-radius: 0;\n      min-width: 0;\n    }\n\n    .decrementButton,\n    .incrementButton {\n      padding-inline: var(--button--padding-icon-only);\n\n      .coarsePointerIcon {\n        width: var(--icon--size--m);\n        height: var(--icon--size--m);\n      }\n\n      svg:not(.coarsePointerIcon) {\n        display: none;\n      }\n    }\n\n    .decrementButton {\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n      border-inline-end: none;\n    }\n\n    .incrementButton {\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n      border-inline-start: none;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1 @@
+import "./NumberField.mjs";

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

@@ -1,36 +1,27 @@
 "use client"
 /* */
-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
-  );
+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);
 });
+//#endregion
+export { Option as default };
 
-export { Option };
-//# sourceMappingURL=Option.mjs.map
+//# sourceMappingURL=Option.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+var Option_module_default = {
+	option: "flow--option",
+	"switch": "flow--option--switch",
+	icon: "flow--option--icon",
+	controlIcon: "flow--option--control-icon",
+	ariaDisabled: "flow--option--aria-disabled",
+	avatar: "flow--option--avatar"
+};
+//#endregion
+export { Option_module_default as default };
+
+//# sourceMappingURL=Option.module.mjs.map