@mittwald/flow-react-components 0.2.0-alpha.491 → 0.2.0-alpha.493

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

@@ -10,7 +10,7 @@ import { PropsContextProvider } from '../../lib/propsContext/components/PropsCon
 import { Button } from '../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { Activity } from '../Activity/Activity.mjs';

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

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconDanger } from '../Icon/components/icons/IconDanger.mjs';
 import { IconInfo } from '../Icon/components/icons/IconInfo.mjs';
 import { IconSuccess } from '../Icon/components/icons/IconSuccess.mjs';

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

@@ -10,7 +10,7 @@ import { Button } from '../Button/Button.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 
 const Badge = flowComponent("Badge", (props) => {

package/dist/js/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs

@@ -7,7 +7,7 @@ import styles from '../../Breadcrumb.module.scss.mjs';
 import clsx from 'clsx';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
 
 const BreadcrumbItem = (props) => {

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

@@ -9,9 +9,10 @@ import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'react/jsx-runtime';
 import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
-import '../../lib/propsContext/inherit/propsContextLevel.mjs';
-import 'dot-prop';
+import '../../lib/slotContext/SlotContextProvider.mjs';
+import '../../lib/propsContext/components/ComponentPropsContextProvider.mjs';
+import '../../views/ComponentPropsContextProviderView.mjs';
+import '../../lib/propsContext/components/PropsContextProvider.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 
 const BrowserOnly = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,CAAC,KAA6B,KAAA;AACvD,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OAAO,KAAM,CAAA,QAAA;AAAA;AAEjB;;;;"}
+{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,CAAC,KAA6B,KAAA;AACvD,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OAAO,KAAM,CAAA,QAAA;AAAA;AAEjB;;;;"}

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

@@ -9,7 +9,7 @@ import { PropsContextProvider } from '../../lib/propsContext/components/PropsCon
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconFailed } from '../Icon/components/icons/IconFailed.mjs';
 import { IconSucceeded } from '../Icon/components/icons/IconSucceeded.mjs';
 import { Wrap } from '../Wrap/Wrap.mjs';

package/dist/js/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs

@@ -6,7 +6,7 @@ import { Button } from '../../../Button/Button.mjs';
 import * as Aria from 'react-aria-components';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconChevronLeft } from '../../../Icon/components/icons/IconChevronLeft.mjs';
 import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
 

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

@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.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';

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

@@ -7,7 +7,7 @@ import { Button } from '../Button/Button.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { Options } from '../Options/Options.mjs';
 import '../../lib/propsContext/propsContext.mjs';

package/dist/js/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs

@@ -11,7 +11,7 @@ import { useLocalizedStringFormatter } from 'react-aria';
 import 'react';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconInfo } from '../../../Icon/components/icons/IconInfo.mjs';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 

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

@@ -6,7 +6,7 @@ import { Button } from '../Button/Button.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconCopy } from '../Icon/components/icons/IconCopy.mjs';
 import locales from '../../../../_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';

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

@@ -17,7 +17,7 @@ import { Calendar } from '../Calendar/Calendar.mjs';
 import '../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 
 const DatePicker = flowComponent("DatePicker", (props) => {
   const { children, className, errorMessage, onChange, ref, ...rest } = props;

package/dist/js/components/src/components/DatePicker/components/DateInput/DateInput.mjs

@@ -7,7 +7,7 @@ import * as Aria from 'react-aria-components';
 import { Button } from '../../../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconDate } from '../../../Icon/components/icons/IconDate.mjs';
 
 const DateInput = (props) => {

package/dist/js/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.mjs

@@ -7,7 +7,7 @@ import * as Aria from 'react-aria-components';
 import { Button } from '../../../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconDate } from '../../../Icon/components/icons/IconDate.mjs';
 
 const DateRangeInput = (props) => {

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

@@ -7,7 +7,7 @@ import clsx from 'clsx';
 import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconDanger } from '../Icon/components/icons/IconDanger.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 

package/dist/js/components/src/components/FileCard/components/Avatar/Avatar.mjs

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconPhoto } from '@tabler/icons-react';
 import { Icon } from '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconFile } from '../../../Icon/components/icons/IconFile.mjs';
 import { Avatar as Avatar$1 } from '../../../Avatar/Avatar.mjs';
 import { Image } from '../../../Image/Image.mjs';

package/dist/js/components/src/components/FileCard/components/DeleteButton/DeleteButton.mjs

@@ -6,7 +6,7 @@ import { Button } from '../../../Button/Button.mjs';
 import styles from '../../FileCard.module.scss.mjs';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 import { IconClose } from '../../../Icon/components/icons/IconClose.mjs';
 import locales from '../../../../../../_virtual/_.locale.json@c33938a00f4bfb40e033ada6b54e38f9.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';

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

@@ -11,7 +11,7 @@ import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../views/IconView.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import styles from './LightBox.module.scss.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';

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

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../views/IconView.mjs';
 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/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -11,16 +11,10 @@ import { useLocalizedStringFormatter } from 'react-aria';
 import { TooltipTrigger } from '../../../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
 import 'react-aria-components';
 import 'clsx';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import 'remeda';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import 'dot-prop';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../../../views/ClearPropsContextView.mjs';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
 import { IconClose } from '../../../../../Icon/components/icons/IconClose.mjs';
 import { IconSave } from '../../../../../Icon/components/icons/IconSave.mjs';
 import { IconUndo } from '../../../../../Icon/components/icons/IconUndo.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilters.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TooltipTrigger } from \"@/components/Tooltip\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\n\nexport const ActiveFilters: FC = observer(() => {\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales);\n\n  const activeFilterValues = list.filters\n    .flatMap((f) => f.values)\n    .filter((v) => v.isActive);\n\n  const activeFilters = activeFilterValues.map((v) => (\n    <BadgeView key={v.id} onClose={() => v.deactivate()}>\n      <TextView>{v.render()}</TextView>\n    </BadgeView>\n  ));\n\n  const someFiltersChanged =\n    list.filters.filter((f) => f.hasChanged()).length > 0;\n\n  const storeFiltersButton = list.supportsSettingsStorage &&\n    someFiltersChanged && (\n      <TooltipTriggerView>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.store</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.storeFilterDefaultSettings()}\n          aria-label={formatter.format(\"list.filters.store\")}\n        >\n          <IconSave />\n        </ButtonView>\n      </TooltipTriggerView>\n    );\n\n  const resetFiltersButton = someFiltersChanged ? (\n    <TooltipTrigger>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.reset</Translate>\n      </TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"list.filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTrigger>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 0 ? (\n      <TooltipTrigger>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.clear</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTrigger>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActiveFilters.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TooltipTrigger } from \"@/components/Tooltip\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\n\nexport const ActiveFilters: FC = observer(() => {\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales);\n\n  const activeFilterValues = list.filters\n    .flatMap((f) => f.values)\n    .filter((v) => v.isActive);\n\n  const activeFilters = activeFilterValues.map((v) => (\n    <BadgeView key={v.id} onClose={() => v.deactivate()}>\n      <TextView>{v.render()}</TextView>\n    </BadgeView>\n  ));\n\n  const someFiltersChanged =\n    list.filters.filter((f) => f.hasChanged()).length > 0;\n\n  const storeFiltersButton = list.supportsSettingsStorage &&\n    someFiltersChanged && (\n      <TooltipTriggerView>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.store</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.storeFilterDefaultSettings()}\n          aria-label={formatter.format(\"list.filters.store\")}\n        >\n          <IconSave />\n        </ButtonView>\n      </TooltipTriggerView>\n    );\n\n  const resetFiltersButton = someFiltersChanged ? (\n    <TooltipTrigger>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.reset</Translate>\n      </TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"list.filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTrigger>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 0 ? (\n      <TooltipTrigger>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.clear</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTrigger>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/List/components/Header/components/Filters/CombinedFilterMenu.mjs

@@ -4,23 +4,20 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../../../views/IconView.mjs';
 import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
 import ButtonView from '../../../../../../views/ButtonView.mjs';
 import 'invariant';
 import 'react-aria-components';
 import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '../../../../../Heading/Heading.mjs';
 import '../../../../../Text/Text.mjs';
 import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
 import ContextMenuTriggerView from '../../../../../../views/ContextMenuTriggerView.mjs';
 import '../../../../../ColumnLayout/ColumnLayout.mjs';
 import '../../../ListSummary/ListSummary.mjs';

package/dist/js/components/src/components/List/components/Header/components/Filters/CombinedFilterMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CombinedFilterMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Filters/CombinedFilterMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { FilterMenuItem } from \"@/components/List/components/Header/components/Filters/FilterMenuItem\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\nimport SeparatorView from \"@/views/SeparatorView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const CombinedFilterMenu: FC = () => {\n  const list = useList();\n\n  const filters = list.filters;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  if (filters.length === 0) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.mobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.filters\")}\n      >\n        <IconFilter />\n      </ButtonView>\n      <ContextMenuView>\n        {filters.map((f, i) => {\n          const activeFilterKeys = f.values\n            .filter((v) => v.isActive)\n            .map((v) => v.id);\n\n          return (\n            <React.Fragment key={f.property}>\n              <ContextMenuSectionView\n                selectionMode={f.mode === \"one\" ? \"single\" : \"multiple\"}\n                selectedKeys={activeFilterKeys}\n              >\n                <HeadingView>{f.name ?? f.property}</HeadingView>\n                {f.values.map((v) => (\n                  <FilterMenuItem key={v.id} filterValue={v} />\n                ))}\n              </ContextMenuSectionView>\n              {i + 1 < filters.length && <SeparatorView />}\n            </React.Fragment>\n          );\n        })}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,qBAAyB,MAAM;AAC1C,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,UAAU,IAAK,CAAA,OAAA;AAErB,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,sBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAWA,YAAO,CAAA,MAAA;AAAA,QAClB,OAAQ,EAAA,SAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,cAAc,CAAA;AAAA,QAEjD,8BAAC,UAAW,EAAA,EAAA;AAAA;AAAA,KACd;AAAA,wBACC,eACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,GAAG,CAAM,KAAA;AACrB,MAAA,MAAM,gBAAmB,GAAA,CAAA,CAAE,MACxB,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAE,CAAA,QAAQ,CACxB,CAAA,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAElB,MACE,uBAAA,IAAA,CAAC,KAAM,CAAA,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,aAAe,EAAA,CAAA,CAAE,IAAS,KAAA,KAAA,GAAQ,QAAW,GAAA,UAAA;AAAA,YAC7C,YAAc,EAAA,gBAAA;AAAA,YAEd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,WAAa,EAAA,EAAA,QAAA,EAAA,CAAA,CAAE,IAAQ,IAAA,CAAA,CAAE,QAAS,EAAA,CAAA;AAAA,cAClC,CAAA,CAAE,MAAO,CAAA,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA,CAAA,cAAA,EAAA,EAA0B,WAAa,EAAA,CAAA,EAAA,EAAnB,CAAE,CAAA,EAAoB,CAC5C;AAAA;AAAA;AAAA,SACH;AAAA,QACC,CAAI,GAAA,CAAA,GAAI,OAAQ,CAAA,MAAA,wBAAW,aAAc,EAAA,EAAA;AAAA,OAAA,EAAA,EAVvB,EAAE,QAWvB,CAAA;AAAA,KAEH,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CombinedFilterMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Filters/CombinedFilterMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { FilterMenuItem } from \"@/components/List/components/Header/components/Filters/FilterMenuItem\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\nimport SeparatorView from \"@/views/SeparatorView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const CombinedFilterMenu: FC = () => {\n  const list = useList();\n\n  const filters = list.filters;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  if (filters.length === 0) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.mobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.filters\")}\n      >\n        <IconFilter />\n      </ButtonView>\n      <ContextMenuView>\n        {filters.map((f, i) => {\n          const activeFilterKeys = f.values\n            .filter((v) => v.isActive)\n            .map((v) => v.id);\n\n          return (\n            <React.Fragment key={f.property}>\n              <ContextMenuSectionView\n                selectionMode={f.mode === \"one\" ? \"single\" : \"multiple\"}\n                selectedKeys={activeFilterKeys}\n              >\n                <HeadingView>{f.name ?? f.property}</HeadingView>\n                {f.values.map((v) => (\n                  <FilterMenuItem key={v.id} filterValue={v} />\n                ))}\n              </ContextMenuSectionView>\n              {i + 1 < filters.length && <SeparatorView />}\n            </React.Fragment>\n          );\n        })}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,qBAAyB,MAAM;AAC1C,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,UAAU,IAAK,CAAA,OAAA;AAErB,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,sBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAWA,YAAO,CAAA,MAAA;AAAA,QAClB,OAAQ,EAAA,SAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,cAAc,CAAA;AAAA,QAEjD,8BAAC,UAAW,EAAA,EAAA;AAAA;AAAA,KACd;AAAA,wBACC,eACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,GAAG,CAAM,KAAA;AACrB,MAAA,MAAM,gBAAmB,GAAA,CAAA,CAAE,MACxB,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAE,CAAA,QAAQ,CACxB,CAAA,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAElB,MACE,uBAAA,IAAA,CAAC,KAAM,CAAA,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,aAAe,EAAA,CAAA,CAAE,IAAS,KAAA,KAAA,GAAQ,QAAW,GAAA,UAAA;AAAA,YAC7C,YAAc,EAAA,gBAAA;AAAA,YAEd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,WAAa,EAAA,EAAA,QAAA,EAAA,CAAA,CAAE,IAAQ,IAAA,CAAA,CAAE,QAAS,EAAA,CAAA;AAAA,cAClC,CAAA,CAAE,MAAO,CAAA,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA,CAAA,cAAA,EAAA,EAA0B,WAAa,EAAA,CAAA,EAAA,EAAnB,CAAE,CAAA,EAAoB,CAC5C;AAAA;AAAA;AAAA,SACH;AAAA,QACC,CAAI,GAAA,CAAA,GAAI,OAAQ,CAAA,MAAA,wBAAW,aAAc,EAAA,EAAA;AAAA,OAAA,EAAA,EAVvB,EAAE,QAWvB,CAAA;AAAA,KAEH,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/components/Filters/FilterMenu.mjs

@@ -4,7 +4,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../../../views/IconView.mjs';
 import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
 import TextView from '../../../../../../views/TextView.mjs';
 import ButtonView from '../../../../../../views/ButtonView.mjs';

package/dist/js/components/src/components/List/components/Header/components/Filters/FilterMenuList.mjs

@@ -6,23 +6,17 @@ import 'invariant';
 import 'react-aria-components';
 import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'dot-prop';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
 import '../../../../../Heading/Heading.mjs';
 import '../../../../../Text/Text.mjs';
 import 'react-aria';
-import '../../../../../Button/Button.mjs';
-import '../../../../../ContextMenu/ContextMenu.mjs';
-import '../../../../../MenuItem/MenuItem.mjs';
-import '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
-import '../../../../../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../views/ButtonView.mjs';
+import '../../../../../../views/ContextMenuTriggerView.mjs';
 import '../../../../../ColumnLayout/ColumnLayout.mjs';
 import '../../../ListSummary/ListSummary.mjs';
 import { useList } from '../../../../hooks/useList.mjs';

package/dist/js/components/src/components/List/components/Header/components/Filters/FilterMenuList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenuList.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Filters/FilterMenuList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { FilterMenu } from \"@/components/List/components/Header/components/Filters/FilterMenu\";\n\nexport const FilterMenuList: FC = () => {\n  const list = useList();\n\n  return list.filters.map((filter) => (\n    <FilterMenu key={filter.property} filter={filter} />\n  ));\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,iBAAqB,MAAM;AACtC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,CAAC,MAAA,yBACtB,UAAiC,EAAA,EAAA,MAAA,EAAA,EAAjB,MAAO,CAAA,QAA0B,CACnD,CAAA;AACH;;;;"}
+{"version":3,"file":"FilterMenuList.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Filters/FilterMenuList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { FilterMenu } from \"@/components/List/components/Header/components/Filters/FilterMenu\";\n\nexport const FilterMenuList: FC = () => {\n  const list = useList();\n\n  return list.filters.map((filter) => (\n    <FilterMenu key={filter.property} filter={filter} />\n  ));\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,iBAAqB,MAAM;AACtC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,CAAC,MAAA,yBACtB,UAAiC,EAAA,EAAA,MAAA,EAAA,EAAjB,MAAO,CAAA,QAA0B,CACnD,CAAA;AACH;;;;"}

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

@@ -9,9 +9,10 @@ import '@react-aria/utils';
 import '../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import 'dot-prop';
+import '../../../../../../lib/slotContext/SlotContextProvider.mjs';
+import '../../../../../../lib/propsContext/components/ComponentPropsContextProvider.mjs';
+import '../../../../../../views/ComponentPropsContextProviderView.mjs';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import SearchFieldView from '../../../../../../views/SearchFieldView.mjs';
 import styles from './SearchField.module.scss.mjs';

package/dist/js/components/src/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 { 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\";\nimport styles from \"./SearchField.module.scss\";\nimport { useAriaAnnounceSearchState } from \"@/components/List/hooks/useAriaAnnounceSearchState\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { onChange, value, autoSubmit = true, ...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  useAriaAnnounceSearchState();\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={styles.searchField}\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 { search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n\nexport default SearchField;\n"],"names":["value"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,QAAU,EAAA,KAAA,EAAO,aAAa,IAAM,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAEpE,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,EAA2B,0BAAA,EAAA;AAE3B,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,WAAW,MAAO,CAAA,WAAA;AAAA,MAClB,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,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,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 { 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\";\nimport styles from \"./SearchField.module.scss\";\nimport { useAriaAnnounceSearchState } from \"@/components/List/hooks/useAriaAnnounceSearchState\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { onChange, value, autoSubmit = true, ...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  useAriaAnnounceSearchState();\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={styles.searchField}\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 { search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n\nexport default SearchField;\n"],"names":["value"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,QAAU,EAAA,KAAA,EAAO,aAAa,IAAM,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAEpE,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,EAA2B,0BAAA,EAAA;AAE3B,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,WAAW,MAAO,CAAA,WAAA;AAAA,MAClB,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,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,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/src/components/List/components/Header/components/Settings/SettingsMenu.mjs

@@ -7,7 +7,7 @@ import ButtonView from '../../../../../../views/ButtonView.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../../../views/IconView.mjs';
 import { IconSettings } from '../../../../../Icon/components/icons/IconSettings.mjs';
 import HeadingView from '../../../../../../views/HeadingView.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';

package/dist/js/components/src/components/List/components/Header/components/Settings/SortingMenu.mjs

@@ -9,7 +9,7 @@ import ButtonView from '../../../../../../views/ButtonView.mjs';
 import 'react';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../../../views/IconView.mjs';
 import { IconSorting } from '../../../../../Icon/components/icons/IconSorting.mjs';
 import headerStyles from '../../Header.module.css.mjs';
 import { SortingMenuItem } from './SortingMenuItem.mjs';

package/dist/js/components/src/components/List/components/Header/components/Settings/SortingMenuItem.mjs

@@ -7,23 +7,17 @@ import 'invariant';
 import 'react-aria-components';
 import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'dot-prop';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
 import '../../../../../Heading/Heading.mjs';
 import '../../../../../Text/Text.mjs';
 import 'react-aria';
-import '../../../../../Button/Button.mjs';
-import '../../../../../ContextMenu/ContextMenu.mjs';
-import '../../../../../MenuItem/MenuItem.mjs';
-import '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
-import '../../../../../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../views/ButtonView.mjs';
+import '../../../../../../views/ContextMenuTriggerView.mjs';
 import '../../../../../ColumnLayout/ColumnLayout.mjs';
 import '../../../ListSummary/ListSummary.mjs';
 import { useList } from '../../../../hooks/useList.mjs';

package/dist/js/components/src/components/List/components/Header/components/Settings/SortingMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortingMenuItem.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/SortingMenuItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport { useList } from \"@/components/List\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingMenuItem: FC<Props> = (props) => {\n  const { sorting } = props;\n\n  const list = useList();\n\n  return (\n    <MenuItemView\n      id={sorting.id}\n      onAction={() => {\n        list.getSorting(sorting.id).enable();\n      }}\n    >\n      {sorting.name ?? sorting.property}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAA,eAAA,GAA6B,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA;AAEpB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,OAAQ,CAAA,EAAA;AAAA,MACZ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,UAAW,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAE,MAAO,EAAA;AAAA,OACrC;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,QAAQ,OAAQ,CAAA;AAAA;AAAA,GAC3B;AAEJ;;;;"}
+{"version":3,"file":"SortingMenuItem.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/SortingMenuItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport { useList } from \"@/components/List\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingMenuItem: FC<Props> = (props) => {\n  const { sorting } = props;\n\n  const list = useList();\n\n  return (\n    <MenuItemView\n      id={sorting.id}\n      onAction={() => {\n        list.getSorting(sorting.id).enable();\n      }}\n    >\n      {sorting.name ?? sorting.property}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAA,eAAA,GAA6B,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA;AAEpB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,OAAQ,CAAA,EAAA;AAAA,MACZ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,UAAW,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAE,MAAO,EAAA;AAAA,OACrC;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,QAAQ,OAAQ,CAAA;AAAA;AAAA,GAC3B;AAEJ;;;;"}

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

@@ -8,18 +8,15 @@ import 'react-aria-components';
 import 'react';
 import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'dot-prop';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
 import { IconView } from '../../../../../Icon/components/icons/IconView.mjs';
 import '../../../../../Heading/Heading.mjs';
 import '../../../../../Text/Text.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
 import ButtonView from '../../../../../../views/ButtonView.mjs';
 import ContextMenuTriggerView from '../../../../../../views/ContextMenuTriggerView.mjs';
 import '../../../../../ColumnLayout/ColumnLayout.mjs';

package/dist/js/components/src/components/List/components/Header/components/Settings/ViewModeMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewModeMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/ViewModeMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { useList } from \"@/components/List\";\nimport { IconView } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TextView from \"@/views/TextView\";\nimport { ViewModeMenuItem } from \"@/components/List/components/Header/components/Settings/ViewModeMenuItem\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const ViewModeMenu: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const selectedViewMode = list.viewMode;\n\n  const availableViewModes = useAvailableViewModes();\n\n  if (availableViewModes.length <= 1) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.settings\")}\n        className={styles.desktop}\n      >\n        <TextView>\n          {stringFormatter.format(`list.settings.viewMode.${selectedViewMode}`)}\n        </TextView>\n        <IconView />\n      </ButtonView>\n      <ContextMenuView selectionMode=\"single\" selectedKeys={[selectedViewMode]}>\n        {availableViewModes.map((viewMode) => (\n          <ViewModeMenuItem viewMode={viewMode} key={viewMode} />\n        ))}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,eAAmB,MAAM;AACpC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,mBAAmB,IAAK,CAAA,QAAA;AAE9B,EAAA,MAAM,qBAAqB,qBAAsB,EAAA;AAEjD,EAAI,IAAA,kBAAA,CAAmB,UAAU,CAAG,EAAA;AAClC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,sBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,eAAe,CAAA;AAAA,QAClD,WAAWA,YAAO,CAAA,OAAA;AAAA,QAElB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YACE,QAAgB,EAAA,eAAA,CAAA,MAAA,CAAO,CAA0B,uBAAA,EAAA,gBAAgB,EAAE,CACtE,EAAA,CAAA;AAAA,8BACC,QAAS,EAAA,EAAA;AAAA;AAAA;AAAA,KACZ;AAAA,wBACC,eAAgB,EAAA,EAAA,aAAA,EAAc,QAAS,EAAA,YAAA,EAAc,CAAC,gBAAgB,CAAA,EACpE,QAAmB,EAAA,kBAAA,CAAA,GAAA,CAAI,CAAC,QACvB,qBAAA,GAAA,CAAC,oBAAiB,QAAyB,EAAA,EAAA,QAAU,CACtD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ViewModeMenu.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/ViewModeMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { useList } from \"@/components/List\";\nimport { IconView } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TextView from \"@/views/TextView\";\nimport { ViewModeMenuItem } from \"@/components/List/components/Header/components/Settings/ViewModeMenuItem\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const ViewModeMenu: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const selectedViewMode = list.viewMode;\n\n  const availableViewModes = useAvailableViewModes();\n\n  if (availableViewModes.length <= 1) {\n    return null;\n  }\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.settings\")}\n        className={styles.desktop}\n      >\n        <TextView>\n          {stringFormatter.format(`list.settings.viewMode.${selectedViewMode}`)}\n        </TextView>\n        <IconView />\n      </ButtonView>\n      <ContextMenuView selectionMode=\"single\" selectedKeys={[selectedViewMode]}>\n        {availableViewModes.map((viewMode) => (\n          <ViewModeMenuItem viewMode={viewMode} key={viewMode} />\n        ))}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,eAAmB,MAAM;AACpC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,mBAAmB,IAAK,CAAA,QAAA;AAE9B,EAAA,MAAM,qBAAqB,qBAAsB,EAAA;AAEjD,EAAI,IAAA,kBAAA,CAAmB,UAAU,CAAG,EAAA;AAClC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,sBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,eAAe,CAAA;AAAA,QAClD,WAAWA,YAAO,CAAA,OAAA;AAAA,QAElB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YACE,QAAgB,EAAA,eAAA,CAAA,MAAA,CAAO,CAA0B,uBAAA,EAAA,gBAAgB,EAAE,CACtE,EAAA,CAAA;AAAA,8BACC,QAAS,EAAA,EAAA;AAAA;AAAA;AAAA,KACZ;AAAA,wBACC,eAAgB,EAAA,EAAA,aAAA,EAAc,QAAS,EAAA,YAAA,EAAc,CAAC,gBAAgB,CAAA,EACpE,QAAmB,EAAA,kBAAA,CAAA,GAAA,CAAI,CAAC,QACvB,qBAAA,GAAA,CAAC,oBAAiB,QAAyB,EAAA,EAAA,QAAU,CACtD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.mjs

@@ -7,24 +7,18 @@ import 'invariant';
 import 'react-aria-components';
 import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'dot-prop';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
 import '../../../../../Heading/Heading.mjs';
 import '../../../../../Text/Text.mjs';
 import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
-import '../../../../../Button/Button.mjs';
-import '../../../../../ContextMenu/ContextMenu.mjs';
-import '../../../../../MenuItem/MenuItem.mjs';
-import '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
-import '../../../../../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../views/ButtonView.mjs';
+import '../../../../../../views/ContextMenuTriggerView.mjs';
 import '../../../../../ColumnLayout/ColumnLayout.mjs';
 import '../../../ListSummary/ListSummary.mjs';
 import { useList } from '../../../../hooks/useList.mjs';

package/dist/js/components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewModeMenuItem.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport { useList } from \"@/components/List\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  viewMode: ListViewMode;\n}\n\nexport const ViewModeMenuItem: FC<Props> = (props) => {\n  const { viewMode } = props;\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <MenuItemView\n      id={viewMode}\n      onAction={() => {\n        list.setViewMode(viewMode);\n      }}\n    >\n      {stringFormatter.format(`list.settings.viewMode.${viewMode}`)}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWa,MAAA,gBAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,QAAA;AAAA,MACJ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,OAC3B;AAAA,MAEC,QAAgB,EAAA,eAAA,CAAA,MAAA,CAAO,CAA0B,uBAAA,EAAA,QAAQ,CAAE,CAAA;AAAA;AAAA,GAC9D;AAEJ;;;;"}
+{"version":3,"file":"ViewModeMenuItem.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/Settings/ViewModeMenuItem.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport { useList } from \"@/components/List\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  viewMode: ListViewMode;\n}\n\nexport const ViewModeMenuItem: FC<Props> = (props) => {\n  const { viewMode } = props;\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <MenuItemView\n      id={viewMode}\n      onAction={() => {\n        list.setViewMode(viewMode);\n      }}\n    >\n      {stringFormatter.format(`list.settings.viewMode.${viewMode}`)}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWa,MAAA,gBAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,QAAA;AAAA,MACJ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,OAC3B;AAAA,MAEC,QAAgB,EAAA,eAAA,CAAA,MAAA,CAAO,CAA0B,uBAAA,EAAA,QAAQ,CAAE,CAAA;AAAA;AAAA,GAC9D;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/Header/lib.mjs

@@ -6,23 +6,17 @@ import 'react-aria-components';
 import 'react';
 import 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'dot-prop';
+import '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
 import '../../../Heading/Heading.mjs';
 import '../../../Text/Text.mjs';
 import 'react-aria';
-import '../../../Button/Button.mjs';
-import '../../../ContextMenu/ContextMenu.mjs';
-import '../../../MenuItem/MenuItem.mjs';
-import '../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
-import '../../../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../views/ListItemViewContentView.mjs';
+import '../../../../views/ButtonView.mjs';
+import '../../../../views/ContextMenuTriggerView.mjs';
 import '../../../ColumnLayout/ColumnLayout.mjs';
 import '../ListSummary/ListSummary.mjs';
 import { useList } from '../../hooks/useList.mjs';