@mittwald/flow-react-components 0.2.0-alpha.75 → 0.2.0-alpha.77

package/dist/js/components/Link/components/LinkIcon/LinkIcon.mjs

@@ -3,14 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import { IconDownload } from '../../../Icon/components/icons/IconDownload.mjs';
 import { IconExternalLink } from '../../../Icon/components/icons/IconExternalLink.mjs';
 import locales from '../../../../_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs';

package/dist/js/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -12,12 +12,12 @@ import { TooltipTrigger } from '../../../../../Tooltip/components/TooltipTrigger
 import 'react-aria-components';
 import 'clsx';
 import '@tabler/icons-react';
-import '../../../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
 import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconClose } from '../../../../../Icon/components/icons/IconClose.mjs';
 import { IconSave } from '../../../../../Icon/components/icons/IconSave.mjs';

package/dist/js/components/List/components/Header/components/FilterPicker/FilterPicker.mjs

@@ -3,14 +3,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
-import 'clsx';
-import '../../../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
 import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
 import MenuItemView from '../../../../../../views/MenuItemView.mjs';
 import TextView from '../../../../../../views/TextView.mjs';

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

@@ -9,6 +9,7 @@ import '@react-aria/utils';
 import '../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import SearchFieldView from '../../../../../../views/SearchFieldView.mjs';
 
 const autoSubmitTimeout = 800;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","sources":["../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport React, { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { className, onChange, value, autoSubmit, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else {\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={className}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { className, search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    className,\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n"],"names":["value"],"mappings":";;;;;;;;;;;AAYA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,UAAY,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAExE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,SAAS,EAAE,CAAA;AAE5D,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,YAAA,CAAa,IAAK,EAAA,KAAM,EAAI,EAAA;AAC9B,MAAA,QAAA,CAAS,MAAS,CAAA;AAAA,KACb,MAAA;AACL,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA;AACvB,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,OAAU,GAAA,UAAA,CAAW,MAAM,YAAA,IAAgB,iBAAiB,CAAA;AAClE,MAAO,OAAA,MAAM,aAAa,OAAO,CAAA;AAAA;AACnC,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,WAAA,CAAY,OAAO,MAAM;AACvB,IAAA,eAAA,CAAgB,SAAS,EAAE,CAAA;AAAA,GAC7B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAqB,KAAA;AAC3C,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAa,YAAA,EAAA;AAAA,KACf,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC7B,MAAY,WAAA,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAO,EAAA,YAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,CAACA,MAAU,KAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,MAC1C,OAAS,EAAA,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEa,MAAA,WAAA,GAAyB,CAAC,KAAU,KAAA;AAC/C,EAAM,MAAA,EAAE,SAAW,EAAA,MAAA,EAAW,GAAA,KAAA;AAC9B,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,SAAA;AAAA,IACA,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,QAAU,EAAA,MAAA,CAAO,QAAS,CAAA,IAAA,CAAK,MAAM,CAAA;AAAA,IACrC,GAAG,MAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport React, { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { className, onChange, value, autoSubmit, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else {\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={className}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { className, search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    className,\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n"],"names":["value"],"mappings":";;;;;;;;;;;;AAYA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,UAAY,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAExE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,SAAS,EAAE,CAAA;AAE5D,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,YAAA,CAAa,IAAK,EAAA,KAAM,EAAI,EAAA;AAC9B,MAAA,QAAA,CAAS,MAAS,CAAA;AAAA,KACb,MAAA;AACL,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA;AACvB,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,OAAU,GAAA,UAAA,CAAW,MAAM,YAAA,IAAgB,iBAAiB,CAAA;AAClE,MAAO,OAAA,MAAM,aAAa,OAAO,CAAA;AAAA;AACnC,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,WAAA,CAAY,OAAO,MAAM;AACvB,IAAA,eAAA,CAAgB,SAAS,EAAE,CAAA;AAAA,GAC7B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAqB,KAAA;AAC3C,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAa,YAAA,EAAA;AAAA,KACf,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC7B,MAAY,WAAA,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAO,EAAA,YAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,CAACA,MAAU,KAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,MAC1C,OAAS,EAAA,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEa,MAAA,WAAA,GAAyB,CAAC,KAAU,KAAA;AAC/C,EAAM,MAAA,EAAE,SAAW,EAAA,MAAA,EAAW,GAAA,KAAA;AAC9B,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,SAAA;AAAA,IACA,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,QAAU,EAAA,MAAA,CAAO,QAAS,CAAA,IAAA,CAAK,MAAM,CAAA;AAAA,IACrC,GAAG,MAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}

package/dist/js/components/List/components/Header/components/SortingPicker/SortingPicker.mjs

@@ -11,10 +11,10 @@ import '../../../../../../lib/propsContext/propsContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../../../lib/slotContext/slotContext.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconSorting } from '../../../../../Icon/components/icons/IconSorting.mjs';
 import 'react-aria';
 import { ContextMenuTrigger } from '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';

package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs

@@ -7,15 +7,15 @@ import { useLocalizedStringFormatter } from 'react-aria';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
-import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../../../lib/slotContext/slotContext.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconView } from '../../../../../Icon/components/icons/IconView.mjs';
 import ButtonView from '../../../../../../views/ButtonView.mjs';
 import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';

package/dist/js/components/List/components/Items/components/Item/components/AccordionButton.mjs

@@ -3,14 +3,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
-import 'clsx';
-import '../../../../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../../../../lib/slotContext/slotContext.mjs';
 import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import { IconChevronDown } from '../../../../../../Icon/components/icons/IconChevronDown.mjs';
 import { IconChevronUp } from '../../../../../../Icon/components/icons/IconChevronUp.mjs';
 import locales from '../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';

package/dist/js/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs

@@ -5,22 +5,22 @@ import 'react';
 import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
 import '@tabler/icons-react';
-import 'clsx';
-import '../../../../../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../../../../../lib/slotContext/slotContext.mjs';
 import '../../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import { IconContextMenu } from '../../../../../../../Icon/components/icons/IconContextMenu.mjs';
 import ButtonView from '../../../../../../../../views/ButtonView.mjs';
 import 'mobx';
 import '../../../../../../../../lib/controller/overlay/context.mjs';
-import 'react-aria-components';
 import 'invariant';
 import '../../../../../../../Action/context.mjs';
 import '../../../../../../../Action/models/ActionStateContext.mjs';
+import 'react-aria-components';
 import { ContextMenuTrigger } from '../../../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
 
 const OptionsButton = (props) => {

package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs

@@ -5,10 +5,10 @@ import { useState, useId, useRef, useEffect } from 'react';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
-import 'clsx';
 import '../../../../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
 import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../../../../lib/slotContext/slotContext.mjs';

package/dist/js/components/List/components/Table/Table.mjs

@@ -5,15 +5,15 @@ import 'react';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
-import clsx from 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import clsx from 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria';
 import '@chakra-ui/live-region';
 import 'mobx';

package/dist/js/components/List/typedList.mjs

@@ -13,15 +13,15 @@ import 'luxon';
 import 'react/jsx-runtime';
 import 'react-aria-components';
 import 'react';
-import 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../lib/slotContext/slotContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria';
 import { ListItemView } from './components/ListItemView/ListItemView.mjs';
 import './listContext.mjs';

package/dist/js/components/List/views/EmptyView/EmptyView.mjs

@@ -4,14 +4,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import { IllustratedMessage } from '../../../IllustratedMessage/IllustratedMessage.mjs';
 import '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import { IconSearch } from '../../../Icon/components/icons/IconSearch.mjs';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Text } from '../../../Text/Text.mjs';

package/dist/js/components/LoadingSpinner/LoadingSpinner.mjs

@@ -3,14 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import clsx from 'clsx';
 import { IconPending } from '../Icon/components/icons/IconPending.mjs';
 import styles from './LoadingSpinner.module.scss.mjs';
 

package/dist/js/components/MenuItem/components/MenuItemContent/MenuItemContent.mjs

@@ -6,12 +6,12 @@ import styles from '../../MenuItem.module.scss.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import '@tabler/icons-react';
-import clsx from 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import clsx from 'clsx';
 import { IconCheckboxChecked } from '../../../Icon/components/icons/IconCheckboxChecked.mjs';
 import { IconCheckboxEmpty } from '../../../Icon/components/icons/IconCheckboxEmpty.mjs';
 import { IconRadioOff } from '../../../Icon/components/icons/IconRadioOff.mjs';

package/dist/js/components/Message/Message.mjs

@@ -2,14 +2,14 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import clsx from 'clsx';
-import styles from './Message.module.scss.mjs';
 import '@tabler/icons-react';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import clsx from 'clsx';
 import { IconContextMenu } from '../Icon/components/icons/IconContextMenu.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import styles from './Message.module.scss.mjs';
 
 const Message = flowComponent("Message", (props) => {
   const { type = "responder", children, className } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Message.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nexport interface MessageProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Message = flowComponent(\"Message\", (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n});\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./Message.module.scss\";\nexport interface MessageProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/** @flr-generate all */\nexport const Message = flowComponent(\"Message\", (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n});\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

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

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

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

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

@@ -1,22 +1,22 @@
 "use client"
 /* */
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react';
-import styles from './Notification.module.scss.mjs';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
 import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
-import { Link } from '../Link/Link.mjs';
 import { Button } from '../Button/Button.mjs';
+import 'react';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import clsx from 'clsx';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import { Link } from '../Link/Link.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import styles from './Notification.module.scss.mjs';
 
 const Notification = (props) => {
   const {
@@ -41,7 +41,7 @@ const Notification = (props) => {
       className: styles.heading,
       level: 4,
       children: dynamic((props2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(AlertIcon, { status }),
+        /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }),
         props2.children
       ] }))
     },

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

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

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

@@ -3,6 +3,7 @@
 const notification = "flow--notification";
 const link = "flow--notification--link";
 const heading = "flow--notification--heading";
+const icon = "flow--notification--icon";
 const text = "flow--notification--text";
 const close = "flow--notification--close";
 const info = "flow--notification--info";
@@ -14,6 +15,7 @@ const styles = {
 	notification: notification,
 	link: link,
 	heading: heading,
+	icon: icon,
 	text: text,
 	close: close,
 	info: info,
@@ -23,5 +25,5 @@ const styles = {
 	success: success
 };
 
-export { close, danger, styles as default, hasLink, heading, info, link, notification, success, text, warning };
+export { close, danger, styles as default, hasLink, heading, icon, info, link, notification, success, text, warning };
 //# sourceMappingURL=Notification.module.scss.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Notification.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -9,9 +9,9 @@ import '../../lib/propsContext/propsContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@mittwald/react-tunnel';
 import '../../lib/slotContext/slotContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import clsx from 'clsx';
 import { Popover } from '../Popover/Popover.mjs';
 import styles from './Options.module.scss.mjs';

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

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

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

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

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

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