@mittwald/flow-react-components 0.2.0-alpha.782 → 0.2.0-alpha.784

package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs

@@ -1,38 +1,63 @@
 "use client"
 /* */
-import IconView from "../../../../../Icon/components/icons/IconView.mjs";
-import "../../../../../Icon/components/icons/index.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_14.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
-import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
-import { useList } from "../../../../hooks/useList.mjs";
-import Header_module_default from "../../Header.module.mjs";
-import TextView from "../../../../../../views/TextView.mjs";
-import { ViewModeMenuItem } from "./ViewModeMenuItem.mjs";
-import { useAvailableViewModes } from "../../lib.mjs";
-import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
-import "../../../../index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLocalizedStringFormatter } from "react-aria";
-//#region src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.tsx
-var ViewModeContextMenu = () => {
-	const stringFormatter = useLocalizedStringFormatter(__locale_default);
-	const selectedViewMode = useList().viewMode.value;
-	const availableViewModes = useAvailableViewModes();
-	if (availableViewModes.length <= 1) return null;
-	return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [/* @__PURE__ */ jsxs(ButtonView, {
-		variant: "outline",
-		color: "secondary",
-		"aria-label": stringFormatter.format("list.settings"),
-		className: Header_module_default.hideOnMobile,
-		children: [/* @__PURE__ */ jsx(TextView, { children: stringFormatter.format(`list.settings.viewMode.${selectedViewMode}`) }), /* @__PURE__ */ jsx(IconView, {})]
-	}), /* @__PURE__ */ jsx(ContextMenuView, {
-		selectionMode: "single",
-		selectedKeys: [selectedViewMode],
-		children: availableViewModes.map((viewMode) => /* @__PURE__ */ jsx(ViewModeMenuItem, { viewMode }, viewMode))
-	})] });
+import { jsxs, jsx } from 'react/jsx-runtime';
+import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import 'invariant';
+import 'react-aria-components';
+import 'react';
+import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
+import '@mittwald/flow-icons';
+import '../../../../../Icon/components/IconSetProvider.mjs';
+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 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+import ContextMenuTriggerView from '../../../../../../views/ContextMenuTriggerView.mjs';
+import '../../../../../ColumnLayout/ColumnLayout.mjs';
+import '../../../ListSummary/ListSummary.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import '../../../../listContext.mjs';
+import 'mobx';
+import '../../../../List.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+import { ViewModeMenuItem } from './ViewModeMenuItem.mjs';
+import { useAvailableViewModes } from '../../lib.mjs';
+import headerStyles from '../../Header.module.css.mjs';
+import ContextMenuView from '../../../../../../views/ContextMenuView.mjs';
+
+const ViewModeContextMenu = () => {
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const list = useList();
+  const selectedViewMode = list.viewMode.value;
+  const availableViewModes = useAvailableViewModes();
+  if (availableViewModes.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [
+    /* @__PURE__ */ jsxs(
+      ButtonView,
+      {
+        variant: "outline",
+        color: "secondary",
+        "aria-label": stringFormatter.format("list.settings"),
+        className: headerStyles.hideOnMobile,
+        children: [
+          /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format(`list.settings.viewMode.${selectedViewMode}`) }),
+          /* @__PURE__ */ jsx(IconView, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(ContextMenuView, { selectionMode: "single", selectedKeys: [selectedViewMode], children: availableViewModes.map((viewMode) => /* @__PURE__ */ jsx(ViewModeMenuItem, { viewMode }, viewMode)) })
+  ] });
 };
-//#endregion
-export { ViewModeContextMenu };
 
-//# sourceMappingURL=ViewModeContextMenu.mjs.map
+export { ViewModeContextMenu };
+//# sourceMappingURL=ViewModeContextMenu.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewModeContextMenu.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.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/ViewModeContextMenu/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 ViewModeContextMenu: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const selectedViewMode = list.viewMode.value;\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.hideOnMobile}\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"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAa,4BAAgC;CAC3C,MAAM,kBAAkB,4BAA4B,iBAAQ;CAE5D,MAAM,mBADO,SAAS,CACQ,SAAS;CAEvC,MAAM,qBAAqB,uBAAuB;AAElD,KAAI,mBAAmB,UAAU,EAC/B,QAAO;AAGT,QACE,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,YAAD;EACE,SAAQ;EACR,OAAM;EACN,cAAY,gBAAgB,OAAO,gBAAgB;EACnD,WAAW,sBAAO;YAJpB,CAME,oBAAC,UAAD,EAAA,UACG,gBAAgB,OAAO,0BAA0B,mBAAmB,EAC5D,CAAA,EACX,oBAAC,UAAD,EAAY,CAAA,CACD;KACb,oBAAC,iBAAD;EAAiB,eAAc;EAAS,cAAc,CAAC,iBAAiB;YACrE,mBAAmB,KAAK,aACvB,oBAAC,kBAAD,EAA4B,UAA2B,EAAZ,SAAY,CACvD;EACc,CAAA,CACK,EAAA,CAAA"}
+{"version":3,"file":"ViewModeContextMenu.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.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/ViewModeContextMenu/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 ViewModeContextMenu: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const selectedViewMode = list.viewMode.value;\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.hideOnMobile}\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,sBAA0B,MAAM;AAC3C,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,gBAAA,GAAmB,KAAK,QAAA,CAAS,KAAA;AAEvC,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AAEjD,EAAA,IAAI,kBAAA,CAAmB,UAAU,CAAA,EAAG;AAClC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,WAAA;AAAA,QACN,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,eAAe,CAAA;AAAA,QAClD,WAAWA,YAAA,CAAO,YAAA;AAAA,QAElB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YACE,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,CAAA,uBAAA,EAA0B,gBAAgB,EAAE,CAAA,EACtE,CAAA;AAAA,8BACC,QAAA,EAAA,EAAS;AAAA;AAAA;AAAA,KACZ;AAAA,wBACC,eAAA,EAAA,EAAgB,aAAA,EAAc,QAAA,EAAS,YAAA,EAAc,CAAC,gBAAgB,CAAA,EACpE,QAAA,EAAA,kBAAA,CAAmB,GAAA,CAAI,CAAC,QAAA,qBACvB,GAAA,CAAC,oBAAiB,QAAA,EAAA,EAAyB,QAAU,CACtD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeMenuItem.mjs

@@ -1,25 +1,48 @@
 "use client"
 /* */
-import __locale_default from "../../../../../../../../../_virtual/_14.locale.mjs";
-import { useList } from "../../../../hooks/useList.mjs";
-import MenuItemView from "../../../../../../views/MenuItemView.mjs";
-import "../../../../index.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { useLocalizedStringFormatter } from "react-aria";
-//#region src/components/List/components/Header/components/ViewModeContextMenu/ViewModeMenuItem.tsx
-var ViewModeMenuItem = (props) => {
-	const { viewMode } = props;
-	const list = useList();
-	return /* @__PURE__ */ jsx(MenuItemView, {
-		id: viewMode,
-		onAction: () => {
-			list.viewMode.set(viewMode);
-		},
-		children: useLocalizedStringFormatter(__locale_default).format(`list.settings.viewMode.${viewMode}`)
-	});
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import MenuItemView from '../../../../../../views/MenuItemView.mjs';
+import 'invariant';
+import 'react-aria-components';
+import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
+import '@mittwald/flow-icons';
+import '../../../../../Icon/components/IconSetProvider.mjs';
+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 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import '../../../../../../views/ButtonView.mjs';
+import '../../../../../../views/ContextMenuTriggerView.mjs';
+import '../../../../../ColumnLayout/ColumnLayout.mjs';
+import '../../../ListSummary/ListSummary.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import '../../../../listContext.mjs';
+import 'mobx';
+import '../../../../List.mjs';
+
+const ViewModeMenuItem = (props) => {
+  const { viewMode } = props;
+  const list = useList();
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  return /* @__PURE__ */ jsx(
+    MenuItemView,
+    {
+      id: viewMode,
+      onAction: () => {
+        list.viewMode.set(viewMode);
+      },
+      children: stringFormatter.format(`list.settings.viewMode.${viewMode}`)
+    }
+  );
 };
-//#endregion
-export { ViewModeMenuItem };
 
-//# sourceMappingURL=ViewModeMenuItem.mjs.map
+export { ViewModeMenuItem };
+//# sourceMappingURL=ViewModeMenuItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewModeMenuItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ViewModeContextMenu/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.viewMode.set(viewMode);\n      }}\n    >\n      {stringFormatter.format(`list.settings.viewMode.${viewMode}`)}\n    </MenuItemView>\n  );\n};\n"],"mappings":";;;;;;;;AAWA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,aAAa;CACrB,MAAM,OAAO,SAAS;AAGtB,QACE,oBAAC,cAAD;EACE,IAAI;EACJ,gBAAgB;AACd,QAAK,SAAS,IAAI,SAAS;;YANT,4BAA4B,iBAAQ,CASvC,OAAO,0BAA0B,WAAW;EAChD,CAAA"}
+{"version":3,"file":"ViewModeMenuItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/ViewModeContextMenu/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.viewMode.set(viewMode);\n      }}\n    >\n      {stringFormatter.format(`list.settings.viewMode.${viewMode}`)}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AACrB,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,QAAA;AAAA,MACJ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,QAAA,CAAS,IAAI,QAAQ,CAAA;AAAA,MAC5B,CAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,CAAA,uBAAA,EAA0B,QAAQ,CAAA,CAAE;AAAA;AAAA,GAC9D;AAEJ;;;;"}

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

@@ -1,17 +1,45 @@
 "use client"
 /* */
-import { useList } from "../../hooks/useList.mjs";
-import "../../index.mjs";
-//#region src/components/List/components/Header/lib.ts
-var useAvailableViewModes = () => {
-	const list = useList();
-	const availableViewModes = [];
-	if (list.itemView?.showList) availableViewModes.push("list");
-	if (list.table) availableViewModes.push("table");
-	if (list.itemView?.showTiles) availableViewModes.push("tiles");
-	return availableViewModes;
+import 'invariant';
+import 'react/jsx-runtime';
+import 'react-aria-components';
+import 'react';
+import '../../../IllustratedMessage/IllustratedMessage.mjs';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import '../../../Heading/Heading.mjs';
+import '../../../Text/Text.mjs';
+import 'react-aria';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../views/ListItemViewContentView.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import '../../../../views/ButtonView.mjs';
+import '../../../../views/ContextMenuTriggerView.mjs';
+import '../../../ColumnLayout/ColumnLayout.mjs';
+import '../ListSummary/ListSummary.mjs';
+import { useList } from '../../hooks/useList.mjs';
+import '../../listContext.mjs';
+import 'mobx';
+import '../../List.mjs';
+
+const useAvailableViewModes = () => {
+  const list = useList();
+  const availableViewModes = [];
+  if (list.itemView?.showList) {
+    availableViewModes.push("list");
+  }
+  if (list.table) {
+    availableViewModes.push("table");
+  }
+  if (list.itemView?.showTiles) {
+    availableViewModes.push("tiles");
+  }
+  return availableViewModes;
 };
-//#endregion
-export { useAvailableViewModes };
 
-//# sourceMappingURL=lib.mjs.map
+export { useAvailableViewModes };
+//# sourceMappingURL=lib.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lib.mjs","names":[],"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"],"mappings":";;;AAGA,IAAa,8BAA8B;CACzC,MAAM,OAAO,SAAS;CAEtB,MAAM,qBAAqC,EAAE;AAE7C,KAAI,KAAK,UAAU,SACjB,oBAAmB,KAAK,OAAO;AAEjC,KAAI,KAAK,MACP,oBAAmB,KAAK,QAAQ;AAElC,KAAI,KAAK,UAAU,UACjB,oBAAmB,KAAK,QAAQ;AAGlC,QAAO"}
+{"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,OAAA,EAAQ;AAErB,EAAA,MAAM,qBAAqC,EAAC;AAE5C,EAAA,IAAI,IAAA,CAAK,UAAU,QAAA,EAAU;AAC3B,IAAA,kBAAA,CAAmB,KAAK,MAAM,CAAA;AAAA,EAChC;AACA,EAAA,IAAI,KAAK,KAAA,EAAO;AACd,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA,EACjC;AACA,EAAA,IAAI,IAAA,CAAK,UAAU,SAAA,EAAW;AAC5B,IAAA,kBAAA,CAAmB,KAAK,OAAO,CAAA;AAAA,EACjC;AAEA,EAAA,OAAO,kBAAA;AACT;;;;"}

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

@@ -1,41 +1,60 @@
 "use client"
 /* */
-import DivView from "../../../../views/DivView.mjs";
-import Items_module_default from "./Items.module.mjs";
-import { EmptyView } from "../../views/EmptyView/EmptyView.mjs";
-import { useList } from "../../hooks/useList.mjs";
-import Item from "./components/Item/Item.mjs";
-import ItemsGridListView from "../../../../views/ItemsGridListView.mjs";
-import { FallbackItems } from "./components/FallbackItems/FallbackItems.mjs";
-import "./components/FallbackItems/index.mjs";
-import "../../index.mjs";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Items/Items.tsx
-var Items = () => {
-	const list = useList();
-	const tiles = list.viewMode.isTiles;
-	const isLoading = list.loader.useIsLoading();
-	const isInitiallyLoading = list.loader.useIsInitiallyLoading();
-	if (!list.itemView) return null;
-	const items = list.items.entries.map((item) => /* @__PURE__ */ jsx(Item, {
-		data: item.data,
-		id: item.id
-	}, item.id));
-	return /* @__PURE__ */ jsx(DivView, {
-		"aria-hidden": isInitiallyLoading,
-		"aria-busy": isLoading,
-		children: /* @__PURE__ */ jsx(ItemsGridListView, {
-			className: clsx(Items_module_default.items, isLoading && Items_module_default.isLoading, tiles && Items_module_default.tiles),
-			...list.componentProps,
-			renderEmptyState: () => /* @__PURE__ */ jsx(EmptyView, {}),
-			layout: tiles ? "grid" : "stack",
-			tileMaxWidth: list.itemView.tileMaxWidth,
-			children: items.length === 0 && isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItems, {}) : items
-		})
-	});
+import { jsx } from 'react/jsx-runtime';
+import 'invariant';
+import 'react-aria-components';
+import { EmptyView } from '../../views/EmptyView/EmptyView.mjs';
+import clsx from 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../views/ListItemViewContentView.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import 'react-aria';
+import 'react';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import '../../../../views/ButtonView.mjs';
+import '../../../../views/ContextMenuTriggerView.mjs';
+import '../../../ColumnLayout/ColumnLayout.mjs';
+import '../ListSummary/ListSummary.mjs';
+import { useList } from '../../hooks/useList.mjs';
+import '../../listContext.mjs';
+import 'mobx';
+import '../../List.mjs';
+import { Item } from './components/Item/Item.mjs';
+import DivView from '../../../../views/DivView.mjs';
+import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
+import styles from './Items.module.scss.mjs';
+import { FallbackItems } from './components/FallbackItems/FallbackItems.mjs';
+
+const Items = () => {
+  const list = useList();
+  const tiles = list.viewMode.isTiles;
+  const isLoading = list.loader.useIsLoading();
+  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
+  if (!list.itemView) {
+    return null;
+  }
+  const items = list.items.entries.map((item) => /* @__PURE__ */ jsx(Item, { data: item.data, id: item.id }, item.id));
+  const rootClassName = clsx(
+    styles.items,
+    isLoading && styles.isLoading,
+    tiles && styles.tiles
+  );
+  return /* @__PURE__ */ jsx(DivView, { "aria-hidden": isInitiallyLoading, "aria-busy": isLoading, children: /* @__PURE__ */ jsx(
+    ItemsGridListView,
+    {
+      className: rootClassName,
+      ...list.componentProps,
+      renderEmptyState: () => /* @__PURE__ */ jsx(EmptyView, {}),
+      layout: tiles ? "grid" : "stack",
+      tileMaxWidth: list.itemView.tileMaxWidth,
+      children: items.length === 0 && isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItems, {}) : items
+    }
+  ) });
 };
-//#endregion
-export { Items as default };
 
-//# sourceMappingURL=Items.mjs.map
+export { Items };
+//# sourceMappingURL=Items.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Items.mjs","names":[],"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.isTiles;\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        layout={tiles ? \"grid\" : \"stack\"}\n        tileMaxWidth={list.itemView.tileMaxWidth}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAa,cAAkB;CAC7B,MAAM,OAAO,SAAS;CACtB,MAAM,QAAQ,KAAK,SAAS;CAC5B,MAAM,YAAY,KAAK,OAAO,cAAc;CAC5C,MAAM,qBAAqB,KAAK,OAAO,uBAAuB;AAE9D,KAAI,CAAC,KAAK,SACR,QAAO;CAGT,MAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK,SACpC,oBAAC,MAAD;EAAoB,MAAM,KAAK;EAAM,IAAI,KAAK;EAAM,EAAzC,KAAK,GAAoC,CACpD;AAQF,QACE,oBAAC,SAAD;EAAS,eAAa;EAAoB,aAAW;YACnD,oBAAC,mBAAD;GACE,WATgB,KACpB,qBAAO,OACP,aAAa,qBAAO,WACpB,SAAS,qBAAO,MACjB;GAMK,GAAI,KAAK;GACT,wBAAwB,oBAAC,WAAD,EAAa,CAAA;GACrC,QAAQ,QAAQ,SAAS;GACzB,cAAc,KAAK,SAAS;aAE3B,MAAM,WAAW,KAAK,qBAAqB,oBAAC,eAAD,EAAiB,CAAA,GAAG;GAC9C,CAAA;EACZ,CAAA"}
+{"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.isTiles;\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        layout={tiles ? \"grid\" : \"stack\"}\n        tileMaxWidth={list.itemView.tileMaxWidth}\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,OAAA,EAAQ;AACrB,EAAA,MAAM,KAAA,GAAQ,KAAK,QAAA,CAAS,OAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAE7D,EAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACpC,GAAA,CAAC,IAAA,EAAA,EAAmB,IAAA,EAAM,KAAK,IAAA,EAAM,EAAA,EAAI,KAAK,EAAA,EAAA,EAAnC,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB,SAAS,MAAA,CAAO;AAAA,GAClB;AAEA,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAa,kBAAA,EAAoB,aAAW,SAAA,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA,CAAK,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,MACnC,MAAA,EAAQ,QAAQ,MAAA,GAAS,OAAA;AAAA,MACzB,YAAA,EAAc,KAAK,QAAA,CAAS,YAAA;AAAA,MAE3B,gBAAM,MAAA,KAAW,CAAA,IAAK,kBAAA,mBAAqB,GAAA,CAAC,iBAAc,CAAA,GAAK;AAAA;AAAA,GAClE,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/Items.module.scss.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const items = "flow--list--items";
+const isLoading = "flow--list--items--is-loading";
+const tiles = "flow--list--items--tiles";
+const emptyView = "flow--list--items--empty-view";
+const styles = {
+	items: items,
+	isLoading: isLoading,
+	tiles: tiles,
+	emptyView: emptyView
+};
+
+export { styles as default, emptyView, isLoading, items, tiles };
+//# sourceMappingURL=Items.module.scss.mjs.map

package/dist/js/packages/components/src/components/List/components/Items/Items.module.scss.mjs.map

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

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

@@ -1,21 +1,16 @@
 "use client"
 /* */
-import { useList } from "../../../../hooks/useList.mjs";
-import { ListItemSkeletonView } from "../Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs";
-import { ItemContainer } from "../Item/Item.mjs";
-import { cloneElement } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx
-var FallbackItems = () => {
-	const list = useList();
-	const fallback = list.itemView?.loadingView ?? /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value });
-	return Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(ItemContainer, {
-		id: i,
-		data: i,
-		children: cloneElement(fallback)
-	}, i));
+import { jsx } from 'react/jsx-runtime';
+import { ItemContainer } from '../Item/Item.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import { cloneElement } from 'react';
+import { ListItemSkeletonView } from '../Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs';
+
+const FallbackItems = () => {
+  const list = useList();
+  const fallback = list.itemView?.loadingView ?? /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value });
+  return Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(ItemContainer, { id: i, data: i, children: cloneElement(fallback) }, i));
 };
-//#endregion
-export { FallbackItems };
 
-//# sourceMappingURL=FallbackItems.mjs.map
+export { FallbackItems };
+//# sourceMappingURL=FallbackItems.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FallbackItems.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { cloneElement } from \"react\";\nimport { ListItemSkeletonView } from \"../Item/components/ListItemSkeletonView/ListItemSkeletonView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n  const list = useList();\n  const fallback = list.itemView?.loadingView ?? (\n    <ListItemSkeletonView viewMode={list.viewMode.value} />\n  );\n\n  return Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      {cloneElement(fallback)}\n    </ItemContainer>\n  ));\n};\n"],"mappings":";;;;;;AAQA,IAAa,sBAA8C;CACzD,MAAM,OAAO,SAAS;CACtB,MAAM,WAAW,KAAK,UAAU,eAC9B,oBAAC,sBAAD,EAAsB,UAAU,KAAK,SAAS,OAAS,CAAA;AAGzD,QAAO,MAAM,KAAK,MAAM,KAAK,kBAAkB,CAAC,CAAC,KAAK,GAAG,MACvD,oBAAC,eAAD;EAAe,IAAI;EAAG,MAAM;YACzB,aAAa,SAAS;EACT,EAF6B,EAE7B,CAChB"}
+{"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { cloneElement } from \"react\";\nimport { ListItemSkeletonView } from \"../Item/components/ListItemSkeletonView/ListItemSkeletonView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n  const list = useList();\n  const fallback = list.itemView?.loadingView ?? (\n    <ListItemSkeletonView viewMode={list.viewMode.value} />\n  );\n\n  return Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      {cloneElement(fallback)}\n    </ItemContainer>\n  ));\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAA,GAAW,KAAK,QAAA,EAAU,WAAA,wBAC7B,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,QAAA,CAAS,KAAA,EAAO,CAAA;AAGvD,EAAA,OAAO,KAAA,CAAM,KAAK,KAAA,CAAM,IAAA,CAAK,iBAAiB,CAAC,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,sBACvD,GAAA,CAAC,aAAA,EAAA,EAAc,IAAI,CAAA,EAAG,IAAA,EAAM,GACzB,QAAA,EAAA,YAAA,CAAa,QAAQ,CAAA,EAAA,EADqB,CAE7C,CACD,CAAA;AACH;;;;"}

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

@@ -1,46 +1,56 @@
 "use client"
 /* */
-import Item_module_default from "./Item.module.mjs";
-import { useList } from "../../../../hooks/useList.mjs";
-import { useGridItemProps } from "./hooks/useGridItemProps.mjs";
-import ItemsGridListItemView from "../../../../../../views/ItemsGridListItemView.mjs";
-import { ListItemSkeletonView } from "./components/ListItemSkeletonView/ListItemSkeletonView.mjs";
-import { Suspense } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Items/components/Item/Item.tsx
-var Item = (props) => {
-	const { id, data } = props;
-	const list = useList();
-	const itemView = list.itemView;
-	const { gridItemProps, children } = useGridItemProps(props);
-	if (!itemView) return null;
-	const textValue = itemView.textValue ? itemView.textValue(data) : void 0;
-	const href = itemView.href ? itemView.href(data) : void 0;
-	const hasAction = !!gridItemProps.onAction || !!href;
-	return /* @__PURE__ */ jsx(ItemsGridListItemView, {
-		id,
-		textValue,
-		href,
-		target: itemView.target,
-		hasAction,
-		isTile: list.viewMode.isTiles,
-		...gridItemProps,
-		children: /* @__PURE__ */ jsx(Suspense, {
-			fallback: /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value }),
-			children
-		})
-	});
+import { jsx } from 'react/jsx-runtime';
+import { useGridItemProps } from './hooks/useGridItemProps.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView.mjs';
+import { Suspense } from 'react';
+import styles from './Item.module.scss.mjs';
+import { ListItemSkeletonView } from './components/ListItemSkeletonView/ListItemSkeletonView.mjs';
+
+const Item = (props) => {
+  const { id, data } = props;
+  const list = useList();
+  const itemView = list.itemView;
+  const { gridItemProps, children } = useGridItemProps(props);
+  if (!itemView) {
+    return null;
+  }
+  const textValue = itemView.textValue ? itemView.textValue(data) : void 0;
+  const href = itemView.href ? itemView.href(data) : void 0;
+  const hasAction = !!gridItemProps.onAction || !!href;
+  return /* @__PURE__ */ jsx(
+    ItemsGridListItemView,
+    {
+      id,
+      textValue,
+      href,
+      target: itemView.target,
+      hasAction,
+      isTile: list.viewMode.isTiles,
+      ...gridItemProps,
+      children: /* @__PURE__ */ jsx(
+        Suspense,
+        {
+          fallback: /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value }),
+          children
+        }
+      )
+    }
+  );
 };
-var ItemContainer = (props) => {
-	const list = useList();
-	return /* @__PURE__ */ jsx(ItemsGridListItemView, {
-		textValue: "-",
-		className: Item_module_default.item,
-		isTile: list.viewMode.isTiles,
-		children: props.children
-	});
+const ItemContainer = (props) => {
+  const list = useList();
+  return /* @__PURE__ */ jsx(
+    ItemsGridListItemView,
+    {
+      textValue: "-",
+      className: styles.item,
+      isTile: list.viewMode.isTiles,
+      children: props.children
+    }
+  );
 };
-//#endregion
-export { ItemContainer, Item as default };
 
-//# sourceMappingURL=Item.mjs.map
+export { Item, ItemContainer, Item as default };
+//# sourceMappingURL=Item.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={list.viewMode.isTiles}\n      {...gridItemProps}\n    >\n      <Suspense\n        fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n      >\n        {children}\n      </Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"mappings":";;;;;;;;AAcA,IAAa,QAAQ,UAAiB;CACpC,MAAM,EAAE,IAAI,SAAS;CACrB,MAAM,OAAO,SAAS;CAEtB,MAAM,WAAW,KAAK;CAEtB,MAAM,EAAE,eAAe,aAAa,iBAAiB,MAAM;AAE3D,KAAI,CAAC,SACH,QAAO;CAGT,MAAM,YAAY,SAAS,YAAY,SAAS,UAAU,KAAK,GAAG,KAAA;CAClE,MAAM,OAAO,SAAS,OAAO,SAAS,KAAK,KAAK,GAAG,KAAA;CACnD,MAAM,YAAY,CAAC,CAAC,cAAc,YAAY,CAAC,CAAC;AAEhD,QACE,oBAAC,uBAAD;EACM;EACO;EACL;EACN,QAAQ,SAAS;EACN;EACX,QAAQ,KAAK,SAAS;EACtB,GAAI;YAEJ,oBAAC,UAAD;GACE,UAAU,oBAAC,sBAAD,EAAsB,UAAU,KAAK,SAAS,OAAS,CAAA;GAEhE;GACQ,CAAA;EACW,CAAA;;AAI5B,IAAa,iBAA4B,UAAU;CACjD,MAAM,OAAO,SAAS;AACtB,QACE,oBAAC,uBAAD;EACE,WAAU;EACV,WAAW,oBAAO;EAClB,QAAQ,KAAK,SAAS;YAErB,MAAM;EACe,CAAA"}
+{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={list.viewMode.isTiles}\n      {...gridItemProps}\n    >\n      <Suspense\n        fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n      >\n        {children}\n      </Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,IAAA,GAAO,CAAC,KAAA,KAAiB;AACpC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAK,GAAI,KAAA;AACrB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAA,CAAc,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MACrB,GAAG,aAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,0BAAU,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAAA,UAE9D;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.module.scss.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+const item = "flow--list--items--item";
+const isSelected = "flow--list--items--item--is-selected";
+const hasAction = "flow--list--items--item--has-action";
+const tile = "flow--list--items--item--tile";
+const styles = {
+	item: item,
+	isSelected: isSelected,
+	hasAction: hasAction,
+	tile: tile
+};
+
+export { styles as default, hasAction, isSelected, item, tile };
+//# sourceMappingURL=Item.module.scss.mjs.map

package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.module.scss.mjs.map

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