@mittwald/flow-react-components 0.2.0-alpha.30 → 0.2.0-alpha.32

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport styles from \"./Alert.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertProps\n  extends PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Alert = flowComponent<\"Alert\", HTMLElement>(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alert, styles[status], className);\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <aside {...rest} className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </aside>\n    </ClearPropsContext>\n  );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAqBO,MAAM,KAAQ,GAAA,aAAA,CAAoC,OAAS,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAU,MAAgB,EAAA,CAAA;AAAA,QAC1BA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport styles from \"./Alert.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertProps\n  extends PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Alert = flowComponent<\"Alert\", HTMLElement>(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alert, styles[status], className);\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <aside {...rest} className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </aside>\n    </ClearPropsContext>\n  );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAwBO,MAAM,KAAQ,GAAA,aAAA,CAAoC,OAAS,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAU,MAAgB,EAAA,CAAA;AAAA,QAC1BA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.mjs","sources":["../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertBadgeProps\n  extends PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const AlertBadge = flowComponent<\"AlertBadge\", HTMLDivElement>(\n  \"AlertBadge\",\n  (props) => {\n    const { children, className, status = \"info\", ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n    return (\n      <ClearPropsContext>\n        <div className={rootClassName} {...rest} ref={ref}>\n          <AlertIcon size=\"s\" className={styles.alertIcon} status={status} />\n          <Text className={styles.text}>{children}</Text>\n        </div>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,IAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEvE,IACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,aAAgB,EAAA,GAAG,MAAM,GACvC,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,SAAW,EAAA,MAAA,CAAO,WAAW,MAAgB,EAAA,CAAA;AAAA,sBAChE,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,MAAO,QAAS,EAAA;AAAA,KAAA,EAC1C,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"AlertBadge.mjs","sources":["../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertBadgeProps\n  extends PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps,\n    PropsWithClassName {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const AlertBadge = flowComponent<\"AlertBadge\", HTMLDivElement>(\n  \"AlertBadge\",\n  (props) => {\n    const { children, className, status = \"info\", ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n    return (\n      <ClearPropsContext>\n        <div className={rootClassName} {...rest} ref={ref}>\n          <AlertIcon size=\"s\" className={styles.alertIcon} status={status} />\n          <Text className={styles.text}>{children}</Text>\n        </div>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,IAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEvE,IACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,aAAgB,EAAA,GAAG,MAAM,GACvC,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,SAAW,EAAA,MAAA,CAAO,WAAW,MAAgB,EAAA,CAAA;AAAA,sBAChE,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,MAAO,QAAS,EAAA;AAAA,KAAA,EAC1C,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.mjs","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport React from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./AlertIcon.module.scss\";\n\nexport interface AlertIconProps extends PropsWithStatus, IconProps {}\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n};\n\n/** @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", className, ...rest } = props;\n\n  const rootClassName = clsx(styles.alertIcon, styles[status], className);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    className: rootClassName,\n    \"aria-label\": stringFormatter.format(`alertIcon.${status}`),\n    ...rest,\n  };\n\n  return (\n    <ClearPropsContext>\n      <Icon {...iconProps} />\n    </ClearPropsContext>\n  );\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,KAAuC,GAAA;AAAA,EAC3C,MAAQ,EAAA,UAAA;AAAA,EACR,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,WAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAGa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,MAAS,GAAA,MAAA,EAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEhD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEtE,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAuB,GAAA;AAAA,IAC3B,SAAW,EAAA,aAAA;AAAA,IACX,YAAc,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,UAAA,EAAa,MAAM,CAAE,CAAA,CAAA;AAAA,IAC1D,GAAG;AAAA,GACL;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,WAAW,CACvB,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AlertIcon.mjs","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport React from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./AlertIcon.module.scss\";\n\nexport interface AlertIconProps extends PropsWithStatus, IconProps {}\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n};\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", className, ...rest } = props;\n\n  const rootClassName = clsx(styles.alertIcon, styles[status], className);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    className: rootClassName,\n    \"aria-label\": stringFormatter.format(`alertIcon.${status}`),\n    ...rest,\n  };\n\n  return (\n    <ClearPropsContext>\n      <Icon {...iconProps} />\n    </ClearPropsContext>\n  );\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,KAAuC,GAAA;AAAA,EAC3C,MAAQ,EAAA,UAAA;AAAA,EACR,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,WAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAMa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,MAAS,GAAA,MAAA,EAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEhD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEtE,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAuB,GAAA;AAAA,IAC3B,SAAW,EAAA,aAAA;AAAA,IACX,YAAc,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,UAAA,EAAa,MAAM,CAAE,CAAA,CAAA;AAAA,IAC1D,GAAG;AAAA,GACL;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,WAAW,CACvB,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Align.mjs","sources":["../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Align = flowComponent(\"Align\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.align, className);\n\n  const propsContext: PropsContext = {\n    Text: { className: styles.text },\n    Button: { className: styles.button },\n    Avatar: { className: styles.avatar, size: \"m\" },\n    CopyButton: { size: \"s\", className: styles.copyButton },\n    Icon: { size: \"s\", className: styles.icon },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK;AAAA,GAC5C;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Align.mjs","sources":["../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Align = flowComponent(\"Align\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.align, className);\n\n  const propsContext: PropsContext = {\n    Text: { className: styles.text },\n    Button: { className: styles.button },\n    Avatar: { className: styles.avatar, size: \"m\" },\n    CopyButton: { size: \"s\", className: styles.copyButton },\n    Icon: { size: \"s\", className: styles.icon },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK;AAAA,GAC5C;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { getColorFromChildren } from \"@/components/Avatar/lib/getColorFromChildren\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport const avatarColors = [\n  \"blue\",\n  \"teal\",\n  \"green\",\n  \"violet\",\n  \"lilac\",\n] as const;\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n}\n\n/** @flr-generate all */\nexport const Avatar = flowComponent<\"Avatar\", HTMLDivElement>(\n  \"Avatar\",\n  (props) => {\n    const { children, className, color, size = \"m\", ref } = props;\n\n    const rootClassName = clsx(\n      styles.avatar,\n      styles[`size-${size}`],\n      className,\n      styles[color ?? \"blue\"],\n      !color && styles[`dynamic-${getColorFromChildren(children)}`],\n    );\n\n    const propsContext: PropsContext = {\n      Initials: {\n        className: styles.initials,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <div className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </div>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;;;AAWO,MAAM,YAAe,GAAA;AAAA,EAC1B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAcO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,IAAO,GAAA,GAAA,EAAK,KAAQ,GAAA,KAAA;AAExD,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,SAAA;AAAA,MACA,MAAA,CAAO,SAAS,MAAM,CAAA;AAAA,MACtB,CAAC,KAAS,IAAA,MAAA,CAAO,WAAW,oBAAqB,CAAA,QAAQ,CAAC,CAAE,CAAA;AAAA,KAC9D;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,QAAU,EAAA;AAAA,QACR,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,GAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { getColorFromChildren } from \"@/components/Avatar/lib/getColorFromChildren\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport const avatarColors = [\n  \"blue\",\n  \"teal\",\n  \"green\",\n  \"violet\",\n  \"lilac\",\n] as const;\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Avatar = flowComponent<\"Avatar\", HTMLDivElement>(\n  \"Avatar\",\n  (props) => {\n    const { children, className, color, size = \"m\", ref } = props;\n\n    const rootClassName = clsx(\n      styles.avatar,\n      styles[`size-${size}`],\n      className,\n      styles[color ?? \"blue\"],\n      !color && styles[`dynamic-${getColorFromChildren(children)}`],\n    );\n\n    const propsContext: PropsContext = {\n      Initials: {\n        className: styles.initials,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <div className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </div>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;;;AAWO,MAAM,YAAe,GAAA;AAAA,EAC1B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAiBO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,IAAO,GAAA,GAAA,EAAK,KAAQ,GAAA,KAAA;AAExD,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,SAAA;AAAA,MACA,MAAA,CAAO,SAAS,MAAM,CAAA;AAAA,MACtB,CAAC,KAAS,IAAA,MAAA,CAAO,WAAW,oBAAqB,CAAA,QAAQ,CAAC,CAAE,CAAA;AAAA,KAC9D;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,QAAU,EAAA;AAAA,QACR,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,GAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport const badgeColors = [\n  \"neutral\",\n  \"blue\",\n  \"navy\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  \"green\",\n  \"orange\",\n  \"red\",\n  \"dark\",\n  \"light\",\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Handler that is called when the badge is pressed. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when the badges close icon is pressed. */\n  onClose?: (e: PressEvent) => void;\n  /** The color of the badge. @default \"neutral\" */\n  color?: BadgeColors;\n  /** Whether the badge is disabled. */\n  isDisabled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Badge = flowComponent<\"Badge\", HTMLDivElement>(\n  \"Badge\",\n  (props) => {\n    const {\n      children,\n      className,\n      color = \"neutral\",\n      ref,\n      onPress,\n      onClose,\n      isDisabled,\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.badge,\n      styles[color],\n      isDisabled && styles.disabled,\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Label: {\n        elementType: \"span\",\n        className: styles.scope,\n        unstyled: true,\n      },\n      Text: {\n        elementType: \"span\",\n        className: styles.value,\n      },\n      Button: {\n        Label: {\n          elementType: \"span\",\n          className: styles.scope,\n          unstyled: true,\n        },\n        Text: {\n          elementType: \"span\",\n          className: styles.value,\n        },\n      },\n    };\n\n    return (\n      <PropsContextProvider props={propsContext}>\n        <div className={rootClassName} {...rest} ref={ref}>\n          {!onPress && <div className={styles.content}>{children}</div>}\n          {onPress && (\n            <Button\n              isDisabled={isDisabled}\n              unstyled\n              className={styles.button}\n              onPress={onPress}\n            >\n              {children}\n            </Button>\n          )}\n          {onClose && (\n            <Button\n              className={styles.close}\n              size=\"s\"\n              color=\"dark\"\n              variant=\"plain\"\n              onPress={onClose}\n              isDisabled={isDisabled}\n            >\n              <IconClose />\n            </Button>\n          )}\n        </div>\n      </PropsContextProvider>\n    );\n  },\n);\n\nexport default Badge;\n"],"names":[],"mappings":";;;;;;;;;;;;AA0CO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAQ,GAAA,SAAA;AAAA,MACR,GAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,KAAA;AAAA,MACP,OAAO,KAAK,CAAA;AAAA,MACZ,cAAc,MAAO,CAAA,QAAA;AAAA,MACrB;AAAA,KACF;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAa,EAAA,MAAA;AAAA,QACb,WAAW,MAAO,CAAA,KAAA;AAAA,QAClB,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,MAAA;AAAA,QACb,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,WAAa,EAAA,MAAA;AAAA,UACb,WAAW,MAAO,CAAA,KAAA;AAAA,UAClB,QAAU,EAAA;AAAA,SACZ;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,WAAa,EAAA,MAAA;AAAA,UACb,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,SAAI,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EAAM,GACtC,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,2BAAY,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SAAU,QAAS,EAAA,CAAA;AAAA,MACtD,OACC,oBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA;AAAA,UACA,QAAQ,EAAA,IAAA;AAAA,UACR,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,OAAA;AAAA,UAEC;AAAA;AAAA,OACH;AAAA,MAED,OACC,oBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,MAAO,CAAA,KAAA;AAAA,UAClB,IAAK,EAAA,GAAA;AAAA,UACL,KAAM,EAAA,MAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,OAAA;AAAA,UACT,UAAA;AAAA,UAEA,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,KAAA,EAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport const badgeColors = [\n  \"neutral\",\n  \"blue\",\n  \"navy\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  \"green\",\n  \"orange\",\n  \"red\",\n  \"dark\",\n  \"light\",\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Handler that is called when the badge is pressed. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when the badges close icon is pressed. */\n  onClose?: (e: PressEvent) => void;\n  /** The color of the badge. @default \"neutral\" */\n  color?: BadgeColors;\n  /** Whether the badge is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Badge = flowComponent<\"Badge\", HTMLDivElement>(\n  \"Badge\",\n  (props) => {\n    const {\n      children,\n      className,\n      color = \"neutral\",\n      ref,\n      onPress,\n      onClose,\n      isDisabled,\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.badge,\n      styles[color],\n      isDisabled && styles.disabled,\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Label: {\n        elementType: \"span\",\n        className: styles.scope,\n        unstyled: true,\n      },\n      Text: {\n        elementType: \"span\",\n        className: styles.value,\n      },\n      Button: {\n        Label: {\n          elementType: \"span\",\n          className: styles.scope,\n          unstyled: true,\n        },\n        Text: {\n          elementType: \"span\",\n          className: styles.value,\n        },\n      },\n    };\n\n    return (\n      <PropsContextProvider props={propsContext}>\n        <div className={rootClassName} {...rest} ref={ref}>\n          {!onPress && <div className={styles.content}>{children}</div>}\n          {onPress && (\n            <Button\n              isDisabled={isDisabled}\n              unstyled\n              className={styles.button}\n              onPress={onPress}\n            >\n              {children}\n            </Button>\n          )}\n          {onClose && (\n            <Button\n              className={styles.close}\n              size=\"s\"\n              color=\"dark\"\n              variant=\"plain\"\n              onPress={onClose}\n              isDisabled={isDisabled}\n            >\n              <IconClose />\n            </Button>\n          )}\n        </div>\n      </PropsContextProvider>\n    );\n  },\n);\n\nexport default Badge;\n"],"names":[],"mappings":";;;;;;;;;;;;AA6CO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAQ,GAAA,SAAA;AAAA,MACR,GAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,KAAA;AAAA,MACP,OAAO,KAAK,CAAA;AAAA,MACZ,cAAc,MAAO,CAAA,QAAA;AAAA,MACrB;AAAA,KACF;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAa,EAAA,MAAA;AAAA,QACb,WAAW,MAAO,CAAA,KAAA;AAAA,QAClB,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,MAAA;AAAA,QACb,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,WAAa,EAAA,MAAA;AAAA,UACb,WAAW,MAAO,CAAA,KAAA;AAAA,UAClB,QAAU,EAAA;AAAA,SACZ;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,WAAa,EAAA,MAAA;AAAA,UACb,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,SAAI,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EAAM,GACtC,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,2BAAY,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SAAU,QAAS,EAAA,CAAA;AAAA,MACtD,OACC,oBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA;AAAA,UACA,QAAQ,EAAA,IAAA;AAAA,UACR,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,OAAA;AAAA,UAEC;AAAA;AAAA,OACH;AAAA,MAED,OACC,oBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,MAAO,CAAA,KAAA;AAAA,UAClB,IAAK,EAAA,GAAA;AAAA,UACL,KAAM,EAAA,MAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,OAAA;AAAA,UACT,UAAA;AAAA,UAEA,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,KAAA,EAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.mjs","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface BreadcrumbProps\n  extends Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/** @flr-generate all */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.breadcrumb, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":[],"mappings":";;;;;;;;;AAkBa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAEtE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA,IAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAA,sBAAW,cAAe,EAAA,EAAA;AAAA;AAC5B,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,WAAL,EAAA,EAAkB,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EACrC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Breadcrumb.mjs","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface BreadcrumbProps\n  extends Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.breadcrumb, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":[],"mappings":";;;;;;;;;AAqBa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAEtE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA,IAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAA,sBAAW,cAAe,EAAA,EAAA;AAAA;AAC5B,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,WAAL,EAAA,EAAkB,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EACrC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\n\nexport interface ButtonProps\n  extends PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | \"dark\" | \"light\";\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  ) {\n    props = { ...props };\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n    props.onKeyDown = undefined;\n    props.onKeyUp = undefined;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const Button = flowComponent<\"Button\", HTMLButtonElement>(\n  \"Button\",\n  (props) => {\n    props = disablePendingProps(props);\n\n    const {\n      color = \"primary\",\n      variant = \"solid\",\n      children,\n      className,\n      size = \"m\",\n      isPending,\n      isSucceeded,\n      isFailed,\n      \"aria-disabled\": ariaDisabled,\n      ref,\n      slot: ignoredSlotProp,\n      ariaSlot: slot,\n      unstyled,\n      ...restProps\n    } = props;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(\n          styles.button,\n          isPending && styles.isPending,\n          isSucceeded && styles.isSucceeded,\n          isFailed && styles.isFailed,\n          styles[`size-${size}`],\n          styles[color],\n          styles[variant],\n          className,\n          /**\n           * Workaround warning: The Aria.Button does not support\n           * \"aria-disabled\" by now, so this Button will be visually disabled\n           * via CSS.\n           */\n          ariaDisabled && styles.ariaDisabled,\n        );\n\n    useAriaAnnounceActionState(\n      isPending\n        ? \"isPending\"\n        : isSucceeded\n          ? \"isSucceeded\"\n          : isFailed\n            ? \"isFailed\"\n            : \"isIdle\",\n    );\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        \"aria-hidden\": true,\n        size,\n      },\n      Text: {\n        className: styles.text,\n      },\n      Avatar: {\n        className: styles.avatar,\n      },\n      CounterBadge: {\n        className: styles.counterBadge,\n      },\n    };\n\n    const StateIconComponent = isSucceeded\n      ? IconSucceeded\n      : isFailed\n        ? IconFailed\n        : isPending\n          ? LoadingSpinner\n          : undefined;\n\n    const stateIcon = StateIconComponent && (\n      <StateIconComponent size={size} className={styles.stateIcon} />\n    );\n\n    const isStringContent = typeof children === \"string\";\n\n    return (\n      <ClearPropsContext>\n        <Aria.Button\n          className={rootClassName}\n          ref={ref}\n          slot={slot}\n          {...restProps}\n        >\n          <PropsContextProvider props={propsContext}>\n            <Wrap if={!unstyled}>\n              <span className={styles.content}>\n                <Wrap if={isStringContent}>\n                  <Text className={styles.text}>{children}</Text>\n                </Wrap>\n              </span>\n            </Wrap>\n          </PropsContextProvider>\n          {stateIcon}\n        </Aria.Button>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,MAAM,mBAAA,GAAsB,CAAC,KAAuB,KAAA;AAClD,EACE,IAAA,KAAA,CAAM,aACN,KAAM,CAAA,WAAA,IACN,MAAM,QACN,IAAA,KAAA,CAAM,eAAe,CACrB,EAAA;AACA,IAAQ,KAAA,GAAA,EAAE,GAAG,KAAM,EAAA;AACnB,IAAA,KAAA,CAAM,OAAU,GAAA,MAAA;AAChB,IAAA,KAAA,CAAM,YAAe,GAAA,MAAA;AACrB,IAAA,KAAA,CAAM,UAAa,GAAA,MAAA;AACnB,IAAA,KAAA,CAAM,aAAgB,GAAA,MAAA;AACtB,IAAA,KAAA,CAAM,SAAY,GAAA,MAAA;AAClB,IAAA,KAAA,CAAM,SAAY,GAAA,MAAA;AAClB,IAAA,KAAA,CAAM,OAAU,GAAA,MAAA;AAAA;AAGlB,EAAO,OAAA,KAAA;AACT,CAAA;AAGO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,KAAA,GAAQ,oBAAoB,KAAK,CAAA;AAEjC,IAAM,MAAA;AAAA,MACJ,KAAQ,GAAA,SAAA;AAAA,MACR,OAAU,GAAA,OAAA;AAAA,MACV,QAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAO,GAAA,GAAA;AAAA,MACP,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAiB,EAAA,YAAA;AAAA,MACjB,GAAA;AAAA,MACA,IAAM,EAAA,eAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,MACV,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,aAAA,GAAgB,WAClB,SACA,GAAA,IAAA;AAAA,MACE,MAAO,CAAA,MAAA;AAAA,MACP,aAAa,MAAO,CAAA,SAAA;AAAA,MACpB,eAAe,MAAO,CAAA,WAAA;AAAA,MACtB,YAAY,MAAO,CAAA,QAAA;AAAA,MACnB,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,OAAO,KAAK,CAAA;AAAA,MACZ,OAAO,OAAO,CAAA;AAAA,MACd,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA,gBAAgB,MAAO,CAAA;AAAA,KACzB;AAEJ,IAAA,0BAAA;AAAA,MACE,SACI,GAAA,WAAA,GACA,WACE,GAAA,aAAA,GACA,WACE,UACA,GAAA;AAAA,KACV;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,aAAe,EAAA,IAAA;AAAA,QACf;AAAA,OACF;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,YAAc,EAAA;AAAA,QACZ,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,MAAM,qBAAqB,WACvB,GAAA,aAAA,GACA,QACE,GAAA,UAAA,GACA,YACE,cACA,GAAA,MAAA;AAER,IAAA,MAAM,YAAY,kBAChB,oBAAA,GAAA,CAAC,sBAAmB,IAAY,EAAA,SAAA,EAAW,OAAO,SAAW,EAAA,CAAA;AAG/D,IAAM,MAAA,eAAA,GAAkB,OAAO,QAAa,KAAA,QAAA;AAE5C,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,MAAA;AAAA,MAAL;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,GAAA;AAAA,QACA,IAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAC,QACT,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,OAAA,EACtB,8BAAC,IAAK,EAAA,EAAA,EAAA,EAAI,eACR,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAO,QAAS,EAAA,CAAA,EAC1C,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA,UACC;AAAA;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\n\nexport interface ButtonProps\n  extends PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | \"dark\" | \"light\";\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  ) {\n    props = { ...props };\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n    props.onKeyDown = undefined;\n    props.onKeyUp = undefined;\n  }\n\n  return props;\n};\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Button = flowComponent<\"Button\", HTMLButtonElement>(\n  \"Button\",\n  (props) => {\n    props = disablePendingProps(props);\n\n    const {\n      color = \"primary\",\n      variant = \"solid\",\n      children,\n      className,\n      size = \"m\",\n      isPending,\n      isSucceeded,\n      isFailed,\n      \"aria-disabled\": ariaDisabled,\n      ref,\n      slot: ignoredSlotProp,\n      ariaSlot: slot,\n      unstyled,\n      ...restProps\n    } = props;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(\n          styles.button,\n          isPending && styles.isPending,\n          isSucceeded && styles.isSucceeded,\n          isFailed && styles.isFailed,\n          styles[`size-${size}`],\n          styles[color],\n          styles[variant],\n          className,\n          /**\n           * Workaround warning: The Aria.Button does not support\n           * \"aria-disabled\" by now, so this Button will be visually disabled\n           * via CSS.\n           */\n          ariaDisabled && styles.ariaDisabled,\n        );\n\n    useAriaAnnounceActionState(\n      isPending\n        ? \"isPending\"\n        : isSucceeded\n          ? \"isSucceeded\"\n          : isFailed\n            ? \"isFailed\"\n            : \"isIdle\",\n    );\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        \"aria-hidden\": true,\n        size,\n      },\n      Text: {\n        className: styles.text,\n      },\n      Avatar: {\n        className: styles.avatar,\n      },\n      CounterBadge: {\n        className: styles.counterBadge,\n      },\n    };\n\n    const StateIconComponent = isSucceeded\n      ? IconSucceeded\n      : isFailed\n        ? IconFailed\n        : isPending\n          ? LoadingSpinner\n          : undefined;\n\n    const stateIcon = StateIconComponent && (\n      <StateIconComponent size={size} className={styles.stateIcon} />\n    );\n\n    const isStringContent = typeof children === \"string\";\n\n    return (\n      <ClearPropsContext>\n        <Aria.Button\n          className={rootClassName}\n          ref={ref}\n          slot={slot}\n          {...restProps}\n        >\n          <PropsContextProvider props={propsContext}>\n            <Wrap if={!unstyled}>\n              <span className={styles.content}>\n                <Wrap if={isStringContent}>\n                  <Text className={styles.text}>{children}</Text>\n                </Wrap>\n              </span>\n            </Wrap>\n          </PropsContextProvider>\n          {stateIcon}\n        </Aria.Button>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,MAAM,mBAAA,GAAsB,CAAC,KAAuB,KAAA;AAClD,EACE,IAAA,KAAA,CAAM,aACN,KAAM,CAAA,WAAA,IACN,MAAM,QACN,IAAA,KAAA,CAAM,eAAe,CACrB,EAAA;AACA,IAAQ,KAAA,GAAA,EAAE,GAAG,KAAM,EAAA;AACnB,IAAA,KAAA,CAAM,OAAU,GAAA,MAAA;AAChB,IAAA,KAAA,CAAM,YAAe,GAAA,MAAA;AACrB,IAAA,KAAA,CAAM,UAAa,GAAA,MAAA;AACnB,IAAA,KAAA,CAAM,aAAgB,GAAA,MAAA;AACtB,IAAA,KAAA,CAAM,SAAY,GAAA,MAAA;AAClB,IAAA,KAAA,CAAM,SAAY,GAAA,MAAA;AAClB,IAAA,KAAA,CAAM,OAAU,GAAA,MAAA;AAAA;AAGlB,EAAO,OAAA,KAAA;AACT,CAAA;AAMO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,KAAA,GAAQ,oBAAoB,KAAK,CAAA;AAEjC,IAAM,MAAA;AAAA,MACJ,KAAQ,GAAA,SAAA;AAAA,MACR,OAAU,GAAA,OAAA;AAAA,MACV,QAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAO,GAAA,GAAA;AAAA,MACP,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAiB,EAAA,YAAA;AAAA,MACjB,GAAA;AAAA,MACA,IAAM,EAAA,eAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,MACV,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,aAAA,GAAgB,WAClB,SACA,GAAA,IAAA;AAAA,MACE,MAAO,CAAA,MAAA;AAAA,MACP,aAAa,MAAO,CAAA,SAAA;AAAA,MACpB,eAAe,MAAO,CAAA,WAAA;AAAA,MACtB,YAAY,MAAO,CAAA,QAAA;AAAA,MACnB,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,OAAO,KAAK,CAAA;AAAA,MACZ,OAAO,OAAO,CAAA;AAAA,MACd,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA,gBAAgB,MAAO,CAAA;AAAA,KACzB;AAEJ,IAAA,0BAAA;AAAA,MACE,SACI,GAAA,WAAA,GACA,WACE,GAAA,aAAA,GACA,WACE,UACA,GAAA;AAAA,KACV;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,aAAe,EAAA,IAAA;AAAA,QACf;AAAA,OACF;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,YAAc,EAAA;AAAA,QACZ,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,MAAM,qBAAqB,WACvB,GAAA,aAAA,GACA,QACE,GAAA,UAAA,GACA,YACE,cACA,GAAA,MAAA;AAER,IAAA,MAAM,YAAY,kBAChB,oBAAA,GAAA,CAAC,sBAAmB,IAAY,EAAA,SAAA,EAAW,OAAO,SAAW,EAAA,CAAA;AAG/D,IAAM,MAAA,eAAA,GAAkB,OAAO,QAAa,KAAA,QAAA;AAE5C,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,MAAA;AAAA,MAAL;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,GAAA;AAAA,QACA,IAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAC,QACT,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,OAAA,EACtB,8BAAC,IAAK,EAAA,EAAA,EAAA,EAAI,eACR,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAO,QAAS,EAAA,CAAA,EAC1C,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA,UACC;AAAA;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/Checkbox/Checkbox.mjs

@@ -2,10 +2,8 @@
 /* */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from './Checkbox.module.scss.mjs';
 import '@tabler/icons-react';
+import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
 import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
 import '@react-aria/utils';
@@ -16,6 +14,8 @@ import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconCheckboxChecked } from '../Icon/components/icons/IconCheckboxChecked.mjs';
 import { IconCheckboxEmpty } from '../Icon/components/icons/IconCheckboxEmpty.mjs';
 import { IconCheckboxIndeterminate } from '../Icon/components/icons/IconCheckboxIndeterminate.mjs';
+import * as Aria from 'react-aria-components';
+import styles from './Checkbox.module.scss.mjs';
 
 const Checkbox = flowComponent(
   "Checkbox",

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Checkbox.module.scss\";\nimport {\n  IconCheckboxChecked,\n  IconCheckboxEmpty,\n  IconCheckboxIndeterminate,\n} from \"@/components/Icon/components/icons\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CheckboxProps\n  extends PropsWithChildren<Omit<Aria.CheckboxProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Checkbox = flowComponent<\"Checkbox\", HTMLLabelElement>(\n  \"Checkbox\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkbox, className);\n\n    return (\n      <ClearPropsContext>\n        <Aria.Checkbox {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected, isIndeterminate }) => (\n            <>\n              {isSelected ? (\n                <IconCheckboxChecked className={styles.icon} />\n              ) : isIndeterminate ? (\n                <IconCheckboxIndeterminate className={styles.icon} />\n              ) : (\n                <IconCheckboxEmpty className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAmBO,MAAM,QAAW,GAAA,aAAA;AAAA,EACtB,UAAA;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,QAAA,EAAU,SAAS,CAAA;AAErD,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,KAChD,QAAC,EAAA,CAAA,EAAE,UAAY,EAAA,eAAA,uBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,UAAA,uBACE,mBAAoB,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,IAC3C,eACF,mBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA,uBAElD,iBAAkB,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA;AAAA,MAE5C;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  IconCheckboxChecked,\n  IconCheckboxEmpty,\n  IconCheckboxIndeterminate,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckboxProps\n  extends PropsWithChildren<Omit<Aria.CheckboxProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Checkbox = flowComponent<\"Checkbox\", HTMLLabelElement>(\n  \"Checkbox\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkbox, className);\n\n    return (\n      <ClearPropsContext>\n        <Aria.Checkbox {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected, isIndeterminate }) => (\n            <>\n              {isSelected ? (\n                <IconCheckboxChecked className={styles.icon} />\n              ) : isIndeterminate ? (\n                <IconCheckboxIndeterminate className={styles.icon} />\n              ) : (\n                <IconCheckboxEmpty className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAqBO,MAAM,QAAW,GAAA,aAAA;AAAA,EACtB,UAAA;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,QAAA,EAAU,SAAS,CAAA;AAErD,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,KAChD,QAAC,EAAA,CAAA,EAAE,UAAY,EAAA,eAAA,uBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,UAAA,uBACE,mBAAoB,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,IAC3C,eACF,mBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA,uBAElD,iBAAkB,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA;AAAA,MAE5C;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.mjs","sources":["../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./CheckboxButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport { Checkbox } from \"@/components/Checkbox\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CheckboxButtonProps\n  extends CheckboxProps,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const CheckboxButton = flowComponent<\"CheckboxButton\", HTMLLabelElement>(\n  \"CheckboxButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkboxButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Checkbox {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CheckboxButton;\n"],"names":[],"mappings":";;;;;;;;;;AAeO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,gBAAA;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,cAAA,EAAgB,SAAS,CAAA;AAE3D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EAC5C,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"CheckboxButton.mjs","sources":["../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./CheckboxButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport { Checkbox } from \"@/components/Checkbox\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CheckboxButtonProps\n  extends CheckboxProps,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CheckboxButton = flowComponent<\"CheckboxButton\", HTMLLabelElement>(\n  \"CheckboxButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkboxButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Checkbox {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CheckboxButton;\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,gBAAA;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,cAAA,EAAgB,SAAS,CAAA;AAE3D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EAC5C,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/CheckboxGroup/CheckboxGroup.mjs

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './CheckboxGroup.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
+import { ColumnLayout } from '../ColumnLayout/ColumnLayout.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
+import 'react';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import clsx from 'clsx';
+import * as Aria from 'react-aria-components';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import { ColumnLayout } from '../ColumnLayout/ColumnLayout.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import styles from './CheckboxGroup.module.scss.mjs';
 
 const CheckboxGroup = flowComponent("CheckboxGroup", (props) => {
   const { children, className, s, m, l, ref, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./CheckboxGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\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    Checkbox: {\n      tunnelId: \"checkboxes\",\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n    },\n  };\n\n  return (\n    <Aria.CheckboxGroup {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxes\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,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,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,aAAL,EAAA,EAAoB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACtD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,YAAA,EAAa,CAC9B,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,KAAA,EAC9B,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { FieldError } from \"@/components/FieldError\";\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 { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./CheckboxGroup.module.scss\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\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    Checkbox: {\n      tunnelId: \"checkboxes\",\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n    },\n  };\n\n  return (\n    <Aria.CheckboxGroup {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxes\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,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,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,aAAL,EAAA,EAAoB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACtD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,YAAA,EAAa,CAC9B,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,KAAA,EAC9B,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnLayout.mjs","sources":["../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { getColumns } from \"./lib/getColumns\";\nimport clsx from \"clsx\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"ul\">,\n    PropsWithClassName {\n  /** Column layout for container size s. */\n  s?: number[];\n  /** Column layout for container size m. */\n  m?: number[];\n  /** Column layout for container size l. */\n  l?: number[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/** @flr-generate all */\nexport const ColumnLayout: FC<ColumnLayoutProps> = (props) => {\n  const {\n    children,\n    className,\n    s,\n    m,\n    l,\n    gap = \"m\",\n    rowGap = gap,\n    columnGap = gap,\n    elementType = \"div\",\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const columnsS = s ? getColumns(s) : undefined;\n  const columnsM = m ? getColumns(m) : s ? columnsS : undefined;\n  const columnsL = l ? getColumns(l) : m || s ? columnsM : undefined;\n\n  const style = {\n    \"--column-layout--columns-s\": columnsS,\n    \"--column-layout--columns-m\": columnsM,\n    \"--column-layout--columns-l\": columnsL,\n    \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n    \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n  } as CSSProperties;\n\n  const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n  const Element = elementType;\n\n  const propsContext: PropsContext = {\n    Section: {\n      hideSeparator: true,\n    },\n  };\n\n  return (\n    <div className={rootClassName} style={style}>\n      <Element aria-label={ariaLabel} className={styles.columnLayout}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    </div>\n  );\n};\n\nexport default ColumnLayout;\n"],"names":[],"mappings":";;;;;;;;AAsCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,GAAM,GAAA,GAAA;AAAA,IACN,MAAS,GAAA,GAAA;AAAA,IACT,SAAY,GAAA,GAAA;AAAA,IACZ,WAAc,GAAA,KAAA;AAAA,IACd,YAAc,EAAA;AAAA,GACZ,GAAA,KAAA;AAEJ,EAAA,MAAM,QAAW,GAAA,CAAA,GAAI,UAAW,CAAA,CAAC,CAAI,GAAA,MAAA;AACrC,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAA,GAAI,IAAI,QAAW,GAAA,MAAA;AACpD,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAI,GAAA,CAAA,IAAK,IAAI,QAAW,GAAA,MAAA;AAEzD,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,0BAAA,EAA4B,6BAA6B,MAAM,CAAA,CAAA,CAAA;AAAA,IAC/D,6BAAA,EAA+B,6BAA6B,SAAS,CAAA,CAAA;AAAA,GACvE;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,qBAAA,EAAuB,SAAS,CAAA;AAElE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,aAAe,EAAA;AAAA;AACjB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,YAAY,EAAA,SAAA,EAAW,SAAW,EAAA,MAAA,CAAO,cAChD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ColumnLayout.mjs","sources":["../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { getColumns } from \"./lib/getColumns\";\nimport clsx from \"clsx\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"ul\">,\n    PropsWithClassName {\n  /** Column layout for container size s. */\n  s?: number[];\n  /** Column layout for container size m. */\n  m?: number[];\n  /** Column layout for container size l. */\n  l?: number[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ColumnLayout: FC<ColumnLayoutProps> = (props) => {\n  const {\n    children,\n    className,\n    s,\n    m,\n    l,\n    gap = \"m\",\n    rowGap = gap,\n    columnGap = gap,\n    elementType = \"div\",\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const columnsS = s ? getColumns(s) : undefined;\n  const columnsM = m ? getColumns(m) : s ? columnsS : undefined;\n  const columnsL = l ? getColumns(l) : m || s ? columnsM : undefined;\n\n  const style = {\n    \"--column-layout--columns-s\": columnsS,\n    \"--column-layout--columns-m\": columnsM,\n    \"--column-layout--columns-l\": columnsL,\n    \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n    \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n  } as CSSProperties;\n\n  const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n  const Element = elementType;\n\n  const propsContext: PropsContext = {\n    Section: {\n      hideSeparator: true,\n    },\n  };\n\n  return (\n    <div className={rootClassName} style={style}>\n      <Element aria-label={ariaLabel} className={styles.columnLayout}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    </div>\n  );\n};\n\nexport default ColumnLayout;\n"],"names":[],"mappings":";;;;;;;;AAyCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,GAAM,GAAA,GAAA;AAAA,IACN,MAAS,GAAA,GAAA;AAAA,IACT,SAAY,GAAA,GAAA;AAAA,IACZ,WAAc,GAAA,KAAA;AAAA,IACd,YAAc,EAAA;AAAA,GACZ,GAAA,KAAA;AAEJ,EAAA,MAAM,QAAW,GAAA,CAAA,GAAI,UAAW,CAAA,CAAC,CAAI,GAAA,MAAA;AACrC,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAA,GAAI,IAAI,QAAW,GAAA,MAAA;AACpD,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAI,GAAA,CAAA,IAAK,IAAI,QAAW,GAAA,MAAA;AAEzD,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,0BAAA,EAA4B,6BAA6B,MAAM,CAAA,CAAA,CAAA;AAAA,IAC/D,6BAAA,EAA+B,6BAA6B,SAAS,CAAA,CAAA;AAAA,GACvE;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,qBAAA,EAAuB,SAAS,CAAA;AAElE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,aAAe,EAAA;AAAA;AACjB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,YAAY,EAAA,SAAA,EAAW,SAAW,EAAA,MAAA,CAAO,cAChD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Content.mjs","sources":["../../../../src/components/Content/Content.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface ContentProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"span\">,\n    FlowComponentProps {\n  /** @internal */\n  clearPropsContext?: boolean;\n  /** @internal */\n  slot?: string;\n}\n\n/** @flr-generate all */\nexport const Content = flowComponent(\"Content\", (props) => {\n  const {\n    children,\n    elementType = \"div\",\n    ref,\n    clearPropsContext = true,\n    ...rest\n  } = props;\n\n  const Element = elementType;\n\n  return (\n    <Wrap if={clearPropsContext}>\n      <ClearPropsContext>\n        <Element ref={ref} {...rest}>\n          {children}\n        </Element>\n      </ClearPropsContext>\n    </Wrap>\n  );\n});\n\nexport default Content;\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,iBAAA,EACR,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,GAAW,EAAA,GAAG,IACpB,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Content.mjs","sources":["../../../../src/components/Content/Content.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface ContentProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"span\">,\n    FlowComponentProps {\n  /** @internal */\n  clearPropsContext?: boolean;\n  /** @internal */\n  slot?: string;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Content = flowComponent(\"Content\", (props) => {\n  const {\n    children,\n    elementType = \"div\",\n    ref,\n    clearPropsContext = true,\n    ...rest\n  } = props;\n\n  const Element = elementType;\n\n  return (\n    <Wrap if={clearPropsContext}>\n      <ClearPropsContext>\n        <Element ref={ref} {...rest}>\n          {children}\n        </Element>\n      </ClearPropsContext>\n    </Wrap>\n  );\n});\n\nexport default Content;\n"],"names":[],"mappings":";;;;;;;;;;AAsBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,iBAAA,EACR,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,GAAW,EAAA,GAAG,IACpB,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContextualHelp.mjs","sources":["../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PopoverProps } from \"@/components/Popover\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./ContextualHelp.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/** @flr-generate all */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 5,\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,cAAiB,GAAA,aAAA,CAAc,gBAAkB,EAAA,CAAC,KAAU,KAAA;AACvE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,gBAAkB,EAAA;AAAA,IACnE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA;AACT,GACF;AAEA,EAAA,2BACG,OAAQ,EAAA,EAAA,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,cAAiB,EAAA,QAAA,EAAS,GACnD,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContextualHelp.mjs","sources":["../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PopoverProps } from \"@/components/Popover\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./ContextualHelp.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 5,\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAeO,MAAM,cAAiB,GAAA,aAAA,CAAc,gBAAkB,EAAA,CAAC,KAAU,KAAA;AACvE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,gBAAkB,EAAA;AAAA,IACnE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA;AACT,GACF;AAEA,EAAA,2BACG,OAAQ,EAAA,EAAA,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,cAAiB,EAAA,QAAA,EAAS,GACnD,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","sources":["../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps {\n  /** The text to copy. */\n  text: ReactNode;\n}\n\n/** @flr-generate all */\nexport const CopyButton = flowComponent<\"CopyButton\", HTMLButtonElement>(\n  \"CopyButton\",\n  (props) => {\n    const {\n      text,\n      ref,\n      variant = \"plain\",\n      color = \"secondary\",\n      ...buttonProps\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n    const copyValue = () => {\n      copy(onlyText(text));\n    };\n\n    return (\n      <ClearPropsContext>\n        <TooltipTrigger>\n          <Action action={copyValue} showFeedback>\n            <Button\n              aria-label={tooltip}\n              {...buttonProps}\n              ref={ref}\n              variant={variant}\n              color={color}\n            >\n              <IconCopy />\n            </Button>\n          </Action>\n          <Tooltip>{tooltip}</Tooltip>\n        </TooltipTrigger>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAU,GAAA,OAAA;AAAA,MACV,KAAQ,GAAA,WAAA;AAAA,MACR,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,KACrB;AAEA,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,EAAA,OAAA;AAAA,UACX,GAAG,WAAA;AAAA,UACJ,GAAA;AAAA,UACA,OAAA;AAAA,UACA,KAAA;AAAA,UAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,OAEd,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,KAAA,EACpB,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"CopyButton.mjs","sources":["../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps {\n  /** The text to copy. */\n  text: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CopyButton = flowComponent<\"CopyButton\", HTMLButtonElement>(\n  \"CopyButton\",\n  (props) => {\n    const {\n      text,\n      ref,\n      variant = \"plain\",\n      color = \"secondary\",\n      ...buttonProps\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n    const copyValue = () => {\n      copy(onlyText(text));\n    };\n\n    return (\n      <ClearPropsContext>\n        <TooltipTrigger>\n          <Action action={copyValue} showFeedback>\n            <Button\n              aria-label={tooltip}\n              {...buttonProps}\n              ref={ref}\n              variant={variant}\n              color={color}\n            >\n              <IconCopy />\n            </Button>\n          </Action>\n          <Tooltip>{tooltip}</Tooltip>\n        </TooltipTrigger>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAU,GAAA,OAAA;AAAA,MACV,KAAQ,GAAA,WAAA;AAAA,MACR,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,KACrB;AAEA,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,EAAA,OAAA;AAAA,UACX,GAAG,WAAA;AAAA,UACJ,GAAA;AAAA,UACA,OAAA;AAAA,UACA,KAAA;AAAA,UAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,OAEd,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,KAAA,EACpB,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport { Popover } from \"@/components/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/** @flr-generate all */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <Calendar />\n      </Popover>\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport { Popover } from \"@/components/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <Calendar />\n      </Popover>\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport { RangeCalendar } from \"../Calendar/RangeCalendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/** @flr-generate all */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateRangeInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <RangeCalendar />\n      </Popover>\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;AAqBO,MAAM,eAAkB,GAAA,aAAA,CAAc,iBAAmB,EAAA,CAAC,KAAU,KAAA;AACzE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,eAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBAC7C,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA;AACjB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DateRangePicker.mjs","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport { RangeCalendar } from \"../Calendar/RangeCalendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateRangeInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <RangeCalendar />\n      </Popover>\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;AAwBO,MAAM,eAAkB,GAAA,aAAA,CAAc,iBAAmB,EAAA,CAAC,KAAU,KAAA;AACzE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,eAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBAC7C,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA;AACjB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDescription.mjs","sources":["../../../../src/components/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./FieldDescription.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { TextProps } from \"@/components/Text\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldDescriptionProps extends TextProps, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const FieldDescription = flowComponent(\"FieldDescription\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.fieldDescription, className);\n\n  return (\n    <ClearPropsContext>\n      <Text slot=\"description\" {...rest} className={rootClassName} ref={ref}>\n        {children}\n      </Text>\n    </ClearPropsContext>\n  );\n});\n\nexport default FieldDescription;\n"],"names":[],"mappings":";;;;;;;;;;;;AAYO,MAAM,gBAAmB,GAAA,aAAA,CAAc,kBAAoB,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,gBAAA,EAAkB,SAAS,CAAA;AAE7D,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,aAAA,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC1D,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"FieldDescription.mjs","sources":["../../../../src/components/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./FieldDescription.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { TextProps } from \"@/components/Text\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldDescriptionProps extends TextProps, FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FieldDescription = flowComponent(\"FieldDescription\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.fieldDescription, className);\n\n  return (\n    <ClearPropsContext>\n      <Text slot=\"description\" {...rest} className={rootClassName} ref={ref}>\n        {children}\n      </Text>\n    </ClearPropsContext>\n  );\n});\n\nexport default FieldDescription;\n"],"names":[],"mappings":";;;;;;;;;;;;AAeO,MAAM,gBAAmB,GAAA,aAAA,CAAc,kBAAoB,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,gBAAA,EAAkB,SAAS,CAAA;AAE7D,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,aAAA,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC1D,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.mjs","sources":["../../../../src/components/FieldError/FieldError.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./FieldError.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport { IconDanger } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldErrorProps\n  extends PropsWithChildren<Omit<Aria.FieldErrorProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const FieldError = flowComponent(\"FieldError\", (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.fieldError, className);\n\n  return (\n    <ClearPropsContext>\n      <Aria.FieldError {...rest} className={rootClassName}>\n        {({ validationErrors }) => (\n          <>\n            <IconDanger size=\"s\" />\n            <span>{children ? children : validationErrors.join(\" \")}</span>\n          </>\n        )}\n      </Aria.FieldError>\n    </ClearPropsContext>\n  );\n});\n\nexport default FieldError;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,YAAL,EAAiB,GAAG,IAAM,EAAA,SAAA,EAAW,aACnC,EAAA,QAAA,EAAA,CAAC,EAAE,gBAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,MAAK,GAAI,EAAA,CAAA;AAAA,wBACpB,MAAM,EAAA,EAAA,QAAA,EAAA,QAAA,GAAW,WAAW,gBAAiB,CAAA,IAAA,CAAK,GAAG,CAAE,EAAA;AAAA,GAAA,EAC1D,GAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"FieldError.mjs","sources":["../../../../src/components/FieldError/FieldError.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./FieldError.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport { IconDanger } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface FieldErrorProps\n  extends PropsWithChildren<Omit<Aria.FieldErrorProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FieldError = flowComponent(\"FieldError\", (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.fieldError, className);\n\n  return (\n    <ClearPropsContext>\n      <Aria.FieldError {...rest} className={rootClassName}>\n        {({ validationErrors }) => (\n          <>\n            <IconDanger size=\"s\" />\n            <span>{children ? children : validationErrors.join(\" \")}</span>\n          </>\n        )}\n      </Aria.FieldError>\n    </ClearPropsContext>\n  );\n});\n\nexport default FieldError;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,YAAL,EAAiB,GAAG,IAAM,EAAA,SAAA,EAAW,aACnC,EAAA,QAAA,EAAA,CAAC,EAAE,gBAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,MAAK,GAAI,EAAA,CAAA;AAAA,wBACpB,MAAM,EAAA,EAAA,QAAA,EAAA,QAAA,GAAW,WAAW,gBAAiB,CAAA,IAAA,CAAK,GAAG,CAAE,EAAA;AAAA,GAAA,EAC1D,GAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileCardList.mjs","sources":["../../../../src/components/FileCardList/FileCardList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport type FileCardListProps = Omit<ColumnLayoutProps, \"elementType\">;\n\n/** @flr-generate all */\nexport const FileCardList: FC<FileCardListProps> = (props) => {\n  const { className, ...rest } = props;\n\n  const propsContext: PropsContext = {\n    FileCard: { elementType: \"li\" },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <ColumnLayout elementType=\"ul\" className={className} {...rest} />\n    </PropsContextProvider>\n  );\n};\n\nexport default FileCardList;\n"],"names":[],"mappings":";;;;;;AAUa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAA,EAAU,EAAE,WAAA,EAAa,IAAK;AAAA,GAChC;AAEA,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,WAAA,EAAY,IAAK,EAAA,SAAA,EAAuB,GAAG,IAAA,EAAM,CACjE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FileCardList.mjs","sources":["../../../../src/components/FileCardList/FileCardList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport type FileCardListProps = Omit<ColumnLayoutProps, \"elementType\">;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileCardList: FC<FileCardListProps> = (props) => {\n  const { className, ...rest } = props;\n\n  const propsContext: PropsContext = {\n    FileCard: { elementType: \"li\" },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <ColumnLayout elementType=\"ul\" className={className} {...rest} />\n    </PropsContextProvider>\n  );\n};\n\nexport default FileCardList;\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAA,EAAU,EAAE,WAAA,EAAa,IAAK;AAAA,GAChC;AAEA,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,WAAA,EAAY,IAAK,EAAA,SAAA,EAAuB,GAAG,IAAA,EAAM,CACjE,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileField.mjs","sources":["../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport React, { useMemo, useRef } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n}\n\n/** @flr-generate all */\nexport const FileField = flowComponent<\"FileField\", HTMLInputElement>(\n  \"FileField\",\n  (props) => {\n    const {\n      children,\n      ref,\n      isRequired,\n      isInvalid,\n      isDisabled,\n      validationBehavior,\n      onChange,\n      ...restInputProps\n    } = props;\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const formValidationState = useFormValidationState({\n      value: undefined,\n      validationBehavior,\n      isInvalid,\n    });\n\n    useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n    const inputProps = useMemo(\n      () => ({\n        ...restInputProps,\n        ref: inputRef,\n        \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n        value: undefined,\n      }),\n      [formValidationState, isRequired, ...Object.values(restInputProps)],\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    };\n\n    return (\n      <InputContext.Provider value={inputProps}>\n        <FieldErrorContext.Provider\n          value={formValidationState.displayValidation}\n        >\n          <PropsContextProvider props={propsContext}>\n            <div\n              data-required={!!isRequired || undefined}\n              data-invalid={\n                formValidationState.displayValidation.isInvalid || undefined\n              }\n              className={formFieldStyles.formField}\n            >\n              <FileInput ref={ref} onChange={onChange} isDisabled={isDisabled}>\n                {children}\n              </FileInput>\n            </div>\n          </PropsContextProvider>\n        </FieldErrorContext.Provider>\n      </InputContext.Provider>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AA2BO,MAAM,SAAY,GAAA,aAAA;AAAA,EACvB,WAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,IAAA,MAAM,sBAAsB,sBAAuB,CAAA;AAAA,MACjD,KAAO,EAAA,MAAA;AAAA,MACP,kBAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAsB,EAAA,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,IAAA,MAAM,UAAa,GAAA,OAAA;AAAA,MACjB,OAAO;AAAA,QACL,GAAG,cAAA;AAAA,QACH,GAAK,EAAA,QAAA;AAAA,QACL,cAAA,EAAgB,oBAAoB,iBAAkB,CAAA,SAAA;AAAA,QACtD,KAAO,EAAA;AAAA,OACT,CAAA;AAAA,MACA,CAAC,mBAAqB,EAAA,UAAA,EAAY,GAAG,MAAO,CAAA,MAAA,CAAO,cAAc,CAAC;AAAA,KACpE;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAO,UAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAkB,CAAA,QAAA;AAAA,MAAlB;AAAA,QACC,OAAO,mBAAoB,CAAA,iBAAA;AAAA,QAE3B,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,eAAA,EAAe,CAAC,CAAC,UAAc,IAAA,MAAA;AAAA,YAC/B,cAAA,EACE,mBAAoB,CAAA,iBAAA,CAAkB,SAAa,IAAA,MAAA;AAAA,YAErD,WAAW,eAAgB,CAAA,SAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,GAAU,EAAA,QAAA,EAAoB,YACtC,QACH,EAAA;AAAA;AAAA,SAEJ,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"FileField.mjs","sources":["../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport React, { useMemo, useRef } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileField = flowComponent<\"FileField\", HTMLInputElement>(\n  \"FileField\",\n  (props) => {\n    const {\n      children,\n      ref,\n      isRequired,\n      isInvalid,\n      isDisabled,\n      validationBehavior,\n      onChange,\n      ...restInputProps\n    } = props;\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const formValidationState = useFormValidationState({\n      value: undefined,\n      validationBehavior,\n      isInvalid,\n    });\n\n    useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n    const inputProps = useMemo(\n      () => ({\n        ...restInputProps,\n        ref: inputRef,\n        \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n        value: undefined,\n      }),\n      [formValidationState, isRequired, ...Object.values(restInputProps)],\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    };\n\n    return (\n      <InputContext.Provider value={inputProps}>\n        <FieldErrorContext.Provider\n          value={formValidationState.displayValidation}\n        >\n          <PropsContextProvider props={propsContext}>\n            <div\n              data-required={!!isRequired || undefined}\n              data-invalid={\n                formValidationState.displayValidation.isInvalid || undefined\n              }\n              className={formFieldStyles.formField}\n            >\n              <FileInput ref={ref} onChange={onChange} isDisabled={isDisabled}>\n                {children}\n              </FileInput>\n            </div>\n          </PropsContextProvider>\n        </FieldErrorContext.Provider>\n      </InputContext.Provider>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AA8BO,MAAM,SAAY,GAAA,aAAA;AAAA,EACvB,WAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,IAAA,MAAM,sBAAsB,sBAAuB,CAAA;AAAA,MACjD,KAAO,EAAA,MAAA;AAAA,MACP,kBAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAsB,EAAA,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,IAAA,MAAM,UAAa,GAAA,OAAA;AAAA,MACjB,OAAO;AAAA,QACL,GAAG,cAAA;AAAA,QACH,GAAK,EAAA,QAAA;AAAA,QACL,cAAA,EAAgB,oBAAoB,iBAAkB,CAAA,SAAA;AAAA,QACtD,KAAO,EAAA;AAAA,OACT,CAAA;AAAA,MACA,CAAC,mBAAqB,EAAA,UAAA,EAAY,GAAG,MAAO,CAAA,MAAA,CAAO,cAAc,CAAC;AAAA,KACpE;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAO,UAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAkB,CAAA,QAAA;AAAA,MAAlB;AAAA,QACC,OAAO,mBAAoB,CAAA,iBAAA;AAAA,QAE3B,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,eAAA,EAAe,CAAC,CAAC,UAAc,IAAA,MAAA;AAAA,YAC/B,cAAA,EACE,mBAAoB,CAAA,iBAAA,CAAkB,SAAa,IAAA,MAAA;AAAA,YAErD,WAAW,eAAgB,CAAA,SAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,GAAU,EAAA,QAAA,EAAoB,YACtC,QACH,EAAA;AAAA;AAAA,SAEJ,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigation.mjs","sources":["../../../../src/components/HeaderNavigation/HeaderNavigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./HeaderNavigation.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Text } from \"@/components/Text\";\n\nexport interface HeaderNavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {\n  /** The color of the header navigation. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/** @flr-generate all */\nexport const HeaderNavigation: FC<HeaderNavigationProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.headerNavigation, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.link,\n      unstyled: true,\n      children: dynamic((props) => (\n        <Text emulateBoldWidth>{props.children}</Text>\n      )),\n    },\n    Button: {\n      className: styles.button,\n      color,\n      variant: \"plain\",\n      wrapWith: <li />,\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <ul>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ul>\n    </nav>\n  );\n};\n\nexport default HeaderNavigation;\n"],"names":["props"],"mappings":";;;;;;;;;AAoBa,MAAA,gBAAA,GAA8C,CAAC,KAAU,KAAA;AACpE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,kBAAkB,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAE5E,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,QAAA,EAAU,OAAQ,CAAA,CAACA,MACjB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,gBAAA,EAAgB,IAAE,EAAA,QAAA,EAAAA,MAAM,CAAA,QAAA,EAAS,CACxC;AAAA,KACH;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAA;AAAA,MACA,OAAS,EAAA,OAAA;AAAA,MACT,QAAA,sBAAW,IAAG,EAAA,EAAA;AAAA;AAChB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,aAAe,EAAA,IAAA,EAAK,cAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HeaderNavigation.mjs","sources":["../../../../src/components/HeaderNavigation/HeaderNavigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./HeaderNavigation.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Text } from \"@/components/Text\";\n\nexport interface HeaderNavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {\n  /** The color of the header navigation. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const HeaderNavigation: FC<HeaderNavigationProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.headerNavigation, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.link,\n      unstyled: true,\n      children: dynamic((props) => (\n        <Text emulateBoldWidth>{props.children}</Text>\n      )),\n    },\n    Button: {\n      className: styles.button,\n      color,\n      variant: \"plain\",\n      wrapWith: <li />,\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <ul>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ul>\n    </nav>\n  );\n};\n\nexport default HeaderNavigation;\n"],"names":["props"],"mappings":";;;;;;;;;AAuBa,MAAA,gBAAA,GAA8C,CAAC,KAAU,KAAA;AACpE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,kBAAkB,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAE5E,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,QAAA,EAAU,OAAQ,CAAA,CAACA,MACjB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,gBAAA,EAAgB,IAAE,EAAA,QAAA,EAAAA,MAAM,CAAA,QAAA,EAAS,CACxC;AAAA,KACH;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAA;AAAA,MACA,OAAS,EAAA,OAAA;AAAA,MACT,QAAA,sBAAW,IAAG,EAAA,EAAA;AAAA;AAChB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,aAAe,EAAA,IAAA,EAAK,cAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.mjs","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["export * from \"./view\";\nimport React from \"react\";\nimport styles from \"./Heading.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface HeadingProps extends Aria.HeadingProps, FlowComponentProps {\n  /** The font size of the heading. */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\n  /** The color of the heading. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/** @flr-generate all */\nexport const Heading = flowComponent(\"Heading\", (props) => {\n  const {\n    children,\n    className,\n    level = 2,\n    color = \"primary\",\n    size,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.heading,\n    size && styles[size],\n    styles[color],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      \"aria-hidden\": true,\n      className: styles.icon,\n    },\n    AlertBadge: {\n      tunnelId: \"headingContent\",\n    },\n    Badge: {\n      tunnelId: \"headingContent\",\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"headingContent\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <TunnelProvider>\n        <Aria.Heading\n          level={level}\n          className={rootClassName}\n          {...rest}\n          ref={ref}\n        >\n          <span className={styles.headingText}>\n            <PropsContextProvider props={propsContext}>\n              {children}\n            </PropsContextProvider>\n          </span>\n          <span className={styles.headingContent}>\n            <TunnelExit id=\"headingContent\" />\n          </span>\n        </Aria.Heading>\n      </TunnelProvider>\n    </ClearPropsContext>\n  );\n});\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,KAAQ,GAAA,SAAA;AAAA,IACR,IAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,IAAA,IAAQ,OAAO,IAAI,CAAA;AAAA,IACnB,OAAO,KAAK,CAAA;AAAA,IACZ;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,gBAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,OAAA;AAAA,IAAL;AAAA,MACC,KAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,MAAO,CAAA,WAAA,EACtB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,gBACtB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,gBAAA,EAAiB,CAClC,EAAA;AAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Heading.mjs","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["export * from \"./view\";\nimport React from \"react\";\nimport styles from \"./Heading.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface HeadingProps extends Aria.HeadingProps, FlowComponentProps {\n  /** The font size of the heading. */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\n  /** The color of the heading. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Heading = flowComponent(\"Heading\", (props) => {\n  const {\n    children,\n    className,\n    level = 2,\n    color = \"primary\",\n    size,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.heading,\n    size && styles[size],\n    styles[color],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      \"aria-hidden\": true,\n      className: styles.icon,\n    },\n    AlertBadge: {\n      tunnelId: \"headingContent\",\n    },\n    Badge: {\n      tunnelId: \"headingContent\",\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"headingContent\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <TunnelProvider>\n        <Aria.Heading\n          level={level}\n          className={rootClassName}\n          {...rest}\n          ref={ref}\n        >\n          <span className={styles.headingText}>\n            <PropsContextProvider props={propsContext}>\n              {children}\n            </PropsContextProvider>\n          </span>\n          <span className={styles.headingContent}>\n            <TunnelExit id=\"headingContent\" />\n          </span>\n        </Aria.Heading>\n      </TunnelProvider>\n    </ClearPropsContext>\n  );\n});\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;AAsBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,KAAQ,GAAA,SAAA;AAAA,IACR,IAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,IAAA,IAAQ,OAAO,IAAI,CAAA;AAAA,IACnB,OAAO,KAAK,CAAA;AAAA,IACZ;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,gBAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,OAAA;AAAA,IAAL;AAAA,MACC,KAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,MAAO,CAAA,WAAA,EACtB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,gBACtB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,gBAAA,EAAiB,CAClC,EAAA;AAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nexport interface IconProps\n  extends PropsWithChildren<Omit<SvgAttributeProps, \"name\">>,\n    FlowComponentProps {\n  /** The size of the icon. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n  const {\n    className,\n    \"aria-label\": ariaLabel,\n    children,\n    size = \"m\",\n    ref: ignoredRef,\n    ...svgAttributes\n  } = props;\n\n  const iconProps: SvgAttributeProps = {\n    ...svgAttributes,\n    focusable: \"false\",\n    role: \"img\",\n    \"aria-hidden\": !ariaLabel,\n    \"aria-label\": ariaLabel,\n    className: clsx(styles.icon, className, styles[`size-${size}`]),\n  };\n\n  const iconElement = React.Children.toArray(children)[0];\n\n  if (!React.isValidElement(iconElement)) {\n    throw new Error(\n      `Expected children of Icon component to be a valid React element (got ${String(\n        children,\n      )})`,\n    );\n  }\n\n  return (\n    <ClearPropsContext>\n      {cloneElement(iconElement, iconProps)}\n    </ClearPropsContext>\n  );\n});\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;;;;;AAmBO,MAAM,IAAO,GAAA,aAAA,CAAc,MAAQ,EAAA,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,YAAc,EAAA,SAAA;AAAA,IACd,QAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAA+B,GAAA;AAAA,IACnC,GAAG,aAAA;AAAA,IACH,SAAW,EAAA,OAAA;AAAA,IACX,IAAM,EAAA,KAAA;AAAA,IACN,eAAe,CAAC,SAAA;AAAA,IAChB,YAAc,EAAA,SAAA;AAAA,IACd,SAAA,EAAW,KAAK,MAAO,CAAA,IAAA,EAAM,WAAW,MAAO,CAAA,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAC;AAAA,GAChE;AAEA,EAAA,MAAM,cAAc,KAAM,CAAA,QAAA,CAAS,OAAQ,CAAA,QAAQ,EAAE,CAAC,CAAA;AAEtD,EAAA,IAAI,CAAC,KAAA,CAAM,cAAe,CAAA,WAAW,CAAG,EAAA;AACtC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAwE,qEAAA,EAAA,MAAA;AAAA,QACtE;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA;AAGF,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACE,QAAa,EAAA,YAAA,CAAA,WAAA,EAAa,SAAS,CACtC,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nexport interface IconProps\n  extends PropsWithChildren<Omit<SvgAttributeProps, \"name\">>,\n    FlowComponentProps {\n  /** The size of the icon. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n  const {\n    className,\n    \"aria-label\": ariaLabel,\n    children,\n    size = \"m\",\n    ref: ignoredRef,\n    ...svgAttributes\n  } = props;\n\n  const iconProps: SvgAttributeProps = {\n    ...svgAttributes,\n    focusable: \"false\",\n    role: \"img\",\n    \"aria-hidden\": !ariaLabel,\n    \"aria-label\": ariaLabel,\n    className: clsx(styles.icon, className, styles[`size-${size}`]),\n  };\n\n  const iconElement = React.Children.toArray(children)[0];\n\n  if (!React.isValidElement(iconElement)) {\n    throw new Error(\n      `Expected children of Icon component to be a valid React element (got ${String(\n        children,\n      )})`,\n    );\n  }\n\n  return (\n    <ClearPropsContext>\n      {cloneElement(iconElement, iconProps)}\n    </ClearPropsContext>\n  );\n});\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBO,MAAM,IAAO,GAAA,aAAA,CAAc,MAAQ,EAAA,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,YAAc,EAAA,SAAA;AAAA,IACd,QAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAA+B,GAAA;AAAA,IACnC,GAAG,aAAA;AAAA,IACH,SAAW,EAAA,OAAA;AAAA,IACX,IAAM,EAAA,KAAA;AAAA,IACN,eAAe,CAAC,SAAA;AAAA,IAChB,YAAc,EAAA,SAAA;AAAA,IACd,SAAA,EAAW,KAAK,MAAO,CAAA,IAAA,EAAM,WAAW,MAAO,CAAA,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAC;AAAA,GAChE;AAEA,EAAA,MAAM,cAAc,KAAM,CAAA,QAAA,CAAS,OAAQ,CAAA,QAAQ,EAAE,CAAC,CAAA;AAEtD,EAAA,IAAI,CAAC,KAAA,CAAM,cAAe,CAAA,WAAW,CAAG,EAAA;AACtC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAwE,qEAAA,EAAA,MAAA;AAAA,QACtE;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA;AAGF,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACE,QAAa,EAAA,YAAA,CAAA,WAAA,EAAa,SAAS,CACtC,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"IllustratedMessage.mjs","sources":["../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** The color of the illustrated message. @default \"primary\" */\n  color?: \"primary\" | \"danger\" | \"light\" | \"dark\";\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage: FC<IllustratedMessageProps> = (props) => {\n  const { className, children, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.illustratedMessageContainer, className);\n\n  const lightOrDarkColor =\n    color === \"dark\" || color === \"light\" ? color : undefined;\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"l\",\n    },\n    Heading: {\n      className: styles.heading,\n    },\n    Text: {\n      className: styles.text,\n      color: lightOrDarkColor,\n    },\n    Button: {\n      color: lightOrDarkColor ?? \"accent\",\n    },\n    ActionGroup: {\n      ignoreBreakpoint: true,\n      className: styles.actionGroup,\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <div className={clsx(styles.illustratedMessage, styles[color])}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    </div>\n  );\n};\n\nexport default IllustratedMessage;\n"],"names":[],"mappings":";;;;;;;AAca,MAAA,kBAAA,GAAkD,CAAC,KAAU,KAAA;AACxE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,2BAAA,EAA6B,SAAS,CAAA;AAExE,EAAA,MAAM,gBACJ,GAAA,KAAA,KAAU,MAAU,IAAA,KAAA,KAAU,UAAU,KAAQ,GAAA,MAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,IAAM,EAAA;AAAA,KACR;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,KAAO,EAAA;AAAA,KACT;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAO,gBAAoB,IAAA;AAAA,KAC7B;AAAA,IACA,WAAa,EAAA;AAAA,MACX,gBAAkB,EAAA,IAAA;AAAA,MAClB,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,oBAAoB,MAAO,CAAA,KAAK,CAAC,CAC3D,EAAA,QAAA,kBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IllustratedMessage.mjs","sources":["../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** The color of the illustrated message. @default \"primary\" */\n  color?: \"primary\" | \"danger\" | \"light\" | \"dark\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const IllustratedMessage: FC<IllustratedMessageProps> = (props) => {\n  const { className, children, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.illustratedMessageContainer, className);\n\n  const lightOrDarkColor =\n    color === \"dark\" || color === \"light\" ? color : undefined;\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"l\",\n    },\n    Heading: {\n      className: styles.heading,\n    },\n    Text: {\n      className: styles.text,\n      color: lightOrDarkColor,\n    },\n    Button: {\n      color: lightOrDarkColor ?? \"accent\",\n    },\n    ActionGroup: {\n      ignoreBreakpoint: true,\n      className: styles.actionGroup,\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <div className={clsx(styles.illustratedMessage, styles[color])}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    </div>\n  );\n};\n\nexport default IllustratedMessage;\n"],"names":[],"mappings":";;;;;;;AAiBa,MAAA,kBAAA,GAAkD,CAAC,KAAU,KAAA;AACxE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,2BAAA,EAA6B,SAAS,CAAA;AAExE,EAAA,MAAM,gBACJ,GAAA,KAAA,KAAU,MAAU,IAAA,KAAA,KAAU,UAAU,KAAQ,GAAA,MAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,IAAM,EAAA;AAAA,KACR;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,KAAO,EAAA;AAAA,KACT;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAO,gBAAoB,IAAA;AAAA,KAC7B;AAAA,IACA,WAAa,EAAA;AAAA,MACX,gBAAkB,EAAA,IAAA;AAAA,MAClB,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,oBAAoB,MAAO,CAAA,KAAK,CAAC,CAC3D,EAAA,QAAA,kBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Image.mjs","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport React from \"react\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ImageProps extends ComponentProps<\"img\">, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Image = flowComponent(\"Image\", (props) => {\n  const { ref, ...rest } = props;\n  return (\n    <ClearPropsContext>\n      <img {...rest} ref={ref} />\n    </ClearPropsContext>\n  );\n});\n\nexport default Image;\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AACzB,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,KAAU,CAC3B,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Image.mjs","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport React from \"react\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ImageProps extends ComponentProps<\"img\">, FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Image = flowComponent(\"Image\", (props) => {\n  const { ref, ...rest } = props;\n  return (\n    <ClearPropsContext>\n      <img {...rest} ref={ref} />\n    </ClearPropsContext>\n  );\n});\n\nexport default Image;\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AACzB,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,KAAU,CAC3B,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Initials.mjs","sources":["../../../../src/components/Initials/Initials.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { getInitialsFromString } from \"./lib/getInitialsFromString\";\nimport styles from \"./Initials.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport { onlyText } from \"react-children-utilities\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface InitialsProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Initials = flowComponent(\"Initials\", (props) => {\n  const { children, className, ref } = props;\n\n  const textContent = onlyText(children);\n  const initials = getInitialsFromString(textContent);\n\n  const rootClassName = clsx(styles.initials, className);\n\n  const initialsElements = initials.map((initial, index) => (\n    <span key={index}>{initial}</span>\n  ));\n\n  return (\n    <ClearPropsContext>\n      <div aria-label={textContent} className={rootClassName} ref={ref}>\n        {initialsElements}\n      </div>\n    </ClearPropsContext>\n  );\n});\n\nexport default Initials;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiBO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAA,EAAQ,GAAA,KAAA;AAErC,EAAM,MAAA,WAAA,GAAc,SAAS,QAAQ,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,sBAAsB,WAAW,CAAA;AAElD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,QAAS,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,0BAC7C,GAAA,CAAA,MAAA,EAAA,EAAkB,QAAR,EAAA,OAAA,EAAA,EAAA,KAAgB,CAC5B,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,YAAA,EAAY,aAAa,SAAW,EAAA,aAAA,EAAe,GACrD,EAAA,QAAA,EAAA,gBAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Initials.mjs","sources":["../../../../src/components/Initials/Initials.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { getInitialsFromString } from \"./lib/getInitialsFromString\";\nimport styles from \"./Initials.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport { onlyText } from \"react-children-utilities\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface InitialsProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Initials = flowComponent(\"Initials\", (props) => {\n  const { children, className, ref } = props;\n\n  const textContent = onlyText(children);\n  const initials = getInitialsFromString(textContent);\n\n  const rootClassName = clsx(styles.initials, className);\n\n  const initialsElements = initials.map((initial, index) => (\n    <span key={index}>{initial}</span>\n  ));\n\n  return (\n    <ClearPropsContext>\n      <div aria-label={textContent} className={rootClassName} ref={ref}>\n        {initialsElements}\n      </div>\n    </ClearPropsContext>\n  );\n});\n\nexport default Initials;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoBO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAA,EAAQ,GAAA,KAAA;AAErC,EAAM,MAAA,WAAA,GAAc,SAAS,QAAQ,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,sBAAsB,WAAW,CAAA;AAElD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,QAAS,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,0BAC7C,GAAA,CAAA,MAAA,EAAA,EAAkB,QAAR,EAAA,OAAA,EAAA,EAAA,KAAgB,CAC5B,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,YAAA,EAAY,aAAa,SAAW,EAAA,aAAA,EAAe,GACrD,EAAA,QAAA,EAAA,gBAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"InlineCode.mjs","sources":["../../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./InlineCode.module.scss\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\n\nexport interface InlineCodeProps\n  extends PropsWithChildren<ComponentProps<\"code\">> {\n  /** The color schema of the inline code component. */\n  color?: \"default\" | \"light\" | \"dark\";\n}\n\n/** @flr-generate all */\nexport const InlineCode: FC<InlineCodeProps> = (props) => {\n  const { children, className, color = \"default\", ...rest } = props;\n\n  const rootClassName = clsx(styles.inlineCode, className, styles[color]);\n\n  return (\n    <ClearPropsContext>\n      <code {...rest} className={rootClassName}>\n        {children}\n      </code>\n    </ClearPropsContext>\n  );\n};\n\nexport default InlineCode;\n"],"names":[],"mappings":";;;;;;;;;;AAaa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAEtE,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,IAAM,EAAA,SAAA,EAAW,aACxB,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InlineCode.mjs","sources":["../../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./InlineCode.module.scss\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\n\nexport interface InlineCodeProps\n  extends PropsWithChildren<ComponentProps<\"code\">> {\n  /** The color schema of the inline code component. */\n  color?: \"default\" | \"light\" | \"dark\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const InlineCode: FC<InlineCodeProps> = (props) => {\n  const { children, className, color = \"default\", ...rest } = props;\n\n  const rootClassName = clsx(styles.inlineCode, className, styles[color]);\n\n  return (\n    <ClearPropsContext>\n      <code {...rest} className={rootClassName}>\n        {children}\n      </code>\n    </ClearPropsContext>\n  );\n};\n\nexport default InlineCode;\n"],"names":[],"mappings":";;;;;;;;;;AAgBa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAEtE,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,IAAM,EAAA,SAAA,EAAW,aACxB,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}