@mittwald/flow-react-components 0.2.0-alpha.481 → 0.2.0-alpha.483

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

@@ -1 +1 @@
-{"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 { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const RadioButton = flowComponent(\"RadioButton\", (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      clearPropsContext: true,\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\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,EAAa,SAAS,CAAA;AAExD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,iBAAmB,EAAA,IAAA;AAAA,MACnB,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,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;AAEJ,CAAC;;;;"}
+{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/** @flr-generate all */\nexport const RadioButton = flowComponent(\"RadioButton\", (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    <Radio {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Radio>\n  );\n});\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,EAAa,SAAS,CAAA;AAExD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GACzC,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1,17 +1,16 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 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 { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Button } from '../Button/Button.mjs';
+import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
@@ -42,7 +41,7 @@ const SearchField = flowComponent("SearchField", (props) => {
       className: formFieldStyles.customFieldError
     }
   };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(
     Aria.SearchField,
     {
       "aria-label": searchText,
@@ -80,7 +79,7 @@ const SearchField = flowComponent("SearchField", (props) => {
         /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
       ]
     }
-  ) });
+  );
 });
 
 export { SearchField, SearchField as default };

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

@@ -1 +1 @@
-{"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\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const SearchField = flowComponent(\"SearchField\", (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          <ReactAriaControlledValueFix\n            inputContext={Aria.InputContext}\n            props={props}\n          >\n            <Aria.Input\n              placeholder={searchText}\n              className={styles.input}\n              ref={ref}\n            />\n          </ReactAriaControlledValueFix>\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\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,WAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,YAAY,EAAA,UAAA;AAAA,MACX,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,0BAC1C,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAK,CAAA,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,IAAK,CAAA,KAAA;AAAA,gBAAL;AAAA,kBACC,WAAa,EAAA,UAAA;AAAA,kBACb,WAAW,MAAO,CAAA,KAAA;AAAA,kBAClB;AAAA;AAAA;AACF;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } 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 { 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\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface SearchFieldProps\n  extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const SearchField = flowComponent(\"SearchField\", (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    <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        <ReactAriaControlledValueFix\n          inputContext={Aria.InputContext}\n          props={props}\n        >\n          <Aria.Input\n            placeholder={searchText}\n            className={styles.input}\n            ref={ref}\n          />\n        </ReactAriaControlledValueFix>\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  );\n});\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,WAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,YAAY,EAAA,UAAA;AAAA,MACX,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,0BAC1C,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAK,CAAA,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,IAAK,CAAA,KAAA;AAAA,gBAAL;AAAA,kBACC,WAAa,EAAA,UAAA;AAAA,kBACb,WAAW,MAAO,CAAA,KAAA;AAAA,kBAClB;AAAA;AAAA;AACF;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GACrD;AAEJ,CAAC;;;;"}

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

@@ -5,10 +5,9 @@ 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 { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { ContextMenuSection } from '../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import ContextMenuSectionView from '../../views/ContextMenuSectionView.mjs';
 
 const Section = flowComponent("Section", (props) => {
   const {
@@ -23,7 +22,7 @@ const Section = flowComponent("Section", (props) => {
     return null;
   }
   if (renderContextMenuSection) {
-    return /* @__PURE__ */ jsx(ContextMenuSection, { ref, children });
+    return /* @__PURE__ */ jsx(ContextMenuSectionView, { ref, children });
   }
   const rootClassName = clsx(
     styles.section,
@@ -44,7 +43,7 @@ const Section = flowComponent("Section", (props) => {
       "aria-labelledby": headingId
     }
   };
-  return /* @__PURE__ */ jsx("section", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) });
+  return /* @__PURE__ */ jsx("section", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
 });
 
 export { Section, Section as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Section.mjs","sources":["../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React, { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ContextMenuSection } from \"@/components/ContextMenu/components/ContextMenuSection\";\n\nexport interface SectionProps\n  extends PropsWithChildren<ComponentProps<\"section\">>,\n    FlowComponentProps<HTMLElement> {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\"Section\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n    renderContextMenuSection,\n    hideSeparator,\n    ...rest\n  } = props;\n\n  if (!children) {\n    return null;\n  }\n\n  if (renderContextMenuSection) {\n    return (\n      <ContextMenuSection ref={ref as never}>{children}</ContextMenuSection>\n    );\n  }\n\n  const rootClassName = clsx(\n    styles.section,\n    className,\n    hideSeparator && styles.hideSeparator,\n  );\n\n  const headingId = useId();\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 2,\n      id: headingId,\n      className: styles.heading,\n    },\n    Header: {\n      renderSectionHeader: true,\n    },\n    List: {\n      \"aria-labelledby\": headingId,\n    },\n  };\n\n  return (\n    <section {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        {children}\n      </PropsContextProvider>\n    </section>\n  );\n});\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,wBAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,wBAA0B,EAAA;AAC5B,IACE,uBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,GAAA,EAAoB,QAAS,EAAA,CAAA;AAAA;AAIrD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,SAAA;AAAA,IACA,iBAAiB,MAAO,CAAA;AAAA,GAC1B;AAEA,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,CAAA;AAAA,MACP,EAAI,EAAA,SAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,mBAAqB,EAAA;AAAA,KACvB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,iBAAmB,EAAA;AAAA;AACrB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,SAAA,EAAA,EAAS,GAAG,IAAA,EAAM,WAAW,aAAe,EAAA,GAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,oBAAoB,EAAA,IAAA,EAC5D,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Section.mjs","sources":["../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\n\nexport interface SectionProps\n  extends PropsWithChildren<ComponentProps<\"section\">>,\n    FlowComponentProps<HTMLElement> {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\"Section\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n    renderContextMenuSection,\n    hideSeparator,\n    ...rest\n  } = props;\n\n  if (!children) {\n    return null;\n  }\n\n  if (renderContextMenuSection) {\n    return (\n      <ContextMenuSectionView ref={ref as never}>\n        {children}\n      </ContextMenuSectionView>\n    );\n  }\n\n  const rootClassName = clsx(\n    styles.section,\n    className,\n    hideSeparator && styles.hideSeparator,\n  );\n\n  const headingId = useId();\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 2,\n      id: headingId,\n      className: styles.heading,\n    },\n    Header: {\n      renderSectionHeader: true,\n    },\n    List: {\n      \"aria-labelledby\": headingId,\n    },\n  };\n\n  return (\n    <section {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </section>\n  );\n});\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,wBAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,wBAA0B,EAAA;AAC5B,IACE,uBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,GAAA,EACrB,QACH,EAAA,CAAA;AAAA;AAIJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,SAAA;AAAA,IACA,iBAAiB,MAAO,CAAA;AAAA,GAC1B;AAEA,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,CAAA;AAAA,MACP,EAAI,EAAA,SAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,mBAAqB,EAAA;AAAA,KACvB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,iBAAmB,EAAA;AAAA;AACrB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,SAAA,EAAA,EAAS,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC3C,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -4,9 +4,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import styles from './SectionHeader.module.scss.mjs';
 import clsx from 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
-import 'react';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 
 const SectionHeader = (props) => {
@@ -34,12 +32,6 @@ const SectionHeader = (props) => {
         tunnelId: null
       }
     },
-    ModalTrigger: {
-      tunnelId: "actions",
-      Button: {
-        tunnelId: null
-      }
-    },
     ContextualHelpTrigger: {
       tunnelId: "actions",
       Button: {

package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.mjs","sources":["../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.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, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n  PropsWithClassName &\n  RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n  const { children, className, ref } = props;\n\n  const rootClassName = clsx(styles.sectionHeader, className);\n\n  const propsContext: PropsContext = {\n    Switch: {\n      labelPosition: \"leading\",\n      tunnelId: \"actions\",\n    },\n    Button: {\n      size: \"s\",\n      tunnelId: \"actions\",\n    },\n    FileField: { tunnelId: \"actions\", Button: { size: \"s\" } },\n    ContextMenuTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    PopoverTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    ModalTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Action: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Heading: {\n      level: 2,\n    },\n    Link: {\n      tunnelId: \"actions\",\n    },\n  };\n\n  return (\n    <header ref={ref} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n          <div className={styles.actions}>\n            <TunnelExit id=\"actions\" />\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </header>\n  );\n};\n\nexport default SectionHeader;\n"],"names":[],"mappings":";;;;;;;;;AAYa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAA,EAAQ,GAAA,KAAA;AAErC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,aAAe,EAAA,SAAA;AAAA,MACf,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,SAAA,EAAW,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,EAAE,IAAA,EAAM,KAAM,EAAA;AAAA,IACxD,kBAAoB,EAAA;AAAA,MAClB,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACT;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,QAAO,EAAA,EAAA,GAAA,EAAU,SAAW,EAAA,aAAA,EAC3B,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,SACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SectionHeader.mjs","sources":["../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.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, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n  PropsWithClassName &\n  RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n  const { children, className, ref } = props;\n\n  const rootClassName = clsx(styles.sectionHeader, className);\n\n  const propsContext: PropsContext = {\n    Switch: {\n      labelPosition: \"leading\",\n      tunnelId: \"actions\",\n    },\n    Button: {\n      size: \"s\",\n      tunnelId: \"actions\",\n    },\n    FileField: { tunnelId: \"actions\", Button: { size: \"s\" } },\n    ContextMenuTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    PopoverTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Action: {\n      tunnelId: \"actions\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Heading: {\n      level: 2,\n    },\n    Link: {\n      tunnelId: \"actions\",\n    },\n  };\n\n  return (\n    <header ref={ref} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n          <div className={styles.actions}>\n            <TunnelExit id=\"actions\" />\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </header>\n  );\n};\n\nexport default SectionHeader;\n"],"names":[],"mappings":";;;;;;;AAYa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAA,EAAQ,GAAA,KAAA;AAErC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,aAAe,EAAA,SAAA;AAAA,MACf,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,SAAA,EAAW,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,EAAE,IAAA,EAAM,KAAM,EAAA;AAAA,IACxD,kBAAoB,EAAA;AAAA,MAClB,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,SAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACT;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,QAAO,EAAA,EAAA,GAAA,EAAU,SAAW,EAAA,aAAA,EAC3B,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,SACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/SegmentedControl/SegmentedControl.mjs

@@ -2,14 +2,12 @@
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import 'react';
 import * as Aria from 'react-aria-components';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import styles from './SegmentedControl.module.scss.mjs';
 import { getContainerBreakpointSizeClassName } from '../../lib/getContainerBreakpointSizeClassName.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import clsx from 'clsx';
@@ -46,20 +44,12 @@ const SegmentedControl = flowComponent("SegmentedControl", (props) => {
     }
   };
   return /* @__PURE__ */ jsxs(Aria.RadioGroup, { ...rest, className: rootClassName, ref, children: [
-    /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
-      PropsContextProvider,
-      {
-        dependencies: ["segment"],
-        props: propsContext,
-        mergeInParentContext: true,
-        children: [
-          children,
-          /* @__PURE__ */ jsx("div", { className: styles.segmentedControl, children: /* @__PURE__ */ jsx("div", { className: styles.segments, children: /* @__PURE__ */ jsx(TunnelExit, { id: "segments" }) }) }),
-          /* @__PURE__ */ jsx(TunnelExit, { id: "fieldDescription" }),
-          /* @__PURE__ */ jsx(TunnelExit, { id: "fieldError" })
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ jsx(PropsContextProvider, { dependencies: ["segment"], props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+      children,
+      /* @__PURE__ */ jsx("div", { className: styles.segmentedControl, children: /* @__PURE__ */ jsx("div", { className: styles.segments, children: /* @__PURE__ */ jsx(TunnelExit, { id: "segments" }) }) }),
+      /* @__PURE__ */ jsx(TunnelExit, { id: "fieldDescription" }),
+      /* @__PURE__ */ jsx(TunnelExit, { id: "fieldError" })
+    ] }) }),
     /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
   ] });
 });

package/dist/js/components/src/components/SegmentedControl/SegmentedControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.mjs","sources":["../../../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithContainerBreakpointSize } from \"@/lib/types/props\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./SegmentedControl.module.scss\";\nimport { getContainerBreakpointSizeClassName } from \"@/lib/getContainerBreakpointSizeClassName\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { FieldError } from \"@/components/FieldError\";\nimport clsx from \"clsx\";\n\nexport interface SegmentedControlProps\n  extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    PropsWithContainerBreakpointSize {}\n\n/** @flr-generate all */\nexport const SegmentedControl = flowComponent(\"SegmentedControl\", (props) => {\n  const {\n    children,\n    className,\n    containerBreakpointSize = \"m\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.segmentedControlContainer,\n    className,\n    styles[getContainerBreakpointSizeClassName(containerBreakpointSize)],\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    Segment: {\n      tunnelId: \"segments\",\n      className: styles.segment,\n    },\n  };\n\n  return (\n    <Aria.RadioGroup {...rest} className={rootClassName} ref={ref}>\n      <TunnelProvider>\n        <PropsContextProvider\n          dependencies={[\"segment\"]}\n          props={propsContext}\n          mergeInParentContext\n        >\n          {children}\n\n          <div className={styles.segmentedControl}>\n            <div className={styles.segments}>\n              <TunnelExit id=\"segments\" />\n            </div>\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 SegmentedControl;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,gBAAmB,GAAA,aAAA,CAAc,kBAAoB,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,uBAA0B,GAAA,GAAA;AAAA,IAC1B,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,yBAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,mCAAoC,CAAA,uBAAuB,CAAC;AAAA,GACrE;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,OAAS,EAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,WAAW,MAAO,CAAA;AAAA;AACpB,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,SAAS,CAAA;AAAA,QACxB,KAAO,EAAA,YAAA;AAAA,QACP,oBAAoB,EAAA,IAAA;AAAA,QAEnB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BAEA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,kBACrB,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,UAAA,EAAW,GAC5B,CACF,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":"SegmentedControl.mjs","sources":["../../../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithContainerBreakpointSize } from \"@/lib/types/props\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./SegmentedControl.module.scss\";\nimport { getContainerBreakpointSizeClassName } from \"@/lib/getContainerBreakpointSizeClassName\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { FieldError } from \"@/components/FieldError\";\nimport clsx from \"clsx\";\n\nexport interface SegmentedControlProps\n  extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    PropsWithContainerBreakpointSize {}\n\n/** @flr-generate all */\nexport const SegmentedControl = flowComponent(\"SegmentedControl\", (props) => {\n  const {\n    children,\n    className,\n    containerBreakpointSize = \"m\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.segmentedControlContainer,\n    className,\n    styles[getContainerBreakpointSizeClassName(containerBreakpointSize)],\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    Segment: {\n      tunnelId: \"segments\",\n      className: styles.segment,\n    },\n  };\n\n  return (\n    <Aria.RadioGroup {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider dependencies={[\"segment\"]} props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <div className={styles.segmentedControl}>\n            <div className={styles.segments}>\n              <TunnelExit id=\"segments\" />\n            </div>\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default SegmentedControl;\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBO,MAAM,gBAAmB,GAAA,aAAA,CAAc,kBAAoB,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,uBAA0B,GAAA,GAAA;AAAA,IAC1B,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,eAAgB,CAAA,SAAA;AAAA,IAChB,MAAO,CAAA,yBAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,mCAAoC,CAAA,uBAAuB,CAAC;AAAA,GACrE;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,OAAS,EAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,UAAL,EAAA,EAAiB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACnD,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,cAAc,CAAC,SAAS,GAAG,KAAO,EAAA,YAAA,EACtD,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAEA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,kBACrB,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,UAAA,EAAW,GAC5B,CACF,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,KAAA,EAC9B,CACF,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/src/components/SegmentedControl/components/Segment/Segment.mjs

@@ -1,24 +1,23 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import styles from './Segment.module.scss.mjs';
 import * as Aria from 'react-aria-components';
 import clsx from 'clsx';
+import 'react';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconCheck } from '../../../Icon/components/icons/IconCheck.mjs';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-import { ClearPropsContext } from '../../../ClearPropsContext/ClearPropsContext.mjs';
 
 const Segment = flowComponent("Segment", (props) => {
   const { children, className, ref, ...rest } = props;
   const rootClassName = clsx(styles.segment, className);
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(Aria.Radio, { ...rest, className: rootClassName, ref, children: [
+  return /* @__PURE__ */ jsxs(Aria.Radio, { ...rest, className: rootClassName, ref, children: [
     children,
     /* @__PURE__ */ jsx(IconCheck, { className: styles.checkmark })
-  ] }) });
+  ] });
 });
 
 export { Segment, Segment as default };

package/dist/js/components/src/components/SegmentedControl/components/Segment/Segment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.mjs","sources":["../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } 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 SegmentProps\n  extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.segment, className);\n\n  return (\n    <ClearPropsContext>\n      <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n        {children}\n        <IconCheck className={styles.checkmark} />\n      </Aria.Radio>\n    </ClearPropsContext>\n  );\n});\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC7C,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACA,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,SAAW,EAAA;AAAA,GAAA,EAC1C,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Segment.mjs","sources":["../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n  extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.segment, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {children}\n      <IconCheck className={styles.checkmark} />\n    </Aria.Radio>\n  );\n});\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,IAAA,CAAC,KAAK,KAAL,EAAA,EAAY,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC7C,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACA,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,SAAW,EAAA;AAAA,GAC1C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Select/Select.mjs

@@ -3,15 +3,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
 import '../../lib/propsContext/propsContext.mjs';
-import 'react';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import styles from './Select.module.scss.mjs';
 import clsx from 'clsx';
+import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Options } from '../Options/Options.mjs';

package/dist/js/components/src/components/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\n\nexport interface SelectProps\n  extends PropsWithChildren<\n      Omit<Aria.SelectProps<{ example: string }>, \"children\" | \"className\">\n    >,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Handler that is called when the selected value changes. */\n  onChange?: (value: string | number) => void;\n  /** An overlay controller to control the select option popover state. */\n  controller?: OverlayController;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Select = flowComponent(\"Select\", (props) => {\n  const {\n    children,\n    className,\n    onChange = () => {\n      // default: do nothing\n    },\n    onSelectionChange = () => {\n      // default: do nothing\n    },\n    controller: controllerFromProps,\n    ref,\n    isReadOnly,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.select,\n    formFieldStyles.formField,\n    className,\n  );\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    Option: {\n      tunnelId: \"options\",\n    },\n  };\n\n  const handleOnSelectionChange = (id: Key | null) => {\n    onChange(String(id));\n    onSelectionChange(id);\n  };\n\n  const controllerFromContext = useOverlayController(\"Select\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  return (\n    <Aria.Select\n      {...rest}\n      className={rootClassName}\n      ref={ref}\n      onSelectionChange={isReadOnly ? undefined : handleOnSelectionChange}\n      onOpenChange={(isOpen) => !isReadOnly && controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      data-readonly={isReadOnly}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <Aria.Button data-readonly={isReadOnly} className={styles.toggle}>\n            <Aria.SelectValue />\n            <IconChevronDown />\n          </Aria.Button>\n\n          {children}\n          <Options controller={controller}>\n            <TunnelExit id=\"options\" />\n          </Options>\n\n          <FieldError className={formFieldStyles.fieldError} />\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Aria.Select>\n  );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAW,MAAM;AAAA,KAEjB;AAAA,IACA,oBAAoB,MAAM;AAAA,KAE1B;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,eAAgB,CAAA,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,EAAmB,KAAA;AAClD,IAAS,QAAA,CAAA,MAAA,CAAO,EAAE,CAAC,CAAA;AACnB,IAAA,iBAAA,CAAkB,EAAE,CAAA;AAAA,GACtB;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,QAAU,EAAA;AAAA,IAC3D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,GAAA;AAAA,MACA,iBAAA,EAAmB,aAAa,MAAY,GAAA,uBAAA;AAAA,MAC5C,cAAc,CAACA,OAAAA,KAAW,CAAC,UAAc,IAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MAClE,MAAA;AAAA,MACA,eAAe,EAAA,UAAA;AAAA,MAEf,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAK,MAAL,EAAA,EAAY,iBAAe,UAAY,EAAA,SAAA,EAAW,OAAO,MACxD,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,8BACjB,eAAgB,EAAA,EAAA;AAAA,SACnB,EAAA,CAAA;AAAA,QAEC,QAAA;AAAA,4BACA,OAAQ,EAAA,EAAA,UAAA,EACP,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,WAAU,CAC3B,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,OAAA,EACrD,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Select.mjs","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\n\nexport interface SelectProps\n  extends PropsWithChildren<\n      Omit<Aria.SelectProps<{ example: string }>, \"children\" | \"className\">\n    >,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Handler that is called when the selected value changes. */\n  onChange?: (value: string | number) => void;\n  /** An overlay controller to control the select option popover state. */\n  controller?: OverlayController;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Select = flowComponent(\"Select\", (props) => {\n  const {\n    children,\n    className,\n    onChange = () => {\n      // default: do nothing\n    },\n    onSelectionChange = () => {\n      // default: do nothing\n    },\n    controller: controllerFromProps,\n    ref,\n    isReadOnly,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.select,\n    formFieldStyles.formField,\n    className,\n  );\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    Option: {\n      tunnelId: \"options\",\n    },\n  };\n\n  const handleOnSelectionChange = (id: Key | null) => {\n    onChange(String(id));\n    onSelectionChange(id);\n  };\n\n  const controllerFromContext = useOverlayController(\"Select\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  return (\n    <Aria.Select\n      {...rest}\n      className={rootClassName}\n      ref={ref}\n      onSelectionChange={isReadOnly ? undefined : handleOnSelectionChange}\n      onOpenChange={(isOpen) => !isReadOnly && controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      data-readonly={isReadOnly}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <Aria.Button data-readonly={isReadOnly} className={styles.toggle}>\n            <Aria.SelectValue />\n            <IconChevronDown />\n          </Aria.Button>\n\n          {children}\n          <Options controller={controller}>\n            <TunnelExit id=\"options\" />\n          </Options>\n\n          <FieldError className={formFieldStyles.fieldError} />\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Aria.Select>\n  );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;;AAgCO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAW,MAAM;AAAA,KAEjB;AAAA,IACA,oBAAoB,MAAM;AAAA,KAE1B;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,eAAgB,CAAA,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,EAAmB,KAAA;AAClD,IAAS,QAAA,CAAA,MAAA,CAAO,EAAE,CAAC,CAAA;AACnB,IAAA,iBAAA,CAAkB,EAAE,CAAA;AAAA,GACtB;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,QAAU,EAAA;AAAA,IAC3D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,GAAA;AAAA,MACA,iBAAA,EAAmB,aAAa,MAAY,GAAA,uBAAA;AAAA,MAC5C,cAAc,CAACA,OAAAA,KAAW,CAAC,UAAc,IAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MAClE,MAAA;AAAA,MACA,eAAe,EAAA,UAAA;AAAA,MAEf,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAK,MAAL,EAAA,EAAY,iBAAe,UAAY,EAAA,SAAA,EAAW,OAAO,MACxD,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,8BACjB,eAAgB,EAAA,EAAA;AAAA,SACnB,EAAA,CAAA;AAAA,QAEC,QAAA;AAAA,4BACA,OAAQ,EAAA,EAAA,UAAA,EACP,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,WAAU,CAC3B,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,OAAA,EACrD,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Slider/Slider.mjs

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import * as Aria from 'react-aria-components';
 import clsx from 'clsx';
 import styles from './Slider.module.scss.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { Button } from '../Button/Button.mjs';
+import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconMinus } from '../Icon/components/icons/IconMinus.mjs';
 import { IconPlus } from '../Icon/components/icons/IconPlus.mjs';
 import locales from '../../../../_virtual/_.locale.json@3ed2dc50f997451bdd85a713c54e1025.mjs';

package/dist/js/components/src/components/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SliderProps\n  extends FlowComponentProps<HTMLDivElement>,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  showInitialMarker?: boolean;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n  const {\n    className,\n    children,\n    name,\n    isDisabled,\n    defaultValue,\n    showInitialMarker,\n    isReadOnly,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.slider,\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const propsContext: PropsContext = {\n    Label: {\n      unstyled: true,\n    },\n  };\n\n  return (\n    <Aria.Slider\n      className={rootClassName}\n      isDisabled={isDisabled}\n      defaultValue={defaultValue}\n      {...rest}\n    >\n      <div className={styles.text}>\n        <Aria.SliderOutput className={styles.value} />\n\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n\n      <Aria.SliderTrack className={styles.track}>\n        {({ state }) => (\n          <>\n            <Button\n              onPress={() => state.decrementThumb(0)}\n              aria-label={stringFormatter.format(\"slider.decrement\")}\n              variant=\"plain\"\n              color=\"secondary\"\n              className={styles.decrement}\n              isDisabled={isDisabled}\n              excludeFromTabOrder\n              isReadOnly={isReadOnly}\n            >\n              <IconMinus />\n            </Button>\n\n            <Button\n              onPress={() => state.incrementThumb(0)}\n              aria-label={stringFormatter.format(\"slider.increment\")}\n              variant=\"plain\"\n              color=\"secondary\"\n              className={styles.increment}\n              isDisabled={isDisabled}\n              excludeFromTabOrder\n              isReadOnly={isReadOnly}\n            >\n              <IconPlus />\n            </Button>\n\n            <div\n              className={styles.fill}\n              style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n            />\n\n            {showInitialMarker &&\n              defaultValue &&\n              typeof defaultValue === \"number\" && (\n                <div\n                  className={styles.initialMarker}\n                  style={{\n                    left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n                  }}\n                />\n              )}\n\n            <Aria.SliderThumb\n              name={name}\n              className={styles.handle}\n              isDisabled={isReadOnly}\n            />\n          </>\n        )}\n      </Aria.SliderTrack>\n    </Aria.Slider>\n  );\n});\n\nexport default Slider;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider.mjs","sources":["../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SliderProps\n  extends FlowComponentProps<HTMLDivElement>,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  showInitialMarker?: boolean;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n  const {\n    className,\n    children,\n    name,\n    isDisabled,\n    defaultValue,\n    showInitialMarker,\n    isReadOnly,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.slider,\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const propsContext: PropsContext = {\n    Label: {\n      unstyled: true,\n    },\n  };\n\n  return (\n    <Aria.Slider\n      className={rootClassName}\n      isDisabled={isDisabled}\n      defaultValue={defaultValue}\n      {...rest}\n    >\n      <div className={styles.text}>\n        <Aria.SliderOutput className={styles.value} />\n\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n\n      <Aria.SliderTrack className={styles.track}>\n        {({ state }) => (\n          <>\n            <Button\n              onPress={() => state.decrementThumb(0)}\n              aria-label={stringFormatter.format(\"slider.decrement\")}\n              variant=\"plain\"\n              color=\"secondary\"\n              className={styles.decrement}\n              isDisabled={isDisabled}\n              excludeFromTabOrder\n              isReadOnly={isReadOnly}\n            >\n              <IconMinus />\n            </Button>\n\n            <Button\n              onPress={() => state.incrementThumb(0)}\n              aria-label={stringFormatter.format(\"slider.increment\")}\n              variant=\"plain\"\n              color=\"secondary\"\n              className={styles.increment}\n              isDisabled={isDisabled}\n              excludeFromTabOrder\n              isReadOnly={isReadOnly}\n            >\n              <IconPlus />\n            </Button>\n\n            <div\n              className={styles.fill}\n              style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n            />\n\n            {showInitialMarker &&\n              defaultValue &&\n              typeof defaultValue === \"number\" && (\n                <div\n                  className={styles.initialMarker}\n                  style={{\n                    left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n                  }}\n                />\n              )}\n\n            <Aria.SliderThumb\n              name={name}\n              className={styles.handle}\n              isDisabled={isReadOnly}\n            />\n          </>\n        )}\n      </Aria.SliderTrack>\n    </Aria.Slider>\n  );\n});\n\nexport default Slider;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/Switch/Switch.mjs

@@ -1,17 +1,16 @@
 "use client"
 /* */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
 import * as Aria from 'react-aria-components';
 import styles from './Switch.module.scss.mjs';
 import clsx from 'clsx';
+import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconCheck } from '../Icon/components/icons/IconCheck.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import { Label } from '../Label/Label.mjs';
-import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const Switch = flowComponent("Switch", (props) => {
@@ -27,10 +26,10 @@ const Switch = flowComponent("Switch", (props) => {
     styles[`label-${labelPosition}`],
     className
   );
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: styles.track, children: /* @__PURE__ */ jsx("div", { className: styles.handle, children: isSelected ? /* @__PURE__ */ jsx(IconCheck, { size: "s" }) : /* @__PURE__ */ jsx(IconClose, { size: "s" }) }) }),
     children && /* @__PURE__ */ jsx(Label, { className: styles.label, children })
-  ] }) }) });
+  ] }) });
 });
 
 export { Switch, Switch as default };

package/dist/js/components/src/components/Switch/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport { Label } from \"@/components/Label\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SwitchProps\n  extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n  const {\n    children,\n    className,\n    labelPosition = \"trailing\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.switch,\n    styles[`label-${labelPosition}`],\n    className,\n  );\n\n  return (\n    <ClearPropsContext>\n      <Aria.Switch {...rest} className={rootClassName} ref={ref}>\n        {({ isSelected }) => (\n          <>\n            <div className={styles.track}>\n              <div className={styles.handle}>\n                {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n              </div>\n            </div>\n            {children && <Label className={styles.label}>{children}</Label>}\n          </>\n        )}\n      </Aria.Switch>\n    </ClearPropsContext>\n  );\n});\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAyBO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAgB,GAAA,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,IAC/B;AAAA,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,QAAL,EAAa,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC9C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,KAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,MACpB,EAAA,QAAA,EAAA,UAAA,uBAAc,SAAU,EAAA,EAAA,IAAA,EAAK,KAAI,CAAK,mBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,GAC7D,CACF,EAAA,CAAA;AAAA,IACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,GAAA,EACzD,GAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Switch.mjs","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport { Label } from \"@/components/Label\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SwitchProps\n  extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n  const {\n    children,\n    className,\n    labelPosition = \"trailing\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.switch,\n    styles[`label-${labelPosition}`],\n    className,\n  );\n\n  return (\n    <Aria.Switch {...rest} className={rootClassName} ref={ref}>\n      {({ isSelected }) => (\n        <>\n          <div className={styles.track}>\n            <div className={styles.handle}>\n              {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n            </div>\n          </div>\n          {children && <Label className={styles.label}>{children}</Label>}\n        </>\n      )}\n    </Aria.Switch>\n  );\n});\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoBO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAgB,GAAA,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,IAC/B;AAAA,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,MAAL,EAAA,EAAa,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC9C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,KAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,MACpB,EAAA,QAAA,EAAA,UAAA,uBAAc,SAAU,EAAA,EAAA,IAAA,EAAK,KAAI,CAAK,mBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,GAC7D,CACF,EAAA,CAAA;AAAA,IACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,GAAA,EACzD,CAEJ,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Table/components/TableColumn/TableColumn.mjs

@@ -6,8 +6,7 @@ import * as Aria from 'react-aria-components';
 import clsx from 'clsx';
 import styles from '../../Table.module.scss.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 
 const TableColumn = (props) => {
   const { children, className, horizontalAlign = "start", ...rest } = props;

package/dist/js/components/src/components/Table/components/TableColumn/TableColumn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n  extends Omit<Aria.ColumnProps, \"children\">,\n    PropsWithChildren {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;;;;AAea,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,kBAAkB,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,eAA6B,EAAE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAE9D,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,MAAL,EAAA,EAAY,aAAW,IAAC,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n  extends Omit<Aria.ColumnProps, \"children\">,\n    PropsWithChildren {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;;;AAea,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,kBAAkB,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,eAA6B,EAAE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAE9D,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,MAAL,EAAA,EAAY,aAAW,IAAC,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Tabs/components/Tab/Tab.mjs

@@ -8,8 +8,7 @@ import clsx from 'clsx';
 import { TabContextProvider } from './context.mjs';
 import { TunnelEntry } from '@mittwald/react-tunnel';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import { Activity } from '../../../Activity/Activity.mjs';
 
 const Tab = (props) => {

package/dist/js/components/src/components/Tabs/components/Tab/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode } from \"react\";\nimport React, { useId } from \"react\";\nimport type { TabPanelRenderProps } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tab.module.scss\";\nimport clsx from \"clsx\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface TabProps\n  extends Omit<Aria.TabPanelProps, \"children\">,\n    PropsWithChildren {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Tab: FC<TabProps> = (props) => {\n  const { children, className, id: idFromProps, ...rest } = props;\n\n  const rootClassName = clsx(styles.tabPanel, className);\n\n  const generatedId = useId();\n  const id = idFromProps ?? generatedId;\n\n  const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {\n    const isSelected = props.state.selectedKey === id;\n\n    const propsContext: PropsContext = {\n      Content: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n      Section: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n    };\n\n    return (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isSelected, children]}\n      >\n        {children}\n      </PropsContextProvider>\n    );\n  };\n\n  return (\n    <TunnelEntry id=\"Panels\">\n      <TabContextProvider value={{ id }}>\n        <Aria.TabPanel\n          className={rootClassName}\n          shouldForceMount\n          id={id}\n          {...rest}\n        >\n          {TabPanelRenderer}\n        </Aria.TabPanel>\n      </TabContextProvider>\n    </TunnelEntry>\n  );\n};\n\nexport default Tab;\n"],"names":["props"],"mappings":";;;;;;;;;;;;AAoBa,MAAA,GAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAI,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAE1D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,cAAc,KAAM,EAAA;AAC1B,EAAA,MAAM,KAAK,WAAe,IAAA,WAAA;AAE1B,EAAM,MAAA,gBAAA,GAAmB,CAACA,MAAmD,KAAA;AAC3E,IAAM,MAAA,UAAA,GAAaA,MAAM,CAAA,KAAA,CAAM,WAAgB,KAAA,EAAA;AAE/C,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA,OAC5C;AAAA,MACA,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA;AAC5C,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,UAAA,EAAY,QAAQ,CAAA;AAAA,QAElC;AAAA;AAAA,KACH;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,eAAY,EAAG,EAAA,QAAA,EACd,8BAAC,kBAAmB,EAAA,EAAA,KAAA,EAAO,EAAE,EAAA,EAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,gBAAgB,EAAA,IAAA;AAAA,MAChB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode } from \"react\";\nimport { useId } from \"react\";\nimport type { TabPanelRenderProps } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tab.module.scss\";\nimport clsx from \"clsx\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface TabProps\n  extends Omit<Aria.TabPanelProps, \"children\">,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const Tab: FC<TabProps> = (props) => {\n  const { children, className, id: idFromProps, ...rest } = props;\n\n  const rootClassName = clsx(styles.tabPanel, className);\n\n  const generatedId = useId();\n  const id = idFromProps ?? generatedId;\n\n  const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {\n    const isSelected = props.state.selectedKey === id;\n\n    const propsContext: PropsContext = {\n      Content: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n      Section: {\n        wrapWith: <Activity isActive={isSelected} />,\n      },\n    };\n\n    return (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isSelected, children]}\n      >\n        {children}\n      </PropsContextProvider>\n    );\n  };\n\n  return (\n    <TunnelEntry id=\"Panels\">\n      <TabContextProvider value={{ id }}>\n        <Aria.TabPanel\n          className={rootClassName}\n          shouldForceMount\n          id={id}\n          {...rest}\n        >\n          {TabPanelRenderer}\n        </Aria.TabPanel>\n      </TabContextProvider>\n    </TunnelEntry>\n  );\n};\n\nexport default Tab;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAiBa,MAAA,GAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAI,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAE1D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,cAAc,KAAM,EAAA;AAC1B,EAAA,MAAM,KAAK,WAAe,IAAA,WAAA;AAE1B,EAAM,MAAA,gBAAA,GAAmB,CAACA,MAAmD,KAAA;AAC3E,IAAM,MAAA,UAAA,GAAaA,MAAM,CAAA,KAAA,CAAM,WAAgB,KAAA,EAAA;AAE/C,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA,OAC5C;AAAA,MACA,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA;AAC5C,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,UAAA,EAAY,QAAQ,CAAA;AAAA,QAElC;AAAA;AAAA,KACH;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,eAAY,EAAG,EAAA,QAAA,EACd,8BAAC,kBAAmB,EAAA,EAAA,KAAA,EAAO,EAAE,EAAA,EAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,gBAAgB,EAAA,IAAA;AAAA,MAChB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Tabs/components/TabList/TabList.mjs

@@ -6,8 +6,6 @@ import * as Aria from 'react-aria-components';
 import styles from './TabList.module.scss.mjs';
 import { TunnelExit } from '@mittwald/react-tunnel';
 import { useObserveOverflow } from '../../../../lib/hooks/dom/useObserveOverflow.mjs';
-import { ContextMenu } from '../../../ContextMenu/ContextMenu.mjs';
-import { ContextMenuTrigger } from '../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
 import { Button } from '../../../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
@@ -15,6 +13,8 @@ import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconContextMenu } from '../../../Icon/components/icons/IconContextMenu.mjs';
 import clsx from 'clsx';
 import { TabTitleCollapsed } from '../TabTitle/TabTitleCollapsed.mjs';
+import ContextMenuTriggerView from '../../../../views/ContextMenuTriggerView.mjs';
+import ContextMenuView from '../../../../views/ContextMenuView.mjs';
 
 const TabList = (props) => {
   const { selection, disabledKeys, onContextMenuSelectionChange } = props;
@@ -27,7 +27,7 @@ const TabList = (props) => {
   };
   const regularTabTitles = /* @__PURE__ */ jsx(Aria.TabList, { className: styles.titles, ref: overflowObserver.ref, children: /* @__PURE__ */ jsx(TunnelExit, { id: "Titles" }) });
   const singleTabTitleWhenCollapsed = isCollapsed && /* @__PURE__ */ jsx(TabTitleCollapsed, { id: titleCollapsedElementId });
-  const contextMenuWhenCollapsed = isCollapsed && /* @__PURE__ */ jsxs(ContextMenuTrigger, { children: [
+  const contextMenuWhenCollapsed = isCollapsed && /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [
     /* @__PURE__ */ jsx(
       Button,
       {
@@ -39,7 +39,7 @@ const TabList = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      ContextMenu,
+      ContextMenuView,
       {
         disabledKeys,
         selectedKeys: selection ? [selection] : void 0,

package/dist/js/components/src/components/Tabs/components/TabList/TabList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.mjs","sources":["../../../../../../../../src/components/Tabs/components/TabList/TabList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React, { useId } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TabList.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObserveOverflow } from \"@/lib/hooks/dom/useObserveOverflow\";\nimport { ContextMenu } from \"@/components/ContextMenu/ContextMenu\";\nimport { ContextMenuTrigger } from \"@/components/ContextMenu/components/ContextMenuTrigger\";\nimport { Button } from \"@/components/Button\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport TabTitleCollapsed from \"@/components/Tabs/components/TabTitle/TabTitleCollapsed\";\n\ninterface Props {\n  selection: Aria.Key | undefined;\n  onContextMenuSelectionChange: (key: Aria.Key) => void;\n  disabledKeys?: Iterable<Aria.Key>;\n}\n\nexport const TabList: FC<Props> = (props) => {\n  const { selection, disabledKeys, onContextMenuSelectionChange } = props;\n\n  const titleCollapsedElementId = useId();\n  const overflowObserver = useObserveOverflow();\n  const isCollapsed = overflowObserver.isOverflowing;\n  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);\n\n  const handleContextMenuSelectionChange = (key: Aria.Key) => {\n    onContextMenuSelectionChange(key);\n  };\n\n  const regularTabTitles = (\n    <Aria.TabList className={styles.titles} ref={overflowObserver.ref}>\n      <TunnelExit id=\"Titles\" />\n    </Aria.TabList>\n  );\n\n  const singleTabTitleWhenCollapsed = isCollapsed && (\n    <TabTitleCollapsed id={titleCollapsedElementId} />\n  );\n\n  const contextMenuWhenCollapsed = isCollapsed && (\n    <ContextMenuTrigger>\n      <Button\n        variant=\"soft\"\n        className={styles.contextMenuButton}\n        color=\"secondary\"\n        aria-labelledby={titleCollapsedElementId}\n      >\n        <IconContextMenu />\n      </Button>\n\n      <ContextMenu\n        disabledKeys={disabledKeys}\n        selectedKeys={selection ? [selection] : undefined}\n        selectionMode=\"navigation\"\n        onAction={(key) => handleContextMenuSelectionChange(key)}\n      >\n        <TunnelExit id=\"ContextMenuItems\" />\n      </ContextMenu>\n    </ContextMenuTrigger>\n  );\n\n  return (\n    <div className={rootClassName}>\n      {regularTabTitles}\n      {singleTabTitleWhenCollapsed}\n      {contextMenuWhenCollapsed}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBa,MAAA,OAAA,GAAqB,CAAC,KAAU,KAAA;AAC3C,EAAA,MAAM,EAAE,SAAA,EAAW,YAAc,EAAA,4BAAA,EAAiC,GAAA,KAAA;AAElE,EAAA,MAAM,0BAA0B,KAAM,EAAA;AACtC,EAAA,MAAM,mBAAmB,kBAAmB,EAAA;AAC5C,EAAA,MAAM,cAAc,gBAAiB,CAAA,aAAA;AACrC,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAS,EAAA,WAAA,IAAe,OAAO,SAAS,CAAA;AAE1E,EAAM,MAAA,gCAAA,GAAmC,CAAC,GAAkB,KAAA;AAC1D,IAAA,4BAAA,CAA6B,GAAG,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,gBACJ,mBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,SAAW,EAAA,MAAA,CAAO,MAAQ,EAAA,GAAA,EAAK,iBAAiB,GAC5D,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAGF,EAAA,MAAM,2BAA8B,GAAA,WAAA,oBACjC,GAAA,CAAA,iBAAA,EAAA,EAAkB,IAAI,uBAAyB,EAAA,CAAA;AAGlD,EAAM,MAAA,wBAAA,GAA2B,WAC/B,oBAAA,IAAA,CAAC,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,WAAW,MAAO,CAAA,iBAAA;AAAA,QAClB,KAAM,EAAA,WAAA;AAAA,QACN,iBAAiB,EAAA,uBAAA;AAAA,QAEjB,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KACnB;AAAA,oBAEA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,YAAc,EAAA,SAAA,GAAY,CAAC,SAAS,CAAI,GAAA,MAAA;AAAA,QACxC,aAAc,EAAA,YAAA;AAAA,QACd,QAAU,EAAA,CAAC,GAAQ,KAAA,gCAAA,CAAiC,GAAG,CAAA;AAAA,QAEvD,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA;AAAA;AAAA;AACpC,GACF,EAAA,CAAA;AAGF,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aACb,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA;AAAA,IACA,2BAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TabList.mjs","sources":["../../../../../../../../src/components/Tabs/components/TabList/TabList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useId } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TabList.module.scss\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObserveOverflow } from \"@/lib/hooks/dom/useObserveOverflow\";\nimport { Button } from \"@/components/Button\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport TabTitleCollapsed from \"@/components/Tabs/components/TabTitle/TabTitleCollapsed\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\ninterface Props {\n  selection: Aria.Key | undefined;\n  onContextMenuSelectionChange: (key: Aria.Key) => void;\n  disabledKeys?: Iterable<Aria.Key>;\n}\n\nexport const TabList: FC<Props> = (props) => {\n  const { selection, disabledKeys, onContextMenuSelectionChange } = props;\n\n  const titleCollapsedElementId = useId();\n  const overflowObserver = useObserveOverflow();\n  const isCollapsed = overflowObserver.isOverflowing;\n  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);\n\n  const handleContextMenuSelectionChange = (key: Aria.Key) => {\n    onContextMenuSelectionChange(key);\n  };\n\n  const regularTabTitles = (\n    <Aria.TabList className={styles.titles} ref={overflowObserver.ref}>\n      <TunnelExit id=\"Titles\" />\n    </Aria.TabList>\n  );\n\n  const singleTabTitleWhenCollapsed = isCollapsed && (\n    <TabTitleCollapsed id={titleCollapsedElementId} />\n  );\n\n  const contextMenuWhenCollapsed = isCollapsed && (\n    <ContextMenuTriggerView>\n      <Button\n        variant=\"soft\"\n        className={styles.contextMenuButton}\n        color=\"secondary\"\n        aria-labelledby={titleCollapsedElementId}\n      >\n        <IconContextMenu />\n      </Button>\n\n      <ContextMenuView\n        disabledKeys={disabledKeys}\n        selectedKeys={selection ? [selection] : undefined}\n        selectionMode=\"navigation\"\n        onAction={(key) => handleContextMenuSelectionChange(key)}\n      >\n        <TunnelExit id=\"ContextMenuItems\" />\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n\n  return (\n    <div className={rootClassName}>\n      {regularTabTitles}\n      {singleTabTitleWhenCollapsed}\n      {contextMenuWhenCollapsed}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBa,MAAA,OAAA,GAAqB,CAAC,KAAU,KAAA;AAC3C,EAAA,MAAM,EAAE,SAAA,EAAW,YAAc,EAAA,4BAAA,EAAiC,GAAA,KAAA;AAElE,EAAA,MAAM,0BAA0B,KAAM,EAAA;AACtC,EAAA,MAAM,mBAAmB,kBAAmB,EAAA;AAC5C,EAAA,MAAM,cAAc,gBAAiB,CAAA,aAAA;AACrC,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAS,EAAA,WAAA,IAAe,OAAO,SAAS,CAAA;AAE1E,EAAM,MAAA,gCAAA,GAAmC,CAAC,GAAkB,KAAA;AAC1D,IAAA,4BAAA,CAA6B,GAAG,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,gBACJ,mBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,SAAW,EAAA,MAAA,CAAO,MAAQ,EAAA,GAAA,EAAK,iBAAiB,GAC5D,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAGF,EAAA,MAAM,2BAA8B,GAAA,WAAA,oBACjC,GAAA,CAAA,iBAAA,EAAA,EAAkB,IAAI,uBAAyB,EAAA,CAAA;AAGlD,EAAM,MAAA,wBAAA,GAA2B,WAC/B,oBAAA,IAAA,CAAC,sBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,WAAW,MAAO,CAAA,iBAAA;AAAA,QAClB,KAAM,EAAA,WAAA;AAAA,QACN,iBAAiB,EAAA,uBAAA;AAAA,QAEjB,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KACnB;AAAA,oBAEA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,YAAc,EAAA,SAAA,GAAY,CAAC,SAAS,CAAI,GAAA,MAAA;AAAA,QACxC,aAAc,EAAA,YAAA;AAAA,QACd,QAAU,EAAA,CAAC,GAAQ,KAAA,gCAAA,CAAiC,GAAG,CAAA;AAAA,QAEvD,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA;AAAA;AAAA;AACpC,GACF,EAAA,CAAA;AAGF,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aACb,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA;AAAA,IACA,2BAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Text/Text.mjs

@@ -3,9 +3,8 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import * as Aria from 'react-aria-components';
-import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import invariant from 'invariant';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { EmulatedBoldText } from '../EmulatedBoldText/EmulatedBoldText.mjs';
@@ -52,16 +51,7 @@ const Text = flowComponent("Text", (props) => {
     typeof elementType === "string",
     "'elementType' in Text component must be of type string"
   );
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(
-    Aria.Text,
-    {
-      style,
-      ...textProps,
-      elementType,
-      ref,
-      children: childrenElement
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Aria.Text, { style, ...textProps, elementType, ref, children: childrenElement });
 });
 
 export { Text, Text as default };