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

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

@@ -6,11 +6,12 @@ import 'react-aria-components';
 import 'react';
 import 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.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 '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"lib.mjs","sources":["../../../../../../../../src/components/List/components/Header/lib.ts"],"sourcesContent":["import type { ListViewMode } from \"@/components/List/model/types\";\nimport { useList } from \"@/components/List\";\n\nexport const useAvailableViewModes = () => {\n  const list = useList();\n\n  const availableViewModes: ListViewMode[] = [];\n\n  if (list.itemView?.showList) {\n    availableViewModes.push(\"list\");\n  }\n  if (list.table) {\n    availableViewModes.push(\"table\");\n  }\n  if (list.itemView?.showTiles) {\n    availableViewModes.push(\"tiles\");\n  }\n\n  return availableViewModes;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,qBAAqC,EAAC;AAE5C,EAAI,IAAA,IAAA,CAAK,UAAU,QAAU,EAAA;AAC3B,IAAA,kBAAA,CAAmB,KAAK,MAAM,CAAA;AAAA;AAEhC,EAAA,IAAI,KAAK,KAAO,EAAA;AACd,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA;AAEjC,EAAI,IAAA,IAAA,CAAK,UAAU,SAAW,EAAA;AAC5B,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA;AAGjC,EAAO,OAAA,kBAAA;AACT;;;;"}
+{"version":3,"file":"lib.mjs","sources":["../../../../../../../../src/components/List/components/Header/lib.ts"],"sourcesContent":["import type { ListViewMode } from \"@/components/List/model/types\";\nimport { useList } from \"@/components/List\";\n\nexport const useAvailableViewModes = () => {\n  const list = useList();\n\n  const availableViewModes: ListViewMode[] = [];\n\n  if (list.itemView?.showList) {\n    availableViewModes.push(\"list\");\n  }\n  if (list.table) {\n    availableViewModes.push(\"table\");\n  }\n  if (list.itemView?.showTiles) {\n    availableViewModes.push(\"tiles\");\n  }\n\n  return availableViewModes;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,qBAAqC,EAAC;AAE5C,EAAI,IAAA,IAAA,CAAK,UAAU,QAAU,EAAA;AAC3B,IAAA,kBAAA,CAAmB,KAAK,MAAM,CAAA;AAAA;AAEhC,EAAA,IAAI,KAAK,KAAO,EAAA;AACd,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA;AAEjC,EAAI,IAAA,IAAA,CAAK,UAAU,SAAW,EAAA;AAC5B,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA;AAGjC,EAAO,OAAA,kBAAA;AACT;;;;"}

package/dist/js/components/src/components/List/components/Items/Items.mjs

@@ -5,10 +5,11 @@ import 'invariant';
 import 'react-aria-components';
 import { EmptyView } from '../../views/EmptyView/EmptyView.mjs';
 import clsx from 'clsx';
-import 'react';
 import '@mittwald/react-tunnel';
+import 'react';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/propsContext/inherit/propsContextLevel.mjs';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
 import 'remeda';

package/dist/js/components/src/components/List/components/Items/Items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Items.mjs","sources":["../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode === \"tiles\";\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n        }}\n        layout={list.viewMode === \"tiles\" ? \"grid\" : \"stack\"}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MACA,MAAQ,EAAA,IAAA,CAAK,QAAa,KAAA,OAAA,GAAU,MAAS,GAAA,OAAA;AAAA,MAE5C,gBAAM,MAAW,KAAA,CAAA,IAAK,kBAAqB,mBAAA,GAAA,CAAC,iBAAc,CAAK,GAAA;AAAA;AAAA,GAEpE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Items.mjs","sources":["../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode === \"tiles\";\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n        }}\n        layout={list.viewMode === \"tiles\" ? \"grid\" : \"stack\"}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MACA,MAAQ,EAAA,IAAA,CAAK,QAAa,KAAA,OAAA,GAAU,MAAS,GAAA,OAAA;AAAA,MAE5C,gBAAM,MAAW,KAAA,CAAA,IAAK,kBAAqB,mBAAA,GAAA,CAAC,iBAAc,CAAK,GAAA;AAAA;AAAA,GAEpE,EAAA,CAAA;AAEJ;;;;"}

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

@@ -10,6 +10,7 @@ import { IconChevronUp } from '../../../../../../Icon/components/icons/IconChevr
 import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
 import ButtonView from '../../../../../../../views/ButtonView.mjs';
+import styles from '../../../../ListItemView/ListItemView.module.scss.mjs';
 
 const AccordionButton = (props) => {
   const { isExpanded, toggle, children, contentElementId } = props;
@@ -18,6 +19,8 @@ const AccordionButton = (props) => {
     /* @__PURE__ */ jsx(
       ButtonView,
       {
+        className: styles.action,
+        tunnelId: "button",
         variant: "plain",
         color: "secondary",
         onPress: toggle,

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/components/AccordionButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\n\ninterface Props extends PropsWithChildren {\n  isExpanded: boolean;\n  toggle: () => void;\n  contentElementId: string;\n}\n\nexport const AccordionButton: FC<Props> = (props) => {\n  const { isExpanded, toggle, children, contentElementId } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <>\n      <ButtonView\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={toggle}\n        aria-label={stringFormatter.format(\n          \"list.toggleExpandButton.\" + (isExpanded ? \"collapse\" : \"expand\"),\n        )}\n        aria-controls={contentElementId}\n        aria-expanded={isExpanded}\n      >\n        {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n      </ButtonView>\n      {isExpanded && children}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAgBa,MAAA,eAAA,GAA6B,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,EAAE,UAAA,EAAY,MAAQ,EAAA,QAAA,EAAU,kBAAqB,GAAA,KAAA;AAC3D,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,OAAS,EAAA,MAAA;AAAA,QACT,cAAY,eAAgB,CAAA,MAAA;AAAA,UAC1B,0BAAA,IAA8B,aAAa,UAAa,GAAA,QAAA;AAAA,SAC1D;AAAA,QACA,eAAe,EAAA,gBAAA;AAAA,QACf,eAAe,EAAA,UAAA;AAAA,QAEd,QAAa,EAAA,UAAA,mBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA,uBAAM,eAAgB,EAAA,EAAA;AAAA;AAAA,KACrD;AAAA,IACC,UAAc,IAAA;AAAA,GACjB,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AccordionButton.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/components/AccordionButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\nimport styles from \"../../../../ListItemView/ListItemView.module.scss\";\n\ninterface Props extends PropsWithChildren {\n  isExpanded: boolean;\n  toggle: () => void;\n  contentElementId: string;\n}\n\nexport const AccordionButton: FC<Props> = (props) => {\n  const { isExpanded, toggle, children, contentElementId } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <>\n      <ButtonView\n        className={styles.action}\n        tunnelId=\"button\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={toggle}\n        aria-label={stringFormatter.format(\n          \"list.toggleExpandButton.\" + (isExpanded ? \"collapse\" : \"expand\"),\n        )}\n        aria-controls={contentElementId}\n        aria-expanded={isExpanded}\n      >\n        {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n      </ButtonView>\n      {isExpanded && children}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBa,MAAA,eAAA,GAA6B,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,EAAE,UAAA,EAAY,MAAQ,EAAA,QAAA,EAAU,kBAAqB,GAAA,KAAA;AAC3D,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,QAAS,EAAA,QAAA;AAAA,QACT,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,OAAS,EAAA,MAAA;AAAA,QACT,cAAY,eAAgB,CAAA,MAAA;AAAA,UAC1B,0BAAA,IAA8B,aAAa,UAAa,GAAA,QAAA;AAAA,SAC1D;AAAA,QACA,eAAe,EAAA,gBAAA;AAAA,QACf,eAAe,EAAA,UAAA;AAAA,QAEd,QAAa,EAAA,UAAA,mBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA,uBAAM,eAAgB,EAAA,EAAA;AAAA;AAAA,KACrD;AAAA,IACC,UAAc,IAAA;AAAA,GACjB,EAAA,CAAA;AAEJ;;;;"}

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

@@ -5,12 +5,12 @@ import { useState, useId, useRef, useEffect } from 'react';
 import 'invariant';
 import 'react-aria-components';
 import 'clsx';
-import '../../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
+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 '../../../../../../Heading/Heading.mjs';
 import '../../../../../../Text/Text.mjs';
 import 'react-aria';

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

@@ -1 +1 @@
-{"version":3,"file":"useGridItemProps.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React, { useEffect, useId, useRef, useState } from \"react\";\nimport { useList } from \"@/components/List\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AccordionButton } from \"@/components/List/components/Items/components/Item/components/AccordionButton\";\n\ninterface P extends PropsWithChildren {\n  data: never;\n}\n\nexport const useGridItemProps = (props: P) => {\n  const { data, children: childrenFromProps } = props;\n  const list = useList();\n  const itemView = list.itemView;\n  const onAction = list.onAction;\n\n  const [isExpanded, setIsExpanded] = useState(\n    itemView?.defaultExpanded?.(data) ?? false,\n  );\n  const contentElementId = useId();\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  const accordion = list.accordion;\n  const children = childrenFromProps ?? itemView?.render(data);\n\n  useEffect(() => {\n    if (accordion) {\n      itemRef.current?.setAttribute(\"aria-expanded\", String(isExpanded));\n      itemRef.current?.setAttribute(\"aria-controls\", contentElementId);\n    }\n  }, [isExpanded, contentElementId, itemRef.current, accordion]);\n\n  if (!accordion) {\n    return {\n      gridItemProps: {\n        onAction: onAction\n          ? () => {\n              onAction?.(data);\n            }\n          : undefined,\n      },\n      children,\n    };\n  }\n\n  const toggleAccordion = () => {\n    setIsExpanded((current) => !current);\n    onAction?.(data);\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      id: dynamic((p) => (p.slot === \"bottom\" ? contentElementId : undefined)),\n      wrapWith: dynamic((p) =>\n        p.slot === \"bottom\" ? (\n          <AccordionButton\n            contentElementId={contentElementId}\n            toggle={toggleAccordion}\n            isExpanded={isExpanded}\n          />\n        ) : undefined,\n      ),\n    },\n  };\n\n  return {\n    gridItemProps: {\n      ref: itemRef,\n      onAction: toggleAccordion,\n    },\n    children: (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[contentElementId, isExpanded]}\n      >\n        {children}\n      </PropsContextProvider>\n    ),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWa,MAAA,gBAAA,GAAmB,CAAC,KAAa,KAAA;AAC5C,EAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,iBAAA,EAAsB,GAAA,KAAA;AAC9C,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AACtB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,QAAA,EAAU,eAAkB,GAAA,IAAI,CAAK,IAAA;AAAA,GACvC;AACA,EAAA,MAAM,mBAAmB,KAAM,EAAA;AAC/B,EAAM,MAAA,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,EAAA,MAAM,YAAY,IAAK,CAAA,SAAA;AACvB,EAAA,MAAM,QAAW,GAAA,iBAAA,IAAqB,QAAU,EAAA,MAAA,CAAO,IAAI,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,OAAA,CAAQ,OAAS,EAAA,YAAA,CAAa,eAAiB,EAAA,MAAA,CAAO,UAAU,CAAC,CAAA;AACjE,MAAQ,OAAA,CAAA,OAAA,EAAS,YAAa,CAAA,eAAA,EAAiB,gBAAgB,CAAA;AAAA;AACjE,KACC,CAAC,UAAA,EAAY,kBAAkB,OAAQ,CAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA;AAAA,MACL,aAAe,EAAA;AAAA,QACb,QAAA,EAAU,WACN,MAAM;AACJ,UAAA,QAAA,GAAW,IAAI,CAAA;AAAA,SAEjB,GAAA;AAAA,OACN;AAAA,MACA;AAAA,KACF;AAAA;AAGF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAc,aAAA,CAAA,CAAC,OAAY,KAAA,CAAC,OAAO,CAAA;AACnC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,GACjB;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,EAAA,EAAI,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,mBAAmB,MAAU,CAAA;AAAA,MACvE,QAAU,EAAA,OAAA;AAAA,QAAQ,CAAC,CAAA,KACjB,CAAE,CAAA,IAAA,KAAS,QACT,mBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,gBAAA;AAAA,YACA,MAAQ,EAAA,eAAA;AAAA,YACR;AAAA;AAAA,SAEA,GAAA;AAAA;AACN;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,GAAK,EAAA,OAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QACE,kBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,gBAAA,EAAkB,UAAU,CAAA;AAAA,QAE1C;AAAA;AAAA;AACH,GAEJ;AACF;;;;"}
+{"version":3,"file":"useGridItemProps.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { useList } from \"@/components/List\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AccordionButton } from \"@/components/List/components/Items/components/Item/components/AccordionButton\";\n\ninterface P extends PropsWithChildren {\n  data: never;\n}\n\nexport const useGridItemProps = (props: P) => {\n  const { data, children: childrenFromProps } = props;\n  const list = useList();\n  const itemView = list.itemView;\n  const onAction = list.onAction;\n\n  const [isExpanded, setIsExpanded] = useState(\n    itemView?.defaultExpanded?.(data) ?? false,\n  );\n  const contentElementId = useId();\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  const accordion = list.accordion;\n  const children = childrenFromProps ?? itemView?.render(data);\n\n  useEffect(() => {\n    if (accordion) {\n      itemRef.current?.setAttribute(\"aria-expanded\", String(isExpanded));\n      itemRef.current?.setAttribute(\"aria-controls\", contentElementId);\n    }\n  }, [isExpanded, contentElementId, itemRef.current, accordion]);\n\n  if (!accordion) {\n    return {\n      gridItemProps: {\n        onAction: onAction\n          ? () => {\n              onAction?.(data);\n            }\n          : undefined,\n      },\n      children,\n    };\n  }\n\n  const toggleAccordion = () => {\n    setIsExpanded((current) => !current);\n    onAction?.(data);\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      id: dynamic((p) => (p.slot === \"bottom\" ? contentElementId : undefined)),\n      wrapWith: dynamic((p) =>\n        p.slot === \"bottom\" ? (\n          <AccordionButton\n            contentElementId={contentElementId}\n            toggle={toggleAccordion}\n            isExpanded={isExpanded}\n          />\n        ) : undefined,\n      ),\n    },\n  };\n\n  return {\n    gridItemProps: {\n      ref: itemRef,\n      onAction: toggleAccordion,\n    },\n    children: (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[contentElementId, isExpanded]}\n      >\n        {children}\n      </PropsContextProvider>\n    ),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWa,MAAA,gBAAA,GAAmB,CAAC,KAAa,KAAA;AAC5C,EAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,iBAAA,EAAsB,GAAA,KAAA;AAC9C,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AACtB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,QAAA,EAAU,eAAkB,GAAA,IAAI,CAAK,IAAA;AAAA,GACvC;AACA,EAAA,MAAM,mBAAmB,KAAM,EAAA;AAC/B,EAAM,MAAA,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,EAAA,MAAM,YAAY,IAAK,CAAA,SAAA;AACvB,EAAA,MAAM,QAAW,GAAA,iBAAA,IAAqB,QAAU,EAAA,MAAA,CAAO,IAAI,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,OAAA,CAAQ,OAAS,EAAA,YAAA,CAAa,eAAiB,EAAA,MAAA,CAAO,UAAU,CAAC,CAAA;AACjE,MAAQ,OAAA,CAAA,OAAA,EAAS,YAAa,CAAA,eAAA,EAAiB,gBAAgB,CAAA;AAAA;AACjE,KACC,CAAC,UAAA,EAAY,kBAAkB,OAAQ,CAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA;AAAA,MACL,aAAe,EAAA;AAAA,QACb,QAAA,EAAU,WACN,MAAM;AACJ,UAAA,QAAA,GAAW,IAAI,CAAA;AAAA,SAEjB,GAAA;AAAA,OACN;AAAA,MACA;AAAA,KACF;AAAA;AAGF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAc,aAAA,CAAA,CAAC,OAAY,KAAA,CAAC,OAAO,CAAA;AACnC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,GACjB;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,EAAA,EAAI,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,mBAAmB,MAAU,CAAA;AAAA,MACvE,QAAU,EAAA,OAAA;AAAA,QAAQ,CAAC,CAAA,KACjB,CAAE,CAAA,IAAA,KAAS,QACT,mBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,gBAAA;AAAA,YACA,MAAQ,EAAA,eAAA;AAAA,YACR;AAAA;AAAA,SAEA,GAAA;AAAA;AACN;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,GAAK,EAAA,OAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QACE,kBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,gBAAA,EAAkB,UAAU,CAAA;AAAA,QAE1C;AAAA;AAAA;AACH,GAEJ;AACF;;;;"}

package/dist/js/components/src/components/List/components/ListItemView/ListItemView.mjs

@@ -1,20 +1,20 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import styles from './ListItemView.module.scss.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import ListItemViewContentView from '../../../../views/ListItemViewContentView.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import { OptionsButton } from '../Items/components/Item/components/OptionsButton/OptionsButton.mjs';
 import 'invariant';
 import 'react-aria-components';
+import 'react';
 import 'clsx';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '../../../Heading/Heading.mjs';
 import '../../../Text/Text.mjs';
 import 'react-aria';
@@ -57,7 +57,7 @@ const ListItemView = (props) => {
       tunnelId: "checkbox"
     }
   };
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
     ListItemViewContentView,
     {
       viewMode: list.viewMode,
@@ -70,9 +70,9 @@ const ListItemView = (props) => {
       s,
       m,
       l,
-      children
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
     }
-  ) }) });
+  ) });
 };
 
 export { ListItemView, ListItemView as default };

package/dist/js/components/src/components/List/components/ListItemView/ListItemView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemView.mjs","sources":["../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\n\nexport type ListItemViewProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">;\n\nexport const ListItemView = (props: ListItemViewProps) => {\n  const { children, s, m, l } = props;\n  const list = useList();\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      tunnelId: \"button\",\n      wrapWith: <OptionsButton className={styles.action} />,\n    },\n    Button: {\n      tunnelId: \"button\",\n      size: dynamic(() => (useList().viewMode === \"tiles\" ? \"s\" : \"m\")),\n    },\n    ActionGroup: {\n      tunnelId: \"button\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Avatar: {\n      tunnelId: \"avatar\",\n    },\n    Heading: {\n      tunnelId: \"title\",\n    },\n    Text: {\n      tunnelId: \"text\",\n    },\n    Content: {\n      tunnelId: dynamic((p) => (p.slot === \"bottom\" ? \"bottom\" : undefined)),\n    },\n    Checkbox: {\n      tunnelId: \"checkbox\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <TunnelProvider>\n        <ListItemViewContentView\n          viewMode={list.viewMode}\n          title={<TunnelExit id=\"title\" />}\n          avatar={<TunnelExit id=\"avatar\" />}\n          button={<TunnelExit id=\"button\" />}\n          subTitle={<TunnelExit id=\"text\" />}\n          bottom={<TunnelExit id=\"bottom\" />}\n          checkbox={<TunnelExit id=\"checkbox\" />}\n          s={s}\n          m={m}\n          l={l}\n        >\n          {children}\n        </ListItemViewContentView>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,CAAG,EAAA,CAAA,EAAG,GAAM,GAAA,KAAA;AAC9B,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,QAAU,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,OAAO,MAAQ,EAAA;AAAA,KACrD;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,QAAA;AAAA,MACV,IAAA,EAAM,QAAQ,MAAO,OAAA,GAAU,QAAa,KAAA,OAAA,GAAU,MAAM,GAAI;AAAA,KAClE;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAA,EAAU,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,WAAW,MAAU;AAAA,KACvE;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,oBAAoB,EAAA,IAAA,EAC7D,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,KAAO,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,MAC9B,MAAQ,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,CAAA;AAAA,MAChC,MAAQ,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,CAAA;AAAA,MAChC,QAAU,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,MAAO,EAAA,CAAA;AAAA,MAChC,MAAQ,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,CAAA;AAAA,MAChC,QAAU,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAW,EAAA,CAAA;AAAA,MACpC,CAAA;AAAA,MACA,CAAA;AAAA,MACA,CAAA;AAAA,MAEC;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ListItemView.mjs","sources":["../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\n\nexport type ListItemViewProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">;\n\nexport const ListItemView = (props: ListItemViewProps) => {\n  const { children, s, m, l } = props;\n  const list = useList();\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      tunnelId: \"button\",\n      wrapWith: <OptionsButton className={styles.action} />,\n    },\n    Button: {\n      tunnelId: \"button\",\n      size: dynamic(() => (useList().viewMode === \"tiles\" ? \"s\" : \"m\")),\n    },\n    ActionGroup: {\n      tunnelId: \"button\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Avatar: {\n      tunnelId: \"avatar\",\n    },\n    Heading: {\n      tunnelId: \"title\",\n    },\n    Text: {\n      tunnelId: \"text\",\n    },\n    Content: {\n      tunnelId: dynamic((p) => (p.slot === \"bottom\" ? \"bottom\" : undefined)),\n    },\n    Checkbox: {\n      tunnelId: \"checkbox\",\n    },\n  };\n\n  return (\n    <TunnelProvider>\n      <ListItemViewContentView\n        viewMode={list.viewMode}\n        title={<TunnelExit id=\"title\" />}\n        avatar={<TunnelExit id=\"avatar\" />}\n        button={<TunnelExit id=\"button\" />}\n        subTitle={<TunnelExit id=\"text\" />}\n        bottom={<TunnelExit id=\"bottom\" />}\n        checkbox={<TunnelExit id=\"checkbox\" />}\n        s={s}\n        m={m}\n        l={l}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ListItemViewContentView>\n    </TunnelProvider>\n  );\n};\n\nexport default ListItemView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,CAAG,EAAA,CAAA,EAAG,GAAM,GAAA,KAAA;AAC9B,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,QAAU,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,OAAO,MAAQ,EAAA;AAAA,KACrD;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA,QAAA;AAAA,MACV,IAAA,EAAM,QAAQ,MAAO,OAAA,GAAU,QAAa,KAAA,OAAA,GAAU,MAAM,GAAI;AAAA,KAClE;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAA,EAAU,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,WAAW,MAAU;AAAA,KACvE;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,KAAO,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,MAC9B,MAAQ,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,CAAA;AAAA,MAChC,MAAQ,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,CAAA;AAAA,MAChC,QAAU,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,MAAO,EAAA,CAAA;AAAA,MAChC,MAAQ,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,CAAA;AAAA,MAChC,QAAU,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAW,EAAA,CAAA;AAAA,MACpC,CAAA;AAAA,MACA,CAAA;AAAA,MACA,CAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs

@@ -1,12 +1,10 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import styles from '../../ListItemView.module.scss.mjs';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import clsx from 'clsx';
 import { ColumnLayout } from '../../../../../ColumnLayout/ColumnLayout.mjs';
 
@@ -46,7 +44,6 @@ const ListItemViewContent = (props) => {
       className: styles.action
     },
     Content: {
-      clearPropsContext: true,
       className: dynamic((p) => getStyleForContentSlot(p.slot)),
       onMouseDown: dynamic((p) => contentProps[p.slot ?? "top"]?.onMouseDown),
       onPointerDown: dynamic(
@@ -81,31 +78,28 @@ const ListItemViewContent = (props) => {
       /* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
     ] })
   ] });
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs("div", { className, children: [
+  const innerListContent = /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+    header,
+    children
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className, children: [
     viewMode === "list" && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: styles.contentWrapper, children: [
-        s || m || l ? /* @__PURE__ */ jsxs(
+        s || m || l ? /* @__PURE__ */ jsx(
           ColumnLayout,
           {
             s,
             m,
             l,
             className: clsx(styles.content, styles.columnLayout),
-            mergeInParentContext: true,
-            children: [
-              header,
-              children
-            ]
+            children: innerListContent
           }
-        ) : /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
-          header,
-          children
-        ] }),
+        ) : /* @__PURE__ */ jsx("div", { className: styles.content, children: innerListContent }),
         button
       ] }),
       bottom
     ] }),
-    viewMode === "tiles" && /* @__PURE__ */ jsxs(Fragment, { children: [
+    viewMode === "tiles" && /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
       /* @__PURE__ */ jsx("div", { className: styles.avatarContainer, children: avatar }),
       /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
         /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
@@ -120,7 +114,7 @@ const ListItemViewContent = (props) => {
         bottom
       ] })
     ] })
-  ] }) });
+  ] });
 };
 
 export { ListItemViewContent, ListItemViewContent as default };

package/dist/js/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\nimport {\n  ColumnLayout,\n  type ColumnLayoutProps,\n} from \"@/components/ColumnLayout\";\n\nexport type ListItemViewContentProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> & {\n    title?: ReactNode;\n    subTitle?: ReactNode;\n    avatar?: ReactNode;\n    button?: ReactNode;\n    bottom?: ReactNode;\n    checkbox?: ReactNode;\n    viewMode?: ListViewMode;\n  };\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n    s,\n    m,\n    l,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      clearPropsContext: true,\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  const header = (\n    <div className={styles.header}>\n      <div className={styles.checkboxContainer}>{checkbox}</div>\n      {avatar}\n      <div className={styles.title}>\n        {title}\n        <div className={styles.subTitle}>{subTitle}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={className}>\n        {viewMode === \"list\" && (\n          <>\n            <div className={styles.contentWrapper}>\n              {s || m || l ? (\n                <ColumnLayout\n                  s={s}\n                  m={m}\n                  l={l}\n                  className={clsx(styles.content, styles.columnLayout)}\n                  mergeInParentContext\n                >\n                  {header}\n                  {children}\n                </ColumnLayout>\n              ) : (\n                <div className={styles.content}>\n                  {header}\n                  {children}\n                </div>\n              )}\n              {button}\n            </div>\n            {bottom}\n          </>\n        )}\n\n        {viewMode === \"tiles\" && (\n          <>\n            <div className={styles.avatarContainer}>{avatar}</div>\n            <div className={styles.content}>\n              <div className={styles.header}>\n                <div className={styles.checkboxContainer}>{checkbox}</div>\n                <div className={styles.title}>\n                  {title}\n                  <div className={styles.subTitle}>{subTitle}</div>\n                </div>\n                {button}\n              </div>\n              {children}\n              {bottom}\n            </div>\n          </>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\nimport {\n  ColumnLayout,\n  type ColumnLayoutProps,\n} from \"@/components/ColumnLayout\";\n\nexport type ListItemViewContentProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> & {\n    title?: ReactNode;\n    subTitle?: ReactNode;\n    avatar?: ReactNode;\n    button?: ReactNode;\n    bottom?: ReactNode;\n    checkbox?: ReactNode;\n    viewMode?: ListViewMode;\n  };\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n    s,\n    m,\n    l,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  const header = (\n    <div className={styles.header}>\n      <div className={styles.checkboxContainer}>{checkbox}</div>\n      {avatar}\n      <div className={styles.title}>\n        {title}\n        <div className={styles.subTitle}>{subTitle}</div>\n      </div>\n    </div>\n  );\n\n  const innerListContent = (\n    <PropsContextProvider props={propsContext}>\n      {header}\n      {children}\n    </PropsContextProvider>\n  );\n\n  return (\n    <div className={className}>\n      {viewMode === \"list\" && (\n        <>\n          <div className={styles.contentWrapper}>\n            {s || m || l ? (\n              <ColumnLayout\n                s={s}\n                m={m}\n                l={l}\n                className={clsx(styles.content, styles.columnLayout)}\n              >\n                {innerListContent}\n              </ColumnLayout>\n            ) : (\n              <div className={styles.content}>{innerListContent}</div>\n            )}\n            {button}\n          </div>\n          {bottom}\n        </>\n      )}\n\n      {viewMode === \"tiles\" && (\n        <PropsContextProvider props={propsContext}>\n          <div className={styles.avatarContainer}>{avatar}</div>\n          <div className={styles.content}>\n            <div className={styles.header}>\n              <div className={styles.checkboxContainer}>{checkbox}</div>\n              <div className={styles.title}>\n                {title}\n                <div className={styles.subTitle}>{subTitle}</div>\n              </div>\n              {button}\n            </div>\n            {children}\n            {bottom}\n          </div>\n        </PropsContextProvider>\n      )}\n    </div>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}

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

@@ -6,11 +6,12 @@ import 'invariant';
 import 'react-aria-components';
 import clsx from 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.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 '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","sources":["../../../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { TableLoadingView } from \"@/components/List/components/Table/components/TableLoadingView\";\nimport styles from \"./Table.module.css\";\nimport clsx from \"clsx\";\nimport ListEmptyViewView from \"@/views/ListEmptyViewView\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!table) {\n    return null;\n  }\n\n  if (isInitiallyLoading) {\n    return <TableLoadingView {...table.componentProps} />;\n  }\n\n  if (listIsEmpty) {\n    return <ListEmptyViewView />;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {list.items.entries.map((item) => (\n          <TableRowView\n            className={(props) =>\n              clsx(\n                styles.row,\n                rowAction && styles.hasAction,\n                table.body.row.componentProps.className,\n                props.isSelected && styles.isSelected,\n              )\n            }\n            key={item.id}\n            id={item.id}\n            onAction={rowAction ? () => rowAction(item.data) : undefined}\n            {...table.body.row.componentProps}\n          >\n            {table.body.row?.cells.map((cell, i) => (\n              <TableCellView key={i} {...cell.componentProps}>\n                {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n              </TableCellView>\n            ))}\n          </TableRowView>\n        ))}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA;AACnB,EAAM,MAAA,WAAA,GAAc,KAAK,UAAW,EAAA;AAEpC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAA,uBAAQ,GAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,KAAA,CAAM,cAAgB,EAAA,CAAA;AAAA;AAGrD,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,2BAAQ,iBAAkB,EAAA,EAAA,CAAA;AAAA;AAG5B,EAAM,MAAA,SAAA,GAAY,MAAM,IAAK,CAAA,QAAA;AAE7B,EAAA,MAAM,cAAiB,GAAA,IAAA;AAAA,IACrB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,MAAM,cAAe,CAAA;AAAA,GACvB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAK,CAAA,cAAA;AAAA,MACR,GAAG,KAAM,CAAA,cAAA;AAAA,MACV,SAAW,EAAA,cAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,mBAAiB,GAAG,KAAA,CAAM,OAAO,cAC/B,EAAA,QAAA,EAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,GAAK,EAAA,CAAA,yBAC7B,eAAyB,EAAA,EAAA,GAAG,IAAI,cAAX,EAAA,EAAA,CAA2B,CAClD,CACH,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,aAAe,EAAA,EAAA,GAAG,KAAM,CAAA,IAAA,CAAK,cAC3B,EAAA,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IACvB,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,CAAC,KACV,KAAA,IAAA;AAAA,cACE,MAAO,CAAA,GAAA;AAAA,cACP,aAAa,MAAO,CAAA,SAAA;AAAA,cACpB,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,cAAe,CAAA,SAAA;AAAA,cAC9B,KAAA,CAAM,cAAc,MAAO,CAAA;AAAA,aAC7B;AAAA,YAGF,IAAI,IAAK,CAAA,EAAA;AAAA,YACT,UAAU,SAAY,GAAA,MAAM,SAAU,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AAAA,YAClD,GAAG,KAAM,CAAA,IAAA,CAAK,GAAI,CAAA,cAAA;AAAA,YAElB,QAAA,EAAA,KAAA,CAAM,KAAK,GAAK,EAAA,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,CAChC,qBAAA,GAAA,CAAC,aAAuB,EAAA,EAAA,GAAG,KAAK,cAC7B,EAAA,QAAA,EAAA,IAAA,CAAK,QAAW,GAAA,IAAA,CAAK,QAAS,CAAA,IAAA,CAAK,MAAM,IAAI,CAAA,GAAI,MADhC,EAAA,EAAA,CAEpB,CACD;AAAA,WAAA;AAAA,UATI,IAAK,CAAA;AAAA,SAWb,CACH,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Table.mjs","sources":["../../../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { TableLoadingView } from \"@/components/List/components/Table/components/TableLoadingView\";\nimport styles from \"./Table.module.css\";\nimport clsx from \"clsx\";\nimport ListEmptyViewView from \"@/views/ListEmptyViewView\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!table) {\n    return null;\n  }\n\n  if (isInitiallyLoading) {\n    return <TableLoadingView {...table.componentProps} />;\n  }\n\n  if (listIsEmpty) {\n    return <ListEmptyViewView />;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {list.items.entries.map((item) => (\n          <TableRowView\n            className={(props) =>\n              clsx(\n                styles.row,\n                rowAction && styles.hasAction,\n                table.body.row.componentProps.className,\n                props.isSelected && styles.isSelected,\n              )\n            }\n            key={item.id}\n            id={item.id}\n            onAction={rowAction ? () => rowAction(item.data) : undefined}\n            {...table.body.row.componentProps}\n          >\n            {table.body.row?.cells.map((cell, i) => (\n              <TableCellView key={i} {...cell.componentProps}>\n                {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n              </TableCellView>\n            ))}\n          </TableRowView>\n        ))}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA;AACnB,EAAM,MAAA,WAAA,GAAc,KAAK,UAAW,EAAA;AAEpC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAA,uBAAQ,GAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,KAAA,CAAM,cAAgB,EAAA,CAAA;AAAA;AAGrD,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,2BAAQ,iBAAkB,EAAA,EAAA,CAAA;AAAA;AAG5B,EAAM,MAAA,SAAA,GAAY,MAAM,IAAK,CAAA,QAAA;AAE7B,EAAA,MAAM,cAAiB,GAAA,IAAA;AAAA,IACrB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,MAAM,cAAe,CAAA;AAAA,GACvB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAK,CAAA,cAAA;AAAA,MACR,GAAG,KAAM,CAAA,cAAA;AAAA,MACV,SAAW,EAAA,cAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,mBAAiB,GAAG,KAAA,CAAM,OAAO,cAC/B,EAAA,QAAA,EAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,GAAK,EAAA,CAAA,yBAC7B,eAAyB,EAAA,EAAA,GAAG,IAAI,cAAX,EAAA,EAAA,CAA2B,CAClD,CACH,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,aAAe,EAAA,EAAA,GAAG,KAAM,CAAA,IAAA,CAAK,cAC3B,EAAA,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IACvB,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,CAAC,KACV,KAAA,IAAA;AAAA,cACE,MAAO,CAAA,GAAA;AAAA,cACP,aAAa,MAAO,CAAA,SAAA;AAAA,cACpB,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,cAAe,CAAA,SAAA;AAAA,cAC9B,KAAA,CAAM,cAAc,MAAO,CAAA;AAAA,aAC7B;AAAA,YAGF,IAAI,IAAK,CAAA,EAAA;AAAA,YACT,UAAU,SAAY,GAAA,MAAM,SAAU,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AAAA,YAClD,GAAG,KAAM,CAAA,IAAA,CAAK,GAAI,CAAA,cAAA;AAAA,YAElB,QAAA,EAAA,KAAA,CAAM,KAAK,GAAK,EAAA,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,CAChC,qBAAA,GAAA,CAAC,aAAuB,EAAA,EAAA,GAAG,KAAK,cAC7B,EAAA,QAAA,EAAA,IAAA,CAAK,QAAW,GAAA,IAAA,CAAK,QAAS,CAAA,IAAA,CAAK,MAAM,IAAI,CAAA,GAAI,MADhC,EAAA,EAAA,CAEpB,CACD;AAAA,WAAA;AAAA,UATI,IAAK,CAAA;AAAA,SAWb,CACH,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/js/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs

@@ -8,11 +8,12 @@ import 'react/jsx-runtime';
 import { useEffect } from 'react';
 import 'clsx';
 import '../../../lib/propsContext/propsContext.mjs';
-import '../../../lib/viewComponentContext/viewComponentContext.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 '../../Button/Button.mjs';
 import '@tabler/icons-react';
@@ -23,15 +24,15 @@ import '../../ActionGroup/ActionGroup.mjs';
 import '../../Alert/Alert.mjs';
 import '../../AlertBadge/AlertBadge.mjs';
 import '../../Align/Align.mjs';
-import 'recharts';
-import '../../Heading/Heading.mjs';
-import '../../Text/Text.mjs';
 import '../../Autocomplete/Autocomplete.mjs';
 import '../../Avatar/Avatar.mjs';
 import '../../Badge/Badge.mjs';
 import 'react-aria-components';
 import 'mobx';
 import '../../../lib/controller/overlay/context.mjs';
+import 'recharts';
+import '../../Heading/Heading.mjs';
+import '../../Text/Text.mjs';
 import '../../Checkbox/Checkbox.mjs';
 import '../../CheckboxButton/CheckboxButton.mjs';
 import '../../CheckboxGroup/CheckboxGroup.mjs';

package/dist/js/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAriaAnnounceSearchState.mjs","sources":["../../../../../../../src/components/List/hooks/useAriaAnnounceSearchState.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { useList } from \"@/index/default\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useEffect } from \"react\";\n\nconst announceDebounceMs = 600;\n\nexport const useAriaAnnounceSearchState = (): void => {\n  const formatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);\n\n  const searchTerm = list.search?.value;\n  const resultCount = list.batches.getTotalItemsCount();\n  const isLoading = list.loader.loaderState.useIsLoading();\n\n  useEffect(() => {\n    if (isLoading || !searchTerm) {\n      debouncedAnnounce.cancel();\n      return;\n    }\n\n    const text = formatter.format(\n      resultCount > 0\n        ? \"list.search.announce.result\"\n        : \"list.search.announce.noResult\",\n      {\n        resultCount,\n        searchTerm,\n      },\n    );\n\n    debouncedAnnounce(text, \"polite\");\n  }, [searchTerm, resultCount, isLoading]);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,kBAAqB,GAAA,GAAA;AAEpB,MAAM,6BAA6B,MAAY;AACpD,EAAM,MAAA,SAAA,GAAY,4BAA4B,OAAO,CAAA;AACrD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,iBAAA,GAAoB,mBAAoB,CAAA,QAAA,EAAU,kBAAkB,CAAA;AAE1E,EAAM,MAAA,UAAA,GAAa,KAAK,MAAQ,EAAA,KAAA;AAChC,EAAM,MAAA,WAAA,GAAc,IAAK,CAAA,OAAA,CAAQ,kBAAmB,EAAA;AACpD,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,CAAY,YAAa,EAAA;AAEvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,SAAA,IAAa,CAAC,UAAY,EAAA;AAC5B,MAAA,iBAAA,CAAkB,MAAO,EAAA;AACzB,MAAA;AAAA;AAGF,IAAA,MAAM,OAAO,SAAU,CAAA,MAAA;AAAA,MACrB,WAAA,GAAc,IACV,6BACA,GAAA,+BAAA;AAAA,MACJ;AAAA,QACE,WAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,iBAAA,CAAkB,MAAM,QAAQ,CAAA;AAAA,GAC/B,EAAA,CAAC,UAAY,EAAA,WAAA,EAAa,SAAS,CAAC,CAAA;AACzC;;;;"}
+{"version":3,"file":"useAriaAnnounceSearchState.mjs","sources":["../../../../../../../src/components/List/hooks/useAriaAnnounceSearchState.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { useList } from \"@/index/default\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useEffect } from \"react\";\n\nconst announceDebounceMs = 600;\n\nexport const useAriaAnnounceSearchState = (): void => {\n  const formatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);\n\n  const searchTerm = list.search?.value;\n  const resultCount = list.batches.getTotalItemsCount();\n  const isLoading = list.loader.loaderState.useIsLoading();\n\n  useEffect(() => {\n    if (isLoading || !searchTerm) {\n      debouncedAnnounce.cancel();\n      return;\n    }\n\n    const text = formatter.format(\n      resultCount > 0\n        ? \"list.search.announce.result\"\n        : \"list.search.announce.noResult\",\n      {\n        resultCount,\n        searchTerm,\n      },\n    );\n\n    debouncedAnnounce(text, \"polite\");\n  }, [searchTerm, resultCount, isLoading]);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,kBAAqB,GAAA,GAAA;AAEpB,MAAM,6BAA6B,MAAY;AACpD,EAAM,MAAA,SAAA,GAAY,4BAA4B,OAAO,CAAA;AACrD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,iBAAA,GAAoB,mBAAoB,CAAA,QAAA,EAAU,kBAAkB,CAAA;AAE1E,EAAM,MAAA,UAAA,GAAa,KAAK,MAAQ,EAAA,KAAA;AAChC,EAAM,MAAA,WAAA,GAAc,IAAK,CAAA,OAAA,CAAQ,kBAAmB,EAAA;AACpD,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,MAAO,CAAA,WAAA,CAAY,YAAa,EAAA;AAEvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,SAAA,IAAa,CAAC,UAAY,EAAA;AAC5B,MAAA,iBAAA,CAAkB,MAAO,EAAA;AACzB,MAAA;AAAA;AAGF,IAAA,MAAM,OAAO,SAAU,CAAA,MAAA;AAAA,MACrB,WAAA,GAAc,IACV,6BACA,GAAA,+BAAA;AAAA,MACJ;AAAA,QACE,WAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,iBAAA,CAAkB,MAAM,QAAQ,CAAA;AAAA,GAC/B,EAAA,CAAC,UAAY,EAAA,WAAA,EAAa,SAAS,CAAC,CAAA;AACzC;;;;"}

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

@@ -3,11 +3,11 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import styles from '../../MenuItem.module.scss.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import 'react';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../../../Icon/Icon.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 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/src/components/Message/Message.mjs

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

package/dist/js/components/src/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 type { PropsWithChildren } 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\";\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/** @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/src/components/MessageThread/MessageThread.mjs

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

package/dist/js/components/src/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\nexport default MessageThread;\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 type { PropsWithChildren } 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/** @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\nexport default MessageThread;\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;;;;"}