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

package/dist/js/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 {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent<\"Section\", HTMLElement>(\n  \"Section\",\n  (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 <ContextMenuSection>{children}</ContextMenuSection>;\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);\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA;AAAA,EACrB,SAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,wBAAA;AAAA,MACA,aAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAO,uBAAA,GAAA,CAAC,sBAAoB,QAAS,EAAA,CAAA;AAAA;AAGvC,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,OAAA;AAAA,MACP,SAAA;AAAA,MACA,iBAAiB,MAAO,CAAA;AAAA,KAC1B;AAEA,IAAA,MAAM,YAAY,KAAM,EAAA;AAExB,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,EAAI,EAAA,SAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,mBAAqB,EAAA;AAAA,OACvB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,iBAAmB,EAAA;AAAA;AACrB,KACF;AAEA,IAAA,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;AAAA;AAGN;;;;"}
+{"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 {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent<\"Section\", HTMLElement>(\n  \"Section\",\n  (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 <ContextMenuSection>{children}</ContextMenuSection>;\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);\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA;AAAA,EACrB,SAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,wBAAA;AAAA,MACA,aAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAO,uBAAA,GAAA,CAAC,sBAAoB,QAAS,EAAA,CAAA;AAAA;AAGvC,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,OAAA;AAAA,MACP,SAAA;AAAA,MACA,iBAAiB,MAAO,CAAA;AAAA,KAC1B;AAEA,IAAA,MAAM,YAAY,KAAM,EAAA;AAExB,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,EAAI,EAAA,SAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,mBAAqB,EAAA;AAAA,OACvB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,iBAAmB,EAAA;AAAA;AACrB,KACF;AAEA,IAAA,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;AAAA;AAGN;;;;"}

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

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

package/dist/js/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 } from \"react\";\nimport React 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 & PropsWithClassName;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n  const { children, className } = 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      className: styles.heading,\n    },\n    Link: {\n      tunnelId: \"actions\",\n    },\n  };\n\n  return (\n    <header 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":";;;;;;;;AAWa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,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,CAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,YAAO,SAAW,EAAA,aAAA,EACjB,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 } from \"react\";\nimport React 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 & PropsWithClassName;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n  const { children, className } = 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      className: styles.heading,\n    },\n    Link: {\n      tunnelId: \"actions\",\n    },\n  };\n\n  return (\n    <header 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":";;;;;;;;;AAWa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,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,CAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,YAAO,SAAW,EAAA,aAAA,EACjB,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/SegmentedControl/SegmentedControl.mjs

@@ -8,6 +8,7 @@ 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 { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { FieldError } from '../FieldError/FieldError.mjs';

package/dist/js/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"],"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 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"],"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;;;;"}

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

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

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

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

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

@@ -1,22 +1,22 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FieldError } from '../FieldError/FieldError.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import 'react';
-import '@tabler/icons-react';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import * as Aria from 'react-aria-components';
 import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import 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 '@tabler/icons-react';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { Options } from '../Options/Options.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import 'mobx';
 import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
-import * as Aria from 'react-aria-components';
-import styles from './Select.module.scss.mjs';
 
 const Select = flowComponent("Select", (props) => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import { FieldError } from \"@/components/FieldError\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { Options } from \"@/components/Options\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\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\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Select.module.scss\";\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}\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    ...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) => {\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={handleOnSelectionChange}\n      onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n      isOpen={isOpen}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <Aria.Button 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":";;;;;;;;;;;;;;;;;;AA8BO,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,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,EAAY,KAAA;AAC3C,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,iBAAmB,EAAA,uBAAA;AAAA,MACnB,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,SAAA,EAAW,OAAO,MAC7B,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 React 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}\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    ...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) => {\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={handleOnSelectionChange}\n      onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n      isOpen={isOpen}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <Aria.Button 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":";;;;;;;;;;;;;;;;;;AAkCO,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,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,EAAY,KAAA;AAC3C,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,iBAAmB,EAAA,uBAAA;AAAA,MACnB,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,SAAA,EAAW,OAAO,MAC7B,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/Slider/Slider.mjs

@@ -1,20 +1,20 @@
 "use client"
 /* */
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Button } from '../Button/Button.mjs';
 import 'react';
-import '@tabler/icons-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 clsx from 'clsx';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
 import { IconMinus } from '../Icon/components/icons/IconMinus.mjs';
 import { IconPlus } from '../Icon/components/icons/IconPlus.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import * as Aria from 'react-aria-components';
 import locales from '../../_virtual/_.locale.json@3ed2dc50f997451bdd85a713c54e1025.mjs';
-import styles from './Slider.module.scss.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
 
 const Slider = flowComponent("Slider", (props) => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport * as Aria from \"react-aria-components\";\nimport locales from \"./locales/*.locale.json\";\nimport styles from \"./Slider.module.scss\";\n\nexport interface SliderProps\n  extends FlowComponentProps,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  showInitialMarker?: 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    ...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            >\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            >\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 name={name} className={styles.handle} />\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 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,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  showInitialMarker?: 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    ...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            >\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            >\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 name={name} className={styles.handle} />\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/Switch/Switch.mjs

@@ -2,16 +2,16 @@
 /* */
 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 '@tabler/icons-react';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconCheck } from '../Icon/components/icons/IconCheck.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import { Label } from '../Label/Label.mjs';
-import * as Aria from 'react-aria-components';
-import styles from './Switch.module.scss.mjs';
 
 const Switch = flowComponent(
   "Switch",
@@ -28,7 +28,7 @@ const Switch = flowComponent(
       styles[`label-${labelPosition}`],
       className
     );
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__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 })
     ] }) }) });

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { 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\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\n\nexport interface SwitchProps\n  extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n    FlowComponentProps {\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\", HTMLLabelElement>(\n  \"Switch\",\n  (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      <ClearPropsContextView>\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      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAgB,GAAA,UAAA;AAAA,MAChB,GAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,MAC/B;AAAA,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,qBAAA,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,sBAAC,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,MACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,KAAA,EACzD,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"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 {\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\", HTMLLabelElement>(\n  \"Switch\",\n  (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);\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyBO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAgB,GAAA,UAAA;AAAA,MAChB,GAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,MAC/B;AAAA,KACF;AAEA,IAAA,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,sBAAC,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,MACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,KAAA,EACzD,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1,15 +1,16 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { Activity } from '../../../Activity/Activity.mjs';
-import { TabContextProvider } from './context.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
-import { TunnelEntry } from '@mittwald/react-tunnel';
-import clsx from 'clsx';
 import { useId } from 'react';
 import * as Aria from 'react-aria-components';
 import styles from './Tab.module.scss.mjs';
+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 { Activity } from '../../../Activity/Activity.mjs';
 
 const Tab = (props) => {
   const { children, className, id: idFromProps, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import { Activity } from \"@/components/Activity\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport 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\";\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;;;;"}
+{"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;;;;"}

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

@@ -7,23 +7,17 @@ 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 clsx from 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import '@tabler/icons-react';
-import '../../../../lib/slotContext/slotContext.mjs';
 import { IconContextMenu } from '../../../Icon/components/icons/IconContextMenu.mjs';
-import 'react-aria';
-import { ContextMenuTrigger } from '../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
-import 'mobx';
-import '../../../../lib/controller/overlay/context.mjs';
-import 'invariant';
-import '../../../Action/context.mjs';
-import '../../../Action/models/ActionStateContext.mjs';
-import { Button } from '../../../Button/Button.mjs';
 import { TabTitleCollapsed } from '../TabTitle/TabTitleCollapsed.mjs';
 
 const TabList = (props) => {

package/dist/js/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, ContextMenuTrigger } from \"@/components/ContextMenu\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,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 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;;;;"}

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

@@ -1,15 +1,16 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { EmulatedBoldText } from '../EmulatedBoldText/EmulatedBoldText.mjs';
-import { Wrap } from '../Wrap/Wrap.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+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 ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
 import invariant from 'invariant';
-import * as Aria from 'react-aria-components';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { EmulatedBoldText } from '../EmulatedBoldText/EmulatedBoldText.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
+import clsx from 'clsx';
 import styles from './Text.module.scss.mjs';
 
 const Text = flowComponent("Text", (props) => {
@@ -44,7 +45,7 @@ const Text = flowComponent("Text", (props) => {
     typeof elementType === "string",
     "'elementType' in Text component must be of type string"
   );
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(Aria.Text, { ...textProps, elementType, ref, children: childrenElement }) });
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Aria.Text, { ...textProps, elementType, ref, children: childrenElement }) });
 });
 
 export { Text, Text as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport invariant from \"invariant\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps\n  extends PropsWithChildren,\n    Omit<Aria.TextProps, \"children\" | \"elementType\">,\n    PropsWithElementType<\"span\" | \"div\" | \"p\">,\n    FlowComponentProps {\n  /* Whether the elements width should match the width it would have with mold text. */\n  emulateBoldWidth?: boolean;\n  /* The color of the text. */\n  color?: \"light\" | \"dark\";\n  /* The alignment of the text. @default \"start\" */\n  align?: \"start\" | \"end\" | \"center\";\n}\n\n/** @flr-generate all */\nexport const Text = flowComponent<\"Text\", HTMLDivElement>(\"Text\", (props) => {\n  const {\n    children,\n    className,\n    elementType = \"span\",\n    emulateBoldWidth,\n    ref,\n    color,\n    align = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.text,\n    color && styles[color],\n    align && styles[`align-${align}`],\n    className,\n  );\n\n  const textProps = { ...rest, className: rootClassName };\n\n  const propsContext: PropsContext = {\n    Link: {\n      inline: true,\n    },\n  };\n\n  const childrenElement = (\n    <PropsContextProvider props={propsContext}>\n      <Wrap if={emulateBoldWidth}>\n        <EmulatedBoldText>{children}</EmulatedBoldText>\n      </Wrap>\n    </PropsContextProvider>\n  );\n\n  if (!props.slot) {\n    const Element = elementType;\n    return (\n      <Element {...textProps} ref={ref}>\n        {childrenElement}\n      </Element>\n    );\n  }\n\n  invariant(\n    typeof elementType === \"string\",\n    \"'elementType' in Text component must be of type string\",\n  );\n\n  return (\n    <ClearPropsContextView>\n      <Aria.Text {...textProps} elementType={elementType} ref={ref}>\n        {childrenElement}\n      </Aria.Text>\n    </ClearPropsContextView>\n  );\n});\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BO,MAAM,IAAO,GAAA,aAAA,CAAsC,MAAQ,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,MAAA;AAAA,IACd,gBAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAQ,GAAA,OAAA;AAAA,IACR,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,KAAA,IAAS,OAAO,KAAK,CAAA;AAAA,IACrB,KAAS,IAAA,MAAA,CAAO,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,IAChC;AAAA,GACF;AAEA,EAAA,MAAM,SAAY,GAAA,EAAE,GAAG,IAAA,EAAM,WAAW,aAAc,EAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA;AACV,GACF;AAEA,EAAA,MAAM,eACJ,mBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,gBACR,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAkB,EAAA,EAAA,QAAA,EAAS,GAC9B,CACF,EAAA,CAAA;AAGF,EAAI,IAAA,CAAC,MAAM,IAAM,EAAA;AACf,IAAA,MAAM,OAAU,GAAA,WAAA;AAChB,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,SAAA,EAAW,KACrB,QACH,EAAA,eAAA,EAAA,CAAA;AAAA;AAIJ,EAAA,SAAA;AAAA,IACE,OAAO,WAAgB,KAAA,QAAA;AAAA,IACvB;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EAAW,GAAG,SAAW,EAAA,WAAA,EAA0B,GACjD,EAAA,QAAA,EAAA,eAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\n\nexport interface TextProps\n  extends PropsWithChildren,\n    Omit<Aria.TextProps, \"children\" | \"elementType\">,\n    PropsWithElementType<\"span\" | \"div\" | \"p\">,\n    FlowComponentProps {\n  /* Whether the elements width should match the width it would have with mold text. */\n  emulateBoldWidth?: boolean;\n  /* The color of the text. */\n  color?: \"light\" | \"dark\";\n  /* The alignment of the text. @default \"start\" */\n  align?: \"start\" | \"end\" | \"center\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Text = flowComponent<\"Text\", HTMLDivElement>(\"Text\", (props) => {\n  const {\n    children,\n    className,\n    elementType = \"span\",\n    emulateBoldWidth,\n    ref,\n    color,\n    align = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.text,\n    color && styles[color],\n    align && styles[`align-${align}`],\n    className,\n  );\n\n  const textProps = { ...rest, className: rootClassName };\n\n  const propsContext: PropsContext = {\n    Link: {\n      inline: true,\n    },\n  };\n\n  const childrenElement = (\n    <PropsContextProvider props={propsContext}>\n      <Wrap if={emulateBoldWidth}>\n        <EmulatedBoldText>{children}</EmulatedBoldText>\n      </Wrap>\n    </PropsContextProvider>\n  );\n\n  if (!props.slot) {\n    const Element = elementType;\n    return (\n      <Element {...textProps} ref={ref}>\n        {childrenElement}\n      </Element>\n    );\n  }\n\n  invariant(\n    typeof elementType === \"string\",\n    \"'elementType' in Text component must be of type string\",\n  );\n\n  return (\n    <ClearPropsContext>\n      <Aria.Text {...textProps} elementType={elementType} ref={ref}>\n        {childrenElement}\n      </Aria.Text>\n    </ClearPropsContext>\n  );\n});\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgCO,MAAM,IAAO,GAAA,aAAA,CAAsC,MAAQ,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,MAAA;AAAA,IACd,gBAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAQ,GAAA,OAAA;AAAA,IACR,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,KAAA,IAAS,OAAO,KAAK,CAAA;AAAA,IACrB,KAAS,IAAA,MAAA,CAAO,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,IAChC;AAAA,GACF;AAEA,EAAA,MAAM,SAAY,GAAA,EAAE,GAAG,IAAA,EAAM,WAAW,aAAc,EAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA;AACV,GACF;AAEA,EAAA,MAAM,eACJ,mBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,gBACR,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAkB,EAAA,EAAA,QAAA,EAAS,GAC9B,CACF,EAAA,CAAA;AAGF,EAAI,IAAA,CAAC,MAAM,IAAM,EAAA;AACf,IAAA,MAAM,OAAU,GAAA,WAAA;AAChB,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,SAAA,EAAW,KACrB,QACH,EAAA,eAAA,EAAA,CAAA;AAAA;AAIJ,EAAA,SAAA;AAAA,IACE,OAAO,WAAgB,KAAA,QAAA;AAAA,IACvB;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EAAW,GAAG,SAAW,EAAA,WAAA,EAA0B,GACjD,EAAA,QAAA,EAAA,eAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/TextArea/TextArea.mjs

@@ -1,13 +1,13 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import { mergeRefs } from '@react-aria/utils';
 import { useRef } from 'react';
 import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
 import styles from './TextArea.module.scss.mjs';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { mergeRefs } from '@react-aria/utils';
 
 const TextArea = flowComponent("TextArea", (props) => {
   const {
@@ -46,7 +46,7 @@ const TextArea = flowComponent("TextArea", (props) => {
       }
     }
   );
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
 });
 
 export { TextArea, TextArea as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.mjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { ForwardedRef } from \"react\";\nimport { useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TextArea.module.scss\";\n\nexport interface TextAreaProps\n  extends Omit<TextFieldBaseProps, \"input\">,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\">,\n    FlowComponentProps {\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n}\n\n/** @flr-generate all */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    ...rest\n  } = props;\n\n  const resizeRef = useRef<HTMLTextAreaElement>(null);\n\n  const getHeight = (rows: number) => {\n    return `calc(var(--line-height--m) * ${rows} + (var(--form-control--padding-y) * 2))`;\n  };\n\n  const updateHeight = () => {\n    if (resizeRef.current && rows !== autoResizeMaxRows) {\n      // https://stackoverflow.com/a/60795884\n      resizeRef.current.style.height = \"0px\";\n      const scrollHeight = resizeRef.current.scrollHeight;\n      resizeRef.current.style.height = scrollHeight + \"px\";\n    }\n  };\n\n  const input = (\n    <Aria.TextArea\n      rows={rows}\n      placeholder={placeholder}\n      className={styles.textArea}\n      ref={mergeRefs(\n        ref as ForwardedRef<HTMLTextAreaElement | null>,\n        resizeRef,\n      )}\n      onChange={updateHeight}\n      style={{\n        minHeight: getHeight(rows),\n        maxHeight: getHeight(autoResizeMaxRows),\n      }}\n    />\n  );\n\n  return (\n    <ClearPropsContextView>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContextView>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":";;;;;;;;;AAuBO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,SAAA,GAAY,OAA4B,IAAI,CAAA;AAElD,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,SAAA,CAAU,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAEnD,MAAU,SAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AACjC,MAAM,MAAA,YAAA,GAAe,UAAU,OAAQ,CAAA,YAAA;AACvC,MAAU,SAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AAClD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB,GAAK,EAAA,SAAA;AAAA,QACH,GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,KAAO,EAAA;AAAA,QACL,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,QACzB,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,yBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TextArea.mjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import type { ForwardedRef } from \"react\";\nimport React, { useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface TextAreaProps\n  extends Omit<TextFieldBaseProps, \"input\">,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\">,\n    FlowComponentProps {\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    ...rest\n  } = props;\n\n  const resizeRef = useRef<HTMLTextAreaElement>(null);\n\n  const getHeight = (rows: number) => {\n    return `calc(var(--line-height--m) * ${rows} + (var(--form-control--padding-y) * 2))`;\n  };\n\n  const updateHeight = () => {\n    if (resizeRef.current && rows !== autoResizeMaxRows) {\n      // https://stackoverflow.com/a/60795884\n      resizeRef.current.style.height = \"0px\";\n      const scrollHeight = resizeRef.current.scrollHeight;\n      resizeRef.current.style.height = scrollHeight + \"px\";\n    }\n  };\n\n  const input = (\n    <Aria.TextArea\n      rows={rows}\n      placeholder={placeholder}\n      className={styles.textArea}\n      ref={mergeRefs(\n        ref as ForwardedRef<HTMLTextAreaElement | null>,\n        resizeRef,\n      )}\n      onChange={updateHeight}\n      style={{\n        minHeight: getHeight(rows),\n        maxHeight: getHeight(autoResizeMaxRows),\n      }}\n    />\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":";;;;;;;;;AA0BO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,SAAA,GAAY,OAA4B,IAAI,CAAA;AAElD,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,SAAA,CAAU,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAEnD,MAAU,SAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AACjC,MAAM,MAAA,YAAA,GAAe,UAAU,OAAQ,CAAA,YAAA;AACvC,MAAU,SAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AAClD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB,GAAK,EAAA,SAAA;AAAA,QACH,GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,KAAO,EAAA;AAAA,QACL,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,QACzB,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/TextField/TextField.mjs

@@ -1,11 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
+import 'react';
 import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
 import styles from './TextField.module.scss.mjs';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const TextField = flowComponent("TextField", (props) => {
   const { children, placeholder, ref, form, ...rest } = props;
@@ -18,7 +19,7 @@ const TextField = flowComponent("TextField", (props) => {
       ref
     }
   );
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
 });
 
 export { TextField, TextField as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TextField.module.scss\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, placeholder, ref, form, ...rest } = props;\n\n  const input = (\n    <Aria.Input\n      form={form}\n      placeholder={placeholder}\n      className={styles.textField}\n      ref={ref}\n    />\n  );\n\n  return (\n    <ClearPropsContextView>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContextView>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,yBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TextField.mjs","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextField.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, placeholder, ref, form, ...rest } = props;\n\n  const input = (\n    <Aria.Input\n      form={form}\n      placeholder={placeholder}\n      className={styles.textField}\n      ref={ref}\n    />\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/TextFieldBase/TextFieldBase.mjs

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
 import { useState } from 'react';
-import { useLocalizedStringFormatter } from 'react-aria';
 import * as Aria from 'react-aria-components';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import clsx from 'clsx';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
 import locales from '../../_virtual/_.locale.json@444629885187f8ca5450a1c8b14fb45c.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
 
 const TextFieldBase = (props) => {
   const { children, className, input, showCharacterCount, ...rest } = props;
@@ -47,7 +47,7 @@ const TextFieldBase = (props) => {
       maxCount: props.maxLength ?? 0
     }
   );
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
     Aria.TextField,
     {
       ...rest,