@mittwald/flow-react-components 0.2.0-alpha.81 → 0.2.0-alpha.83

package/dist/js/components/MessageThread/MessageThread.mjs

@@ -1,12 +1,14 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import 'react';
 import clsx from 'clsx';
 import styles from './MessageThread.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const MessageThread = flowComponent("MessageThread", (props) => {
   const { children, className } = props;

package/dist/js/components/MessageThread/MessageThread.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.mjs","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./MessageThread.module.scss\";\n\nexport type MessageThreadProps = PropsWithChildren &\n  PropsWithClassName &\n  FlowComponentProps;\n\n/** @flr-generate all */\nexport const MessageThread = flowComponent(\"MessageThread\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageThread, className);\n\n  const propsContext: PropsContext = {\n    Message: {\n      className: dynamic((props) => {\n        return clsx(\n          props.className,\n          styles.message,\n          styles[props.type ?? \"responder\"],\n        );\n      }),\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n"],"names":["props"],"mappings":";;;;;;;;AAmBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA;AAAA,UACLA,MAAM,CAAA,SAAA;AAAA,UACN,MAAO,CAAA,OAAA;AAAA,UACP,MAAA,CAAOA,MAAM,CAAA,IAAA,IAAQ,WAAW;AAAA,SAClC;AAAA,OACD;AAAA;AACH,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"MessageThread.mjs","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./MessageThread.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport type MessageThreadProps = PropsWithChildren &\n  PropsWithClassName &\n  FlowComponentProps;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const MessageThread = flowComponent(\"MessageThread\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageThread, className);\n\n  const propsContext: PropsContext = {\n    Message: {\n      className: dynamic((props) => {\n        return clsx(\n          props.className,\n          styles.message,\n          styles[props.type ?? \"responder\"],\n        );\n      }),\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n"],"names":["props"],"mappings":";;;;;;;;;;AAuBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA;AAAA,UACLA,MAAM,CAAA,SAAA;AAAA,UACN,MAAO,CAAA,OAAA;AAAA,UACP,MAAA,CAAOA,MAAM,CAAA,IAAA,IAAQ,WAAW;AAAA,SAClC;AAAA,OACD;AAAA;AACH,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/Modal/Modal.mjs

@@ -5,14 +5,13 @@ import 'react';
 import styles from './Modal.module.scss.mjs';
 import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Overlay } from '../Overlay/Overlay.mjs';
-import 'react-aria-components';
 import { Action } from '../Action/Action.mjs';
 import '@tabler/icons-react';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import HeaderView from '../../views/HeaderView.mjs';
 import ButtonView from '../../views/ButtonView.mjs';

package/dist/js/components/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay } from \"@/components/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport HeaderView from \"@/views/HeaderView\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface ModalProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n}\n\nexport const Modal = flowComponent<\"Modal\", HTMLDivElement>(\n  \"Modal\",\n  (props) => {\n    const {\n      size = \"s\",\n      offCanvas,\n      controller,\n      children,\n      ref,\n      className,\n      offCanvasOrientation = \"right\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      offCanvas ? styles.offCanvas : styles.modal,\n      styles[`size-${size}`],\n      styles[offCanvasOrientation],\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Content: {\n        className: styles.content,\n        Section: {\n          Heading: {\n            level: 3,\n          },\n        },\n      },\n      Heading: {\n        level: 2,\n        slot: \"title\",\n        tunnelId: \"heading\",\n      },\n      ActionGroup: {\n        className: styles.actionGroup,\n        spacing: \"m\",\n      },\n    };\n\n    return (\n      <Overlay\n        className={rootClassName}\n        controller={controller}\n        ref={ref}\n        {...rest}\n      >\n        <PropsContextProvider props={propsContext}>\n          <TunnelProvider>\n            <HeaderView className={styles.header}>\n              <TunnelExit id=\"heading\" />\n              <Action closeOverlay=\"Modal\">\n                <ButtonView\n                  variant=\"plain\"\n                  color=\"secondary\"\n                  className={styles.closeButton}\n                  onPress={controller?.close}\n                >\n                  <IconClose />\n                </ButtonView>\n              </Action>\n            </HeaderView>\n            {children}\n          </TunnelProvider>\n        </PropsContextProvider>\n      </Overlay>\n    );\n  },\n);\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyCO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAO,GAAA,GAAA;AAAA,MACP,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,oBAAuB,GAAA,OAAA;AAAA,MACvB,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,SAAA,GAAY,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,KAAA;AAAA,MACtC,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,OAAO,oBAAoB,CAAA;AAAA,MAC3B;AAAA,KACF;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA,OAAA;AAAA,QAClB,OAAS,EAAA;AAAA,UACP,OAAS,EAAA;AAAA,YACP,KAAO,EAAA;AAAA;AACT;AACF,OACF;AAAA,MACA,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,IAAM,EAAA,OAAA;AAAA,QACN,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,WAAa,EAAA;AAAA,QACX,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,OAAS,EAAA;AAAA;AACX,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,UAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,MAC5B,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,IAAG,SAAU,EAAA,CAAA;AAAA,4BACzB,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAa,OACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBACN,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,SAAS,UAAY,EAAA,KAAA;AAAA,gBAErB,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,aAEf,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,UACC;AAAA,SAAA,EACH,CACF,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport HeaderView from \"@/views/HeaderView\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface ModalProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n}\n\nexport const Modal = flowComponent<\"Modal\", HTMLDivElement>(\n  \"Modal\",\n  (props) => {\n    const {\n      size = \"s\",\n      offCanvas,\n      controller,\n      children,\n      ref,\n      className,\n      offCanvasOrientation = \"right\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      offCanvas ? styles.offCanvas : styles.modal,\n      styles[`size-${size}`],\n      styles[offCanvasOrientation],\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Content: {\n        className: styles.content,\n        Section: {\n          Heading: {\n            level: 3,\n          },\n        },\n      },\n      Heading: {\n        level: 2,\n        slot: \"title\",\n        tunnelId: \"heading\",\n      },\n      ActionGroup: {\n        className: styles.actionGroup,\n        spacing: \"m\",\n      },\n    };\n\n    return (\n      <Overlay\n        className={rootClassName}\n        controller={controller}\n        ref={ref}\n        {...rest}\n      >\n        <PropsContextProvider props={propsContext}>\n          <TunnelProvider>\n            <HeaderView className={styles.header}>\n              <TunnelExit id=\"heading\" />\n              <Action closeOverlay=\"Modal\">\n                <ButtonView\n                  variant=\"plain\"\n                  color=\"secondary\"\n                  className={styles.closeButton}\n                  onPress={controller?.close}\n                >\n                  <IconClose />\n                </ButtonView>\n              </Action>\n            </HeaderView>\n            {children}\n          </TunnelProvider>\n        </PropsContextProvider>\n      </Overlay>\n    );\n  },\n);\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyCO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAO,GAAA,GAAA;AAAA,MACP,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,oBAAuB,GAAA,OAAA;AAAA,MACvB,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,SAAA,GAAY,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,KAAA;AAAA,MACtC,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,OAAO,oBAAoB,CAAA;AAAA,MAC3B;AAAA,KACF;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA,OAAA;AAAA,QAClB,OAAS,EAAA;AAAA,UACP,OAAS,EAAA;AAAA,YACP,KAAO,EAAA;AAAA;AACT;AACF,OACF;AAAA,MACA,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,IAAM,EAAA,OAAA;AAAA,QACN,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,WAAa,EAAA;AAAA,QACX,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,OAAS,EAAA;AAAA;AACX,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,UAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,MAC5B,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,IAAG,SAAU,EAAA,CAAA;AAAA,4BACzB,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAa,OACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBACN,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,SAAS,UAAY,EAAA,KAAA;AAAA,gBAErB,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,aAEf,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,UACC;AAAA,SAAA,EACH,CACF,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist/js/components/Navigation/Navigation.mjs

@@ -5,6 +5,7 @@ import 'react';
 import styles from './Navigation.module.scss.mjs';
 import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { TunnelExit } from '@mittwald/react-tunnel';
 

package/dist/js/components/Navigation/Navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.mjs","sources":["../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Navigation.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\n\nexport interface NavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const Navigation: FC<NavigationProps> = (props) => {\n  const { className, children, ...rest } = props;\n\n  const rootClassName = clsx(styles.navigation, className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.item,\n      unstyled: true,\n      Text: {\n        className: styles.text,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n      tunnelId: \"links\",\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <ul>\n          <TunnelExit id=\"links\" />\n        </ul>\n        {children}\n      </PropsContextProvider>\n    </nav>\n  );\n};\n\nexport default Navigation;\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,IAAK,EAAA,YAAA,EAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Navigation.mjs","sources":["../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Navigation.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\n\nexport interface NavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const Navigation: FC<NavigationProps> = (props) => {\n  const { className, children, ...rest } = props;\n\n  const rootClassName = clsx(styles.navigation, className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.item,\n      unstyled: true,\n      Text: {\n        className: styles.text,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n      tunnelId: \"links\",\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <ul>\n          <TunnelExit id=\"links\" />\n        </ul>\n        {children}\n      </PropsContextProvider>\n    </nav>\n  );\n};\n\nexport default Navigation;\n"],"names":[],"mappings":";;;;;;;;;AAca,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,IAAK,EAAA,YAAA,EAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Navigation/components/NavigationGroup/NavigationGroup.mjs

@@ -5,6 +5,7 @@ import { useId } from 'react';
 import clsx from 'clsx';
 import styles from './NavigationGroup.module.scss.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { Accordion } from '../../../Accordion/Accordion.mjs';

package/dist/js/components/Navigation/components/NavigationGroup/NavigationGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationGroup.mjs","sources":["../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React, { useId } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./NavigationGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Accordion } from \"@/components/Accordion\";\nimport { Content } from \"@/components/Content\";\n\nexport interface NavigationGroupProps\n  extends PropsWithChildren<ComponentProps<\"section\">> {\n  collapsable?: boolean;\n}\n\n/** @flr-generate all */\nexport const NavigationGroup: FC<NavigationGroupProps> = (props) => {\n  const { children, className, collapsable, ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.navigationGroup,\n    collapsable && styles.collapsable,\n    className,\n  );\n\n  const generatedId = useId();\n\n  const propsContext: PropsContext = {\n    Label: {\n      id: generatedId,\n      className: styles.label,\n      \"aria-hidden\": true,\n    },\n    Link: {\n      tunnelId: \"groupLinks\",\n    },\n  };\n\n  if (collapsable) {\n    return (\n      <PropsContextProvider mergeInParentContext props={propsContext}>\n        <TunnelProvider>\n          <Accordion defaultExpanded className={rootClassName}>\n            {children}\n            <Content clearPropsContext={false}>\n              <ul>\n                <TunnelExit id=\"groupLinks\" />\n              </ul>\n            </Content>\n          </Accordion>\n        </TunnelProvider>\n      </PropsContextProvider>\n    );\n  }\n\n  return (\n    <PropsContextProvider mergeInParentContext props={propsContext}>\n      <TunnelProvider>\n        <section\n          aria-labelledby={generatedId}\n          className={rootClassName}\n          {...rest}\n        >\n          <PropsContextProvider mergeInParentContext props={propsContext}>\n            {children}\n            <TunnelExit id=\"Label\" />\n            <ul>\n              <TunnelExit id=\"groupLinks\" />\n            </ul>\n          </PropsContextProvider>\n        </section>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n};\n\nexport default NavigationGroup;\n"],"names":[],"mappings":";;;;;;;;;;AAgBa,MAAA,eAAA,GAA4C,CAAC,KAAU,KAAA;AAClE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,eAAA;AAAA,IACP,eAAe,MAAO,CAAA,WAAA;AAAA,IACtB;AAAA,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,EAAA;AAE1B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,EAAI,EAAA,WAAA;AAAA,MACJ,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,aAAe,EAAA;AAAA,KACjB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,oBAAoB,EAAA,IAAA,EAAC,KAAO,EAAA,YAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,SAAA,EAAA,EAAU,eAAe,EAAA,IAAA,EAAC,WAAW,aACnC,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,OAAQ,EAAA,EAAA,iBAAA,EAAmB,KAC1B,EAAA,QAAA,kBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA,CAAA,EAC9B,CACF,EAAA;AAAA,KAAA,EACF,GACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,2BACG,oBAAqB,EAAA,EAAA,oBAAA,EAAoB,MAAC,KAAO,EAAA,YAAA,EAChD,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAA,WAAA;AAAA,MACjB,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,oBAAoB,EAAA,IAAA,EAAC,OAAO,YAC/C,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,4BACtB,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAa,CAC9B,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NavigationGroup.mjs","sources":["../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React, { useId } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./NavigationGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Accordion } from \"@/components/Accordion\";\nimport { Content } from \"@/components/Content\";\n\nexport interface NavigationGroupProps\n  extends PropsWithChildren<ComponentProps<\"section\">> {\n  collapsable?: boolean;\n}\n\n/** @flr-generate all */\nexport const NavigationGroup: FC<NavigationGroupProps> = (props) => {\n  const { children, className, collapsable, ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.navigationGroup,\n    collapsable && styles.collapsable,\n    className,\n  );\n\n  const generatedId = useId();\n\n  const propsContext: PropsContext = {\n    Label: {\n      id: generatedId,\n      className: styles.label,\n      \"aria-hidden\": true,\n    },\n    Link: {\n      tunnelId: \"groupLinks\",\n    },\n  };\n\n  if (collapsable) {\n    return (\n      <PropsContextProvider mergeInParentContext props={propsContext}>\n        <TunnelProvider>\n          <Accordion defaultExpanded className={rootClassName}>\n            {children}\n            <Content clearPropsContext={false}>\n              <ul>\n                <TunnelExit id=\"groupLinks\" />\n              </ul>\n            </Content>\n          </Accordion>\n        </TunnelProvider>\n      </PropsContextProvider>\n    );\n  }\n\n  return (\n    <PropsContextProvider mergeInParentContext props={propsContext}>\n      <TunnelProvider>\n        <section\n          aria-labelledby={generatedId}\n          className={rootClassName}\n          {...rest}\n        >\n          <PropsContextProvider mergeInParentContext props={propsContext}>\n            {children}\n            <TunnelExit id=\"Label\" />\n            <ul>\n              <TunnelExit id=\"groupLinks\" />\n            </ul>\n          </PropsContextProvider>\n        </section>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n};\n\nexport default NavigationGroup;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBa,MAAA,eAAA,GAA4C,CAAC,KAAU,KAAA;AAClE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,eAAA;AAAA,IACP,eAAe,MAAO,CAAA,WAAA;AAAA,IACtB;AAAA,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,EAAA;AAE1B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,EAAI,EAAA,WAAA;AAAA,MACJ,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,aAAe,EAAA;AAAA,KACjB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,oBAAoB,EAAA,IAAA,EAAC,KAAO,EAAA,YAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,SAAA,EAAA,EAAU,eAAe,EAAA,IAAA,EAAC,WAAW,aACnC,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,OAAQ,EAAA,EAAA,iBAAA,EAAmB,KAC1B,EAAA,QAAA,kBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA,CAAA,EAC9B,CACF,EAAA;AAAA,KAAA,EACF,GACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,2BACG,oBAAqB,EAAA,EAAA,oBAAA,EAAoB,MAAC,KAAO,EAAA,YAAA,EAChD,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAA,WAAA;AAAA,MACjB,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,oBAAoB,EAAA,IAAA,EAAC,OAAO,YAC/C,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,4BACtB,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAa,CAC9B,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Notification/Notification.mjs

@@ -1,22 +1,22 @@
 "use client"
 /* */
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import 'react';
+import styles from './Notification.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
+import { Link } from '../Link/Link.mjs';
 import { Button } from '../Button/Button.mjs';
-import 'react';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
-import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
-import { Link } from '../Link/Link.mjs';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import styles from './Notification.module.scss.mjs';
 
 const Notification = (props) => {
   const {

package/dist/js/components/Notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { Link } from \"@/components/Link\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport styles from \"./Notification.module.scss\";\n\nexport interface NotificationProps\n  extends PropsWithChildren<ComponentProps<\"div\">>,\n    PropsWithStatus {\n  /** A link that is triggered when clicking the notification. */\n  href?: string;\n  /** Whether the notification should disappear automatically after some time. */\n  autoClose?: boolean;\n  /** Handler that is called when the notification is clicked. */\n  onClick?: () => void;\n  /**\n   * Handler that is called when the close button of the notification is\n   * clicked.\n   */\n  onClose?: () => void;\n}\n\n/** @flr-generate all */\nexport const Notification: FC<NotificationProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    role = \"alert\",\n    href,\n    onClick,\n    onClose,\n    autoClose: ignoredAutoClose,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.notification,\n    styles[status],\n    (onClick || onClose || href) && styles.hasLink,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 4,\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  const closeButton = onClose && (\n    <Button\n      size=\"s\"\n      className={styles.close}\n      variant=\"plain\"\n      color=\"secondary\"\n      onPress={onClose}\n    >\n      <IconClose />\n    </Button>\n  );\n\n  return (\n    <div {...rest} className={rootClassName} role={role}>\n      <Link unstyled href={href} className={styles.link} onPress={onClick}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Link>\n      {closeButton}\n    </div>\n  );\n};\n\nexport default Notification;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;AA4Ba,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAW,EAAA,gBAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,YAAA;AAAA,IACP,OAAO,MAAM,CAAA;AAAA,IACZ,CAAA,OAAA,IAAW,OAAW,IAAA,IAAA,KAAS,MAAO,CAAA,OAAA;AAAA,IACvC;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,QAClDA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,cAAc,OAClB,oBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,OAAS,EAAA,OAAA;AAAA,MAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,GACb;AAGF,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,IACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAC1D,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport styles from \"./Notification.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Link } from \"@/components/Link\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport interface NotificationProps\n  extends PropsWithChildren<ComponentProps<\"div\">>,\n    PropsWithStatus {\n  /** A link that is triggered when clicking the notification. */\n  href?: string;\n  /** Whether the notification should disappear automatically after some time. */\n  autoClose?: boolean;\n  /** Handler that is called when the notification is clicked. */\n  onClick?: () => void;\n  /**\n   * Handler that is called when the close button of the notification is\n   * clicked.\n   */\n  onClose?: () => void;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Notification: FC<NotificationProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    role = \"alert\",\n    href,\n    onClick,\n    onClose,\n    autoClose: ignoredAutoClose,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.notification,\n    styles[status],\n    (onClick || onClose || href) && styles.hasLink,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 4,\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  const closeButton = onClose && (\n    <Button\n      size=\"s\"\n      className={styles.close}\n      variant=\"plain\"\n      color=\"secondary\"\n      onPress={onClose}\n    >\n      <IconClose />\n    </Button>\n  );\n\n  return (\n    <div {...rest} className={rootClassName} role={role}>\n      <Link unstyled href={href} className={styles.link} onPress={onClick}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Link>\n      {closeButton}\n    </div>\n  );\n};\n\nexport default Notification;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;AAgCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAW,EAAA,gBAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,YAAA;AAAA,IACP,OAAO,MAAM,CAAA;AAAA,IACZ,CAAA,OAAA,IAAW,OAAW,IAAA,IAAA,KAAS,MAAO,CAAA,OAAA;AAAA,IACvC;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,QAClDA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,cAAc,OAClB,oBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,OAAS,EAAA,OAAA;AAAA,MAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,GACb;AAGF,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,IACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAC1D,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,23 +1,23 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '../Button/Button.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
 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 { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { Button } from '../Button/Button.mjs';
 import '@tabler/icons-react';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
 import '../../lib/viewComponentContext/viewComponentContext.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 '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import * as Aria from 'react-aria-components';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import styles from './NumberField.module.scss.mjs';
 
 const NumberField = flowComponent(
   "NumberField",
@@ -36,7 +36,7 @@ const NumberField = flowComponent(
         className: formFieldStyles.customFieldError
       }
     };
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsxs(Aria.NumberField, { ...rest, className: rootClassName, children: [
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(Aria.NumberField, { ...rest, className: rootClassName, children: [
       /* @__PURE__ */ jsxs(Aria.Group, { className: styles.group, children: [
         /* @__PURE__ */ jsxs(
           Button,

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.mjs","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import { Button } from \"@/components/Button\";\nimport { FieldError } from \"@/components/FieldError\";\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 type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\n\nexport interface NumberFieldProps\n  extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const NumberField = flowComponent<\"NumberField\", HTMLInputElement>(\n  \"NumberField\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(formFieldStyles.formField, className);\n\n    const propsContext: PropsContext = {\n      Label: {\n        className: formFieldStyles.label,\n        optional: !props.isRequired,\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n      },\n    };\n\n    return (\n      <ClearPropsContextView>\n        <Aria.NumberField {...rest} className={rootClassName}>\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          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n          <FieldError className={formFieldStyles.fieldError} />\n        </Aria.NumberField>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAwBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,yBACC,QAAC,kBAAA,IAAA,CAAA,IAAA,CAAK,aAAL,EAAkB,GAAG,IAAM,EAAA,SAAA,EAAW,aACrC,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,8BAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,SAClD;AAAA,4BACC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAW,EAAA,MAAA,CAAO,OAAO,GAAU,EAAA,CAAA;AAAA,wBAC/C,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,8BACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,OACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,KAAA,EACrD,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"NumberField.mjs","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React 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 type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\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\";\n\nexport interface NumberFieldProps\n  extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const NumberField = flowComponent<\"NumberField\", HTMLInputElement>(\n  \"NumberField\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(formFieldStyles.formField, className);\n\n    const propsContext: PropsContext = {\n      Label: {\n        className: formFieldStyles.label,\n        optional: !props.isRequired,\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Aria.NumberField {...rest} className={rootClassName}>\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          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n          <FieldError className={formFieldStyles.fieldError} />\n        </Aria.NumberField>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA4BO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,IAAA,CAAK,aAAL,EAAkB,GAAG,IAAM,EAAA,SAAA,EAAW,aACrC,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,8BAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,SAClD;AAAA,4BACC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAW,EAAA,MAAA,CAAO,OAAO,GAAU,EAAA,CAAA;AAAA,wBAC/C,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,8BACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,OACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,KAAA,EACrD,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/Options/Options.mjs

@@ -3,17 +3,8 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import * as Aria from 'react-aria-components';
-import 'mobx';
-import '../../lib/controller/overlay/context.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
-import clsx from 'clsx';
 import { Popover } from '../Popover/Popover.mjs';
+import clsx from 'clsx';
 import styles from './Options.module.scss.mjs';
 
 const Options = (props) => {

package/dist/js/components/Options/Options.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Options.mjs","sources":["../../../../src/components/Options/Options.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\n\nexport interface OptionsProps extends Aria.ListBoxProps<OptionProps> {\n  controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = (props) => {\n  const { className, children, controller, ...rest } = props;\n\n  const rootClassName = clsx(styles.options, className);\n\n  return (\n    <Popover className={styles.popover} controller={controller}>\n      <Aria.ListBox className={rootClassName} {...rest}>\n        {children}\n      </Aria.ListBox>\n    </Popover>\n  );\n};\n\nexport default Options;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAaa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,UAAY,EAAA,GAAG,MAAS,GAAA,KAAA;AAErD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,SAAS,UAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACzC,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Options.mjs","sources":["../../../../src/components/Options/Options.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\n\nexport interface OptionsProps extends Aria.ListBoxProps<OptionProps> {\n  controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = (props) => {\n  const { className, children, controller, ...rest } = props;\n\n  const rootClassName = clsx(styles.options, className);\n\n  return (\n    <Popover className={styles.popover} controller={controller}>\n      <Aria.ListBox className={rootClassName} {...rest}>\n        {children}\n      </Aria.ListBox>\n    </Popover>\n  );\n};\n\nexport default Options;\n"],"names":[],"mappings":";;;;;;;AAaa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,UAAY,EAAA,GAAG,MAAS,GAAA,KAAA;AAErD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,SAAS,UAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACzC,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/OverlayTrigger/OverlayTrigger.mjs

@@ -5,6 +5,7 @@ import 'react';
 import { OverlayController } from '../../lib/controller/overlay/OverlayController.mjs';
 import '../../lib/controller/overlay/context.mjs';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
 

package/dist/js/components/OverlayTrigger/OverlayTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.mjs","sources":["../../../../src/components/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import type { ComponentType, FC, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\n\ntype AriaComponentType = ComponentType<{\n  isOpen?: boolean;\n  children: ReactNode;\n}>;\n\nexport interface OverlayTriggerProps\n  extends FlowComponentProps,\n    PropsWithChildren {\n  /** Whether the overlay should be open initially. */\n  isDefaultOpen?: boolean;\n  /** A controller to control the state of the overlay. */\n  controller?: OverlayController;\n}\n\ninterface Props extends OverlayTriggerProps {\n  overlayType: FlowComponentName;\n  component: AriaComponentType;\n}\n\nexport const OverlayTrigger: FC<Props> = (props) => {\n  const {\n    overlayType,\n    isDefaultOpen = false,\n    component: AriaOverlayTrigger,\n    children,\n    controller: controllerFromProps,\n  } = props;\n\n  const newOverlayController = OverlayController.useNew({ isDefaultOpen });\n  const overlayController = controllerFromProps ?? newOverlayController;\n  const isOpen = overlayController.useIsOpen();\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: overlayController.open,\n    },\n  };\n\n  return (\n    <OverlayContextProvider type={overlayType} controller={overlayController}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <AriaOverlayTrigger isOpen={isOpen}>{children}</AriaOverlayTrigger>\n      </PropsContextProvider>\n    </OverlayContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA4Ba,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,aAAgB,GAAA,KAAA;AAAA,IAChB,SAAW,EAAA,kBAAA;AAAA,IACX,QAAA;AAAA,IACA,UAAY,EAAA;AAAA,GACV,GAAA,KAAA;AAEJ,EAAA,MAAM,oBAAuB,GAAA,iBAAA,CAAkB,MAAO,CAAA,EAAE,eAAe,CAAA;AACvE,EAAA,MAAM,oBAAoB,mBAAuB,IAAA,oBAAA;AACjD,EAAM,MAAA,MAAA,GAAS,kBAAkB,SAAU,EAAA;AAE3C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,SAAS,iBAAkB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,sBAAuB,EAAA,EAAA,IAAA,EAAM,WAAa,EAAA,UAAA,EAAY,mBACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,sBAAmB,MAAiB,EAAA,QAAA,EAAS,GAChD,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OverlayTrigger.mjs","sources":["../../../../src/components/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import type { ComponentType, FC, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\n\ntype AriaComponentType = ComponentType<{\n  isOpen?: boolean;\n  children: ReactNode;\n}>;\n\nexport interface OverlayTriggerProps\n  extends FlowComponentProps,\n    PropsWithChildren {\n  /** Whether the overlay should be open initially. */\n  isDefaultOpen?: boolean;\n  /** A controller to control the state of the overlay. */\n  controller?: OverlayController;\n}\n\ninterface Props extends OverlayTriggerProps {\n  overlayType: FlowComponentName;\n  component: AriaComponentType;\n}\n\nexport const OverlayTrigger: FC<Props> = (props) => {\n  const {\n    overlayType,\n    isDefaultOpen = false,\n    component: AriaOverlayTrigger,\n    children,\n    controller: controllerFromProps,\n  } = props;\n\n  const newOverlayController = OverlayController.useNew({ isDefaultOpen });\n  const overlayController = controllerFromProps ?? newOverlayController;\n  const isOpen = overlayController.useIsOpen();\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: overlayController.open,\n    },\n  };\n\n  return (\n    <OverlayContextProvider type={overlayType} controller={overlayController}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <AriaOverlayTrigger isOpen={isOpen}>{children}</AriaOverlayTrigger>\n      </PropsContextProvider>\n    </OverlayContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA4Ba,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,aAAgB,GAAA,KAAA;AAAA,IAChB,SAAW,EAAA,kBAAA;AAAA,IACX,QAAA;AAAA,IACA,UAAY,EAAA;AAAA,GACV,GAAA,KAAA;AAEJ,EAAA,MAAM,oBAAuB,GAAA,iBAAA,CAAkB,MAAO,CAAA,EAAE,eAAe,CAAA;AACvE,EAAA,MAAM,oBAAoB,mBAAuB,IAAA,oBAAA;AACjD,EAAM,MAAA,MAAA,GAAS,kBAAkB,SAAU,EAAA;AAE3C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,SAAS,iBAAkB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,sBAAuB,EAAA,EAAA,IAAA,EAAM,WAAa,EAAA,UAAA,EAAY,mBACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,sBAAmB,MAAiB,EAAA,QAAA,EAAS,GAChD,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/ProgressBar/ProgressBar.mjs

@@ -1,13 +1,15 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import * as Aria from 'react-aria-components';
+import 'react';
+import styles from './ProgressBar.module.scss.mjs';
 import clsx from 'clsx';
 import { useLocalizedStringFormatter, useNumberFormatter } from 'react-aria';
-import * as Aria from 'react-aria-components';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import locales from '../../_virtual/_.locale.json@162914df08c90e5e10d2f78b03d9d768.mjs';
-import styles from './ProgressBar.module.scss.mjs';
 
 const ProgressBar = (props) => {
   const {

package/dist/js/components/ProgressBar/ProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.mjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport * as Aria from \"react-aria-components\";\nimport locales from \"./locales/*.locale.json\";\nimport styles from \"./ProgressBar.module.scss\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus {\n  /** Whether the max value should be displayed. */\n  showMaxValue?: boolean;\n  /** The size variant of the progress bar @default \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const ProgressBar: FC<ProgressBarProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    showMaxValue,\n    size = \"m\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const formatter = useNumberFormatter(props.formatOptions);\n\n  const maxValueText =\n    showMaxValue && props.maxValue\n      ? formatter.format(props.maxValue)\n      : undefined;\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  return (\n    <Aria.ProgressBar className={rootClassName} {...rest}>\n      {({ percentage, valueText }) => (\n        <PropsContextProvider props={propsContext}>\n          {children}\n          <span className={styles.value}>\n            {maxValueText\n              ? `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`\n              : valueText}\n          </span>\n          <div className={styles.bar}>\n            <div className={styles.fill} style={{ width: percentage + \"%\" }} />\n          </div>\n        </PropsContextProvider>\n      )}\n    </Aria.ProgressBar>\n  );\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;AAoBa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,SAAA,GAAY,kBAAmB,CAAA,KAAA,CAAM,aAAa,CAAA;AAExD,EAAM,MAAA,YAAA,GACJ,gBAAgB,KAAM,CAAA,QAAA,GAClB,UAAU,MAAO,CAAA,KAAA,CAAM,QAAQ,CAC/B,GAAA,MAAA;AAEN,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,IAAK,CAAA,WAAA,EAAL,EAAiB,SAAA,EAAW,eAAgB,GAAG,IAAA,EAC7C,QAAC,EAAA,CAAA,EAAE,YAAY,SAAU,EAAA,qBACvB,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EACrB,yBACG,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,eAAA,CAAgB,OAAO,gBAAgB,CAAC,CAAI,CAAA,EAAA,YAAY,KACxE,SACN,EAAA,CAAA;AAAA,wBACC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,UAAa,GAAA,GAAA,IAAO,CACnE,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ProgressBar.mjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus {\n  /** Whether the max value should be displayed. */\n  showMaxValue?: boolean;\n  /** The size variant of the progress bar @default \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar: FC<ProgressBarProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    showMaxValue,\n    size = \"m\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const formatter = useNumberFormatter(props.formatOptions);\n\n  const maxValueText =\n    showMaxValue && props.maxValue\n      ? formatter.format(props.maxValue)\n      : undefined;\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  return (\n    <Aria.ProgressBar className={rootClassName} {...rest}>\n      {({ percentage, valueText }) => (\n        <PropsContextProvider props={propsContext}>\n          {children}\n          <span className={styles.value}>\n            {maxValueText\n              ? `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`\n              : valueText}\n          </span>\n          <div className={styles.bar}>\n            <div className={styles.fill} style={{ width: percentage + \"%\" }} />\n          </div>\n        </PropsContextProvider>\n      )}\n    </Aria.ProgressBar>\n  );\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;AAwBa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,SAAA,GAAY,kBAAmB,CAAA,KAAA,CAAM,aAAa,CAAA;AAExD,EAAM,MAAA,YAAA,GACJ,gBAAgB,KAAM,CAAA,QAAA,GAClB,UAAU,MAAO,CAAA,KAAA,CAAM,QAAQ,CAC/B,GAAA,MAAA;AAEN,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,IAAK,CAAA,WAAA,EAAL,EAAiB,SAAA,EAAW,eAAgB,GAAG,IAAA,EAC7C,QAAC,EAAA,CAAA,EAAE,YAAY,SAAU,EAAA,qBACvB,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EACrB,yBACG,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,eAAA,CAAgB,OAAO,gBAAgB,CAAC,CAAI,CAAA,EAAA,YAAY,KACxE,SACN,EAAA,CAAA;AAAA,wBACC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,UAAa,GAAA,GAAA,IAAO,CACnE,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/RadioGroup/RadioGroup.mjs

@@ -6,6 +6,7 @@ import styles from './RadioGroup.module.scss.mjs';
 import * as Aria from 'react-aria-components';
 import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import { ColumnLayout } from '../ColumnLayout/ColumnLayout.mjs';

package/dist/js/components/RadioGroup/RadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioGroupProps\n  extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.radioGroupContainer,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    RadioButton: {\n      tunnelId: \"radioButtons\",\n    },\n    Radio: {\n      tunnelId: \"radios\",\n    },\n  };\n\n  return (\n    <Aria.RadioGroup {...rest} className={rootClassName} ref={ref}>\n      <TunnelProvider>\n        <PropsContextProvider\n          dependencies={[\"radio\"]}\n          props={propsContext}\n          mergeInParentContext\n        >\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n            <TunnelExit id=\"radioButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.radioGroup}>\n            <TunnelExit id=\"radios\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </PropsContextProvider>\n      </TunnelProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,mBAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,UAAL,EAAA,EAAiB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACnD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,CAAC,OAAO,CAAA;AAAA,QACtB,KAAO,EAAA,YAAA;AAAA,QACP,oBAAoB,EAAA,IAAA;AAAA,QAEnB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,UAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,cAAA,EAAe,CAChC,EAAA,CAAA;AAAA,0BAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,YACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,QAAA,EAAS,CAC1B,EAAA,CAAA;AAAA,0BAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA;AAAA;AAAA,KAEhC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"RadioGroup.mjs","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioGroupProps\n  extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.radioGroupContainer,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    RadioButton: {\n      tunnelId: \"radioButtons\",\n    },\n    Radio: {\n      tunnelId: \"radios\",\n    },\n  };\n\n  return (\n    <Aria.RadioGroup {...rest} className={rootClassName} ref={ref}>\n      <TunnelProvider>\n        <PropsContextProvider\n          dependencies={[\"radio\"]}\n          props={propsContext}\n          mergeInParentContext\n        >\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n            <TunnelExit id=\"radioButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.radioGroup}>\n            <TunnelExit id=\"radios\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </PropsContextProvider>\n      </TunnelProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,mBAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,UAAL,EAAA,EAAiB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACnD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,CAAC,OAAO,CAAA;AAAA,QACtB,KAAO,EAAA,YAAA;AAAA,QACP,oBAAoB,EAAA,IAAA;AAAA,QAEnB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,UAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,cAAA,EAAe,CAChC,EAAA,CAAA;AAAA,0BAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,YACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,QAAA,EAAS,CAC1B,EAAA,CAAA;AAAA,0BAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA;AAAA;AAAA,KAEhC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/RadioGroup/components/Radio/Radio.mjs

@@ -2,22 +2,22 @@
 /* */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
+import styles from './Radio.module.scss.mjs';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
 import '@tabler/icons-react';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
+import { ClearPropsContext } from '../../../ClearPropsContext/ClearPropsContext.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconRadioOff } from '../../../Icon/components/icons/IconRadioOff.mjs';
 import { IconRadioOn } from '../../../Icon/components/icons/IconRadioOn.mjs';
-import * as Aria from 'react-aria-components';
-import styles from './Radio.module.scss.mjs';
 
 const Radio = flowComponent(
   "Radio",
   (props) => {
     const { children, className, ref, ...rest } = props;
     const rootClassName = clsx(styles.radio, className);
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(Aria.Radio, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Aria.Radio, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       isSelected ? /* @__PURE__ */ jsx(IconRadioOn, { className: styles.icon }) : /* @__PURE__ */ jsx(IconRadioOff, { className: styles.icon }),
       children
     ] }) }) });

package/dist/js/components/RadioGroup/components/Radio/Radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.mjs","sources":["../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Radio.module.scss\";\n\nexport interface RadioProps\n  extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Radio = flowComponent<\"Radio\", HTMLLabelElement>(\n  \"Radio\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.radio, className);\n\n    return (\n      <ClearPropsContextView>\n        <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected }) => (\n            <>\n              {isSelected ? (\n                <IconRadioOn className={styles.icon} />\n              ) : (\n                <IconRadioOff className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Radio>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,uBACG,GAAA,CAAA,qBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,OAAL,EAAY,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC7C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MACC,UAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,oBAEpC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,MAEvC;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Radio.mjs","sources":["../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\n\nexport interface RadioProps\n  extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Radio = flowComponent<\"Radio\", HTMLLabelElement>(\n  \"Radio\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.radio, className);\n\n    return (\n      <ClearPropsContext>\n        <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected }) => (\n            <>\n              {isSelected ? (\n                <IconRadioOn className={styles.icon} />\n              ) : (\n                <IconRadioOff className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Radio>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,OAAL,EAAY,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC7C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MACC,UAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,oBAEpC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,MAEvC;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/RadioGroup/components/RadioButton/RadioButton.mjs

@@ -2,17 +2,17 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import 'react-aria-components';
+import styles from './RadioButton.module.scss.mjs';
 import clsx from 'clsx';
+import { ClearPropsContext } from '../../../ClearPropsContext/ClearPropsContext.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import 'react-aria-components';
 import '@tabler/icons-react';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../../../views/ClearPropsContextView.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@mittwald/react-tunnel';
 import { Radio } from '../Radio/Radio.mjs';
-import styles from './RadioButton.module.scss.mjs';
 
 const RadioButton = flowComponent(
   "RadioButton",
@@ -27,7 +27,7 @@ const RadioButton = flowComponent(
         className: styles.content
       }
     };
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(Radio, { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Radio, { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
   }
 );
 

package/dist/js/components/RadioGroup/components/RadioButton/RadioButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport styles from \"./RadioButton.module.scss\";\n\nexport interface RadioButtonProps extends RadioProps, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const RadioButton = flowComponent<\"RadioButton\", HTMLLabelElement>(\n  \"RadioButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.radioButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContextView>\n        <Radio {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Radio>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,EAAa,SAAS,CAAA;AAExD,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,qBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioButtonProps extends RadioProps, FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const RadioButton = flowComponent<\"RadioButton\", HTMLLabelElement>(\n  \"RadioButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.radioButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Radio {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Radio>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,EAAa,SAAS,CAAA;AAExD,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/SearchField/SearchField.mjs

@@ -1,23 +1,23 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from '../Button/Button.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
 import 'react';
-import '@tabler/icons-react';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
+import * as Aria from 'react-aria-components';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import styles from './SearchField.module.scss.mjs';
 import clsx from 'clsx';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import { IconSearch } from '../Icon/components/icons/IconSearch.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import * as Aria from 'react-aria-components';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import locales from '../../_virtual/_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs';
-import styles from './SearchField.module.scss.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
 
 const SearchField = flowComponent(
   "SearchField",
@@ -42,7 +42,7 @@ const SearchField = flowComponent(
         className: formFieldStyles.customFieldError
       }
     };
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
       Aria.SearchField,
       {
         "aria-label": searchText,

package/dist/js/components/SearchField/SearchField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","sources":["../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import { Button } from \"@/components/Button\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport locales from \"./locales/*.locale.json\";\nimport styles from \"./SearchField.module.scss\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const SearchField = flowComponent<\"SearchField\", HTMLInputElement>(\n  \"SearchField\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(\n      formFieldStyles.formField,\n      styles.searchField,\n      className,\n    );\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const searchText = stringFormatter.format(`searchField.search`);\n\n    const propsContext: PropsContext = {\n      Label: {\n        className: formFieldStyles.label,\n        optional: !props.isRequired,\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n      },\n    };\n\n    return (\n      <ClearPropsContextView>\n        <Aria.SearchField\n          aria-label={searchText}\n          {...rest}\n          className={rootClassName}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n          <div className={styles.inputContainer}>\n            <IconSearch className={styles.searchIcon} />\n            <Aria.Input\n              placeholder={searchText}\n              className={styles.input}\n              ref={ref}\n            />\n            <Button\n              className={styles.clearButton}\n              variant=\"plain\"\n              color=\"secondary\"\n            >\n              <IconClose />\n            </Button>\n          </div>\n          <FieldError className={formFieldStyles.fieldError} />\n        </Aria.SearchField>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAqBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,eAAgB,CAAA,SAAA;AAAA,MAChB,MAAO,CAAA,WAAA;AAAA,MACP;AAAA,KACF;AAEA,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACC,YAAY,EAAA,UAAA;AAAA,QACX,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,0BACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,4BAC1C,GAAA;AAAA,cAAC,IAAK,CAAA,KAAA;AAAA,cAAL;AAAA,gBACC,WAAa,EAAA,UAAA;AAAA,gBACb,WAAW,MAAO,CAAA,KAAA;AAAA,gBAClB;AAAA;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,WACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,KAEvD,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const SearchField = flowComponent<\"SearchField\", HTMLInputElement>(\n  \"SearchField\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(\n      formFieldStyles.formField,\n      styles.searchField,\n      className,\n    );\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const searchText = stringFormatter.format(`searchField.search`);\n\n    const propsContext: PropsContext = {\n      Label: {\n        className: formFieldStyles.label,\n        optional: !props.isRequired,\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Aria.SearchField\n          aria-label={searchText}\n          {...rest}\n          className={rootClassName}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n          <div className={styles.inputContainer}>\n            <IconSearch className={styles.searchIcon} />\n            <Aria.Input\n              placeholder={searchText}\n              className={styles.input}\n              ref={ref}\n            />\n            <Button\n              className={styles.clearButton}\n              variant=\"plain\"\n              color=\"secondary\"\n            >\n              <IconClose />\n            </Button>\n          </div>\n          <FieldError className={formFieldStyles.fieldError} />\n        </Aria.SearchField>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAyBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,eAAgB,CAAA,SAAA;AAAA,MAChB,MAAO,CAAA,WAAA;AAAA,MACP;AAAA,KACF;AAEA,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACC,YAAY,EAAA,UAAA;AAAA,QACX,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,0BACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,4BAC1C,GAAA;AAAA,cAAC,IAAK,CAAA,KAAA;AAAA,cAAL;AAAA,gBACC,WAAa,EAAA,UAAA;AAAA,gBACb,WAAW,MAAO,CAAA,KAAA;AAAA,gBAClB;AAAA;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,WACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,KAEvD,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/Section/Section.mjs

@@ -5,6 +5,7 @@ import { useId } from 'react';
 import styles from './Section.module.scss.mjs';
 import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { ContextMenuSection } from '../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';