@mittwald/flow-react-components 0.2.0-alpha.1031 → 0.2.0-alpha.1033

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

@@ -1,45 +1,38 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-import { useLocalizedStringFormatter } from '../../../../../TranslationProvider/useLocalizedStringFormatter.mjs';
-import { useList } from '../../../../hooks/useList.mjs';
-import { IconView } from '../../../../../Icon/components/icons/IconView.mjs';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-import TextView from '../../../../../../views/TextView.mjs';
-import { ViewModeMenuItem } from './ViewModeMenuItem.mjs';
-import { useAvailableViewModes } from '../../lib.mjs';
-import headerStyles from '../../Header.module.scss.mjs';
-import ContextMenuTriggerView from '../../../../../../views/ContextMenuTriggerView.mjs';
-import ContextMenuView from '../../../../../../views/ContextMenuView.mjs';
-
-const ViewModeContextMenu = (props) => {
-  const { isDisabled } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales, "List");
-  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("settings"),
-        className: headerStyles.hideOnMobile,
-        isDisabled,
-        children: [
-          /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format(`settings.viewMode.${selectedViewMode}`) }),
-          /* @__PURE__ */ jsx(IconView, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(ContextMenuView, { selectionMode: "single", selectedKeys: [selectedViewMode], children: availableViewModes.map((viewMode) => /* @__PURE__ */ jsx(ViewModeMenuItem, { viewMode }, viewMode)) })
-  ] });
+import { IconView } from "../../../../../Icon/components/icons/IconView.mjs";
+import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
+import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
+import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
+import TextView from "../../../../../../views/TextView.mjs";
+import { useList } from "../../../../hooks/useList.mjs";
+import Header_module_default from "../../Header.module.mjs";
+import { ViewModeMenuItem } from "./ViewModeMenuItem.mjs";
+import { useAvailableViewModes } from "../../lib.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.tsx
+var ViewModeContextMenu = (props) => {
+	const { isDisabled } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "List");
+	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("settings"),
+		className: Header_module_default.hideOnMobile,
+		isDisabled,
+		children: [/* @__PURE__ */ jsx(TextView, { children: stringFormatter.format(`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
+
+//# 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","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 \"@/components/TranslationProvider/useLocalizedStringFormatter\";\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.scss\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const ViewModeContextMenu: FC<Props> = (props) => {\n  const { isDisabled } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\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(\"settings\")}\n        className={styles.hideOnMobile}\n        isDisabled={isDisabled}\n      >\n        <TextView>\n          {stringFormatter.format(`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":";;;;;;;;;;;;;AAiBO,MAAM,mBAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,YAAW,GAAI,KAAA;AAEvB,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AACnE,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,UAAU,CAAA;AAAA,QAC7C,WAAWA,YAAA,CAAO,YAAA;AAAA,QAClB,UAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YACE,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,CAAA,kBAAA,EAAqB,gBAAgB,EAAE,CAAA,EACjE,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;;;;"}
+{"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 \"@/components/TranslationProvider/useLocalizedStringFormatter\";\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.scss\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const ViewModeContextMenu: FC<Props> = (props) => {\n  const { isDisabled } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\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(\"settings\")}\n        className={styles.hideOnMobile}\n        isDisabled={isDisabled}\n      >\n        <TextView>\n          {stringFormatter.format(`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":";;;;;;;;;;;;;;;AAiBA,IAAa,uBAAkC,UAAU;CACvD,MAAM,EAAE,eAAe;CAEvB,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,mBADO,QACY,CAAA,CAAK,SAAS;CAEvC,MAAM,qBAAqB,sBAAsB;CAEjD,IAAI,mBAAmB,UAAU,GAC/B,OAAO;CAGT,OACE,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,YAAD;EACE,SAAQ;EACR,OAAM;EACN,cAAY,gBAAgB,OAAO,UAAU;EAC7C,WAAW,sBAAO;EACN;EALd,UAAA,CAOE,oBAAC,UAAD,EAAA,UACG,gBAAgB,OAAO,qBAAqB,kBAAkB,EACvD,CAAA,GACV,oBAAC,UAAD,CAAW,CAAA,CACD;CACZ,CAAA,GAAA,oBAAC,iBAAD;EAAiB,eAAc;EAAS,cAAc,CAAC,gBAAgB;EACpE,UAAA,mBAAmB,KAAK,aACvB,oBAAC,kBAAD,EAA4B,SAA0B,GAAX,QAAW,CACvD;CACc,CAAA,CACK,EAAA,CAAA;AAE5B"}

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

@@ -1,27 +1,25 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import MenuItemView from '../../../../../../views/MenuItemView.mjs';
-import { useList } from '../../../../hooks/useList.mjs';
-import { useLocalizedStringFormatter } from '../../../../../TranslationProvider/useLocalizedStringFormatter.mjs';
-import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-
-const ViewModeMenuItem = (props) => {
-  const { viewMode } = props;
-  const list = useList();
-  const stringFormatter = useLocalizedStringFormatter(locales, "List");
-  return /* @__PURE__ */ jsx(
-    MenuItemView,
-    {
-      id: viewMode,
-      onAction: () => {
-        list.viewMode.set(viewMode);
-      },
-      children: stringFormatter.format(`settings.viewMode.${viewMode}`)
-    }
-  );
+import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import { useList } from "../../../../hooks/useList.mjs";
+import MenuItemView from "../../../../../../views/MenuItemView.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/Header/components/ViewModeContextMenu/ViewModeMenuItem.tsx
+var ViewModeMenuItem = (props) => {
+	const { viewMode } = props;
+	const list = useList();
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "List");
+	return /* @__PURE__ */ jsx(MenuItemView, {
+		id: viewMode,
+		onAction: () => {
+			list.viewMode.set(viewMode);
+		},
+		children: stringFormatter.format(`settings.viewMode.${viewMode}`)
+	});
 };
-
+//#endregion
 export { ViewModeMenuItem };
-//# sourceMappingURL=ViewModeMenuItem.mjs.map
+
+//# 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","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 \"@/components/TranslationProvider/useLocalizedStringFormatter\";\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, \"List\");\n\n  return (\n    <MenuItemView\n      id={viewMode}\n      onAction={() => {\n        list.viewMode.set(viewMode);\n      }}\n    >\n      {stringFormatter.format(`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,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,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,kBAAA,EAAqB,QAAQ,CAAA,CAAE;AAAA;AAAA,GACzD;AAEJ;;;;"}
+{"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 \"@/components/TranslationProvider/useLocalizedStringFormatter\";\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, \"List\");\n\n  return (\n    <MenuItemView\n      id={viewMode}\n      onAction={() => {\n        list.viewMode.set(viewMode);\n      }}\n    >\n      {stringFormatter.format(`settings.viewMode.${viewMode}`)}\n    </MenuItemView>\n  );\n};\n"],"mappings":";;;;;;;;;AAWA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,aAAa;CACrB,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,oBAAC,cAAD;EACE,IAAI;EACJ,gBAAgB;GACd,KAAK,SAAS,IAAI,QAAQ;EAC5B;EAEC,UAAA,gBAAgB,OAAO,qBAAqB,UAAU;CAC3C,CAAA;AAElB"}

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

@@ -1,21 +1,16 @@
 "use client"
 /* */
-import { useList } from '../../hooks/useList.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;
+import { useList } from "../../hooks/useList.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;
 };
-
+//#endregion
 export { useAvailableViewModes };
-//# sourceMappingURL=lib.mjs.map
+
+//# sourceMappingURL=lib.mjs.map

package/dist/js/packages/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,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;;;;"}
+{"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,QAAQ;CAErB,MAAM,qBAAqC,CAAC;CAE5C,IAAI,KAAK,UAAU,UACjB,mBAAmB,KAAK,MAAM;CAEhC,IAAI,KAAK,OACP,mBAAmB,KAAK,OAAO;CAEjC,IAAI,KAAK,UAAU,WACjB,mBAAmB,KAAK,OAAO;CAGjC,OAAO;AACT"}

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

@@ -1,65 +1,50 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Item } from './components/Item/Item.mjs';
-import { useList } from '../../hooks/useList.mjs';
-import DivView from '../../../../views/DivView.mjs';
-import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
-import clsx from 'clsx';
-import { useRef } from 'react';
-import styles from './Items.module.scss.mjs';
-import { useInfiniteScrollTrigger, getLoadMoreThresholdRows } from './hooks/useInfiniteScrollTrigger.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();
-  const isLoadingMore = list.loader.useIsLoadingMore();
-  const triggerRef = useRef(null);
-  useInfiniteScrollTrigger(triggerRef);
-  if (!list.itemView) {
-    return null;
-  }
-  const triggerIndex = Math.max(
-    0,
-    list.items.entries.length - getLoadMoreThresholdRows(list.batches.batchSize)
-  );
-  const items = list.items.entries.map((item, index) => /* @__PURE__ */ jsx(
-    Item,
-    {
-      data: item.data,
-      id: item.id,
-      list,
-      isTile: tiles,
-      triggerRef: list.infiniteScroll && index === triggerIndex ? triggerRef : void 0
-    },
-    item.id
-  ));
-  const rootClassName = clsx(
-    styles.items,
-    isLoading && !(list.infiniteScroll && isLoadingMore) && styles.isLoading,
-    tiles && styles.tiles
-  );
-  const {
-    "aria-labelledby": ariaLabelledby,
-    "aria-label": ariaLabel,
-    ...rest
-  } = list.componentProps;
-  return /* @__PURE__ */ jsx(DivView, { "aria-hidden": isInitiallyLoading, "aria-busy": isLoading, children: /* @__PURE__ */ jsx(
-    ItemsGridListView,
-    {
-      className: rootClassName,
-      ...rest,
-      "aria-labelledby": ariaLabel ? void 0 : ariaLabelledby,
-      "aria-label": ariaLabel,
-      layout: tiles ? "grid" : "stack",
-      tileMaxWidth: list.itemView.tileMaxWidth,
-      children: items.length === 0 && isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItems, {}) : items
-    }
-  ) });
+import DivView from "../../../../views/DivView.mjs";
+import Items_module_default from "./Items.module.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 { getLoadMoreThresholdRows, useInfiniteScrollTrigger } from "./hooks/useInfiniteScrollTrigger.mjs";
+import clsx from "clsx";
+import { useRef } from "react";
+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();
+	const isLoadingMore = list.loader.useIsLoadingMore();
+	const triggerRef = useRef(null);
+	useInfiniteScrollTrigger(triggerRef);
+	if (!list.itemView) return null;
+	const triggerIndex = Math.max(0, list.items.entries.length - getLoadMoreThresholdRows(list.batches.batchSize));
+	const items = list.items.entries.map((item, index) => /* @__PURE__ */ jsx(Item, {
+		data: item.data,
+		id: item.id,
+		list,
+		isTile: tiles,
+		triggerRef: list.infiniteScroll && index === triggerIndex ? triggerRef : void 0
+	}, item.id));
+	const rootClassName = clsx(Items_module_default.items, isLoading && !(list.infiniteScroll && isLoadingMore) && Items_module_default.isLoading, tiles && Items_module_default.tiles);
+	const { "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, ...rest } = list.componentProps;
+	return /* @__PURE__ */ jsx(DivView, {
+		"aria-hidden": isInitiallyLoading,
+		"aria-busy": isLoading,
+		children: /* @__PURE__ */ jsx(ItemsGridListView, {
+			className: rootClassName,
+			...rest,
+			"aria-labelledby": ariaLabel ? void 0 : ariaLabelledby,
+			"aria-label": ariaLabel,
+			layout: tiles ? "grid" : "stack",
+			tileMaxWidth: list.itemView.tileMaxWidth,
+			children: items.length === 0 && isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItems, {}) : items
+		})
+	});
 };
+//#endregion
+export { Items, Items as default };
 
-export { Items };
-//# sourceMappingURL=Items.mjs.map
+//# sourceMappingURL=Items.mjs.map

package/dist/js/packages/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 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 { useRef } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\nimport {\n  getLoadMoreThresholdRows,\n  useInfiniteScrollTrigger,\n} from \"./hooks/useInfiniteScrollTrigger\";\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  const isLoadingMore = list.loader.useIsLoadingMore();\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  useInfiniteScrollTrigger(triggerRef);\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const triggerIndex = Math.max(\n    0,\n    list.items.entries.length -\n      getLoadMoreThresholdRows(list.batches.batchSize),\n  );\n\n  const items = list.items.entries.map((item, index) => (\n    <Item\n      key={item.id}\n      data={item.data}\n      id={item.id}\n      list={list}\n      isTile={tiles}\n      triggerRef={\n        list.infiniteScroll && index === triggerIndex ? triggerRef : undefined\n      }\n    />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && !(list.infiniteScroll && isLoadingMore) && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  const {\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = list.componentProps;\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...rest}\n        aria-labelledby={ariaLabel ? undefined : ariaLabelledby}\n        aria-label={ariaLabel}\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":";;;;;;;;;;;AAcO,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;AAC7D,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAiB;AAEnD,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,wBAAA,CAAyB,UAAU,CAAA;AAEnC,EAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,eAAe,IAAA,CAAK,GAAA;AAAA,IACxB,CAAA;AAAA,IACA,KAAK,KAAA,CAAM,OAAA,CAAQ,SACjB,wBAAA,CAAyB,IAAA,CAAK,QAAQ,SAAS;AAAA,GACnD;AAEA,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,QAAQ,GAAA,CAAI,CAAC,MAAM,KAAA,qBAC1C,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEC,MAAM,IAAA,CAAK,IAAA;AAAA,MACX,IAAI,IAAA,CAAK,EAAA;AAAA,MACT,IAAA;AAAA,MACA,MAAA,EAAQ,KAAA;AAAA,MACR,UAAA,EACE,IAAA,CAAK,cAAA,IAAkB,KAAA,KAAU,eAAe,UAAA,GAAa;AAAA,KAAA;AAAA,IAN1D,IAAA,CAAK;AAAA,GASb,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,SAAA,IAAa,EAAE,IAAA,CAAK,cAAA,IAAkB,kBAAkB,MAAA,CAAO,SAAA;AAAA,IAC/D,SAAS,MAAA,CAAO;AAAA,GAClB;AAEA,EAAA,MAAM;AAAA,IACJ,iBAAA,EAAmB,cAAA;AAAA,IACnB,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,MACD,IAAA,CAAK,cAAA;AAET,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;AAAA,MACJ,iBAAA,EAAiB,YAAY,MAAA,GAAY,cAAA;AAAA,MACzC,YAAA,EAAY,SAAA;AAAA,MACZ,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;;;;"}
+{"version":3,"file":"Items.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import 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 { useRef } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\nimport {\n  getLoadMoreThresholdRows,\n  useInfiniteScrollTrigger,\n} from \"./hooks/useInfiniteScrollTrigger\";\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  const isLoadingMore = list.loader.useIsLoadingMore();\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  useInfiniteScrollTrigger(triggerRef);\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const triggerIndex = Math.max(\n    0,\n    list.items.entries.length -\n      getLoadMoreThresholdRows(list.batches.batchSize),\n  );\n\n  const items = list.items.entries.map((item, index) => (\n    <Item\n      key={item.id}\n      data={item.data}\n      id={item.id}\n      list={list}\n      isTile={tiles}\n      triggerRef={\n        list.infiniteScroll && index === triggerIndex ? triggerRef : undefined\n      }\n    />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && !(list.infiniteScroll && isLoadingMore) && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  const {\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = list.componentProps;\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...rest}\n        aria-labelledby={ariaLabel ? undefined : ariaLabelledby}\n        aria-label={ariaLabel}\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":";;;;;;;;;;;;;AAcA,IAAa,cAAkB;CAC7B,MAAM,OAAO,QAAQ;CACrB,MAAM,QAAQ,KAAK,SAAS;CAC5B,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,gBAAgB,KAAK,OAAO,iBAAiB;CAEnD,MAAM,aAAa,OAAuB,IAAI;CAC9C,yBAAyB,UAAU;CAEnC,IAAI,CAAC,KAAK,UACR,OAAO;CAGT,MAAM,eAAe,KAAK,IACxB,GACA,KAAK,MAAM,QAAQ,SACjB,yBAAyB,KAAK,QAAQ,SAAS,CACnD;CAEA,MAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM,UAC1C,oBAAC,MAAD;EAEE,MAAM,KAAK;EACX,IAAI,KAAK;EACH;EACN,QAAQ;EACR,YACE,KAAK,kBAAkB,UAAU,eAAe,aAAa,KAAA;CAEhE,GARM,KAAK,EAQX,CACF;CAED,MAAM,gBAAgB,KACpB,qBAAO,OACP,aAAa,EAAE,KAAK,kBAAkB,kBAAkB,qBAAO,WAC/D,SAAS,qBAAO,KAClB;CAEA,MAAM,EACJ,mBAAmB,gBACnB,cAAc,WACd,GAAG,SACD,KAAK;CAET,OACE,oBAAC,SAAD;EAAS,eAAa;EAAoB,aAAW;EACnD,UAAA,oBAAC,mBAAD;GACE,WAAW;GACX,GAAI;GACJ,mBAAiB,YAAY,KAAA,IAAY;GACzC,cAAY;GACZ,QAAQ,QAAQ,SAAS;GACzB,cAAc,KAAK,SAAS;GAE3B,UAAA,MAAM,WAAW,KAAK,qBAAqB,oBAAC,eAAD,CAAgB,CAAA,IAAI;EAC/C,CAAA;CACZ,CAAA;AAEb"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+//#region src/components/List/components/Items/Items.module.scss
+var items = "flow--list--items";
+var isLoading = "flow--list--items--is-loading";
+var tiles = "flow--list--items--tiles";
+var emptyView = "flow--list--items--empty-view";
+var Items_module_default = {
+	items,
+	isLoading,
+	tiles,
+	emptyView
+};
+//#endregion
+export { Items_module_default as default, emptyView, isLoading, items, tiles };
+
+//# sourceMappingURL=Items.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Items.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Items/Items.module.scss"],"sourcesContent":[".items {\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--list-item--corner-radius);\n  border-color: var(--list-item--border-color);\n  border-width: var(--list-item--border-width);\n  border-style: var(--list-item--border-style);\n\n  &:empty {\n    display: none;\n  }\n\n  &.isLoading {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  &[data-empty=\"true\"] {\n    border: none;\n  }\n\n  &:not(.tiles) {\n    overflow: hidden;\n  }\n\n  &.tiles {\n    display: grid;\n    border: none;\n    gap: var(--list-item--spacing);\n\n    &:has(.emptyView) {\n      display: flex;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,14 +1,19 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { ItemContainer } from '../Item/Item.mjs';
-import { useList } from '../../../../hooks/useList.mjs';
-import { ItemLoadingView } from '../Item/components/ItemLoadingView/ItemLoadingView.mjs';
-
-const FallbackItems = () => {
-  const list = useList();
-  return Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(ItemContainer, { id: i, data: i, children: /* @__PURE__ */ jsx(ItemLoadingView, {}) }, i));
+import { useList } from "../../../../hooks/useList.mjs";
+import { ItemLoadingView } from "../Item/components/ItemLoadingView/ItemLoadingView.mjs";
+import { ItemContainer } from "../Item/Item.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx
+var FallbackItems = () => {
+	const list = useList();
+	return Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(ItemContainer, {
+		id: i,
+		data: i,
+		children: /* @__PURE__ */ jsx(ItemLoadingView, {})
+	}, i));
 };
-
+//#endregion
 export { FallbackItems };
-//# sourceMappingURL=FallbackItems.mjs.map
+
+//# 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","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 { ItemLoadingView } from \"../Item/components/ItemLoadingView/ItemLoadingView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n  const list = useList();\n\n  return Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      <ItemLoadingView />\n    </ItemContainer>\n  ));\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,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,GAC1B,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EAAA,EAD0B,CAE7C,CACD,CAAA;AACH;;;;"}
+{"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 { ItemLoadingView } from \"../Item/components/ItemLoadingView/ItemLoadingView\";\n\nexport type FallbackItemsProps = unknown;\n\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n  const list = useList();\n\n  return Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      <ItemLoadingView />\n    </ItemContainer>\n  ));\n};\n"],"mappings":";;;;;;;AAOA,IAAa,sBAA8C;CACzD,MAAM,OAAO,QAAQ;CAErB,OAAO,MAAM,KAAK,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,GAAG,MACvD,oBAAC,eAAD;EAAe,IAAI;EAAG,MAAM;EAC1B,UAAA,oBAAC,iBAAD,CAAkB,CAAA;CACL,GAF8B,CAE9B,CAChB;AACH"}

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

@@ -1,57 +1,53 @@
 "use client"
 /* */
-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 { mergeRefs } from '@react-aria/utils';
-import { memo, Suspense } from 'react';
-import styles from './Item.module.scss.mjs';
-import { ItemLoadingView } from './components/ItemLoadingView/ItemLoadingView.mjs';
-
-const ItemImpl = (props) => {
-  const { id, data, triggerRef, list, isTile } = props;
-  const itemView = list.itemView;
-  const { gridItemProps, children } = useGridItemProps(props, list);
-  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;
-  const existingRef = "ref" in gridItemProps ? gridItemProps.ref : void 0;
-  const gridItemPropsWithRef = triggerRef ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) } : gridItemProps;
-  return /* @__PURE__ */ jsx(
-    ItemsGridListItemView,
-    {
-      id,
-      textValue,
-      href,
-      target: itemView.target,
-      hasAction,
-      isTile,
-      ...gridItemPropsWithRef,
-      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(ItemLoadingView, {}), children })
-    }
-  );
+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 { ItemLoadingView } from "./components/ItemLoadingView/ItemLoadingView.mjs";
+import { Suspense, memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { mergeRefs } from "@react-aria/utils";
+//#region src/components/List/components/Items/components/Item/Item.tsx
+var ItemImpl = (props) => {
+	const { id, data, triggerRef, list, isTile } = props;
+	const itemView = list.itemView;
+	const { gridItemProps, children } = useGridItemProps(props, list);
+	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;
+	const existingRef = "ref" in gridItemProps ? gridItemProps.ref : void 0;
+	const gridItemPropsWithRef = triggerRef ? {
+		...gridItemProps,
+		ref: mergeRefs(existingRef, triggerRef)
+	} : gridItemProps;
+	return /* @__PURE__ */ jsx(ItemsGridListItemView, {
+		id,
+		textValue,
+		href,
+		target: itemView.target,
+		hasAction,
+		isTile,
+		...gridItemPropsWithRef,
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(ItemLoadingView, {}),
+			children
+		})
+	});
 };
-const Item = memo(
-  ItemImpl,
-  (prev, next) => prev.id === next.id && prev.data === next.data && prev.triggerRef === next.triggerRef && prev.isTile === next.isTile
-);
+var Item = memo(ItemImpl, (prev, next) => prev.id === next.id && prev.data === next.data && prev.triggerRef === next.triggerRef && prev.isTile === next.isTile);
 Item.displayName = "Item";
-const ItemContainer = (props) => {
-  const list = useList();
-  return /* @__PURE__ */ jsx(
-    ItemsGridListItemView,
-    {
-      textValue: "-",
-      className: styles.item,
-      isTile: list.viewMode.isTiles,
-      children: props.children
-    }
-  );
+var ItemContainer = (props) => {
+	const list = useList();
+	return /* @__PURE__ */ jsx(ItemsGridListItemView, {
+		textValue: "-",
+		className: Item_module_default.item,
+		isTile: list.viewMode.isTiles,
+		children: props.children
+	});
 };
+//#endregion
+export { Item, Item as default, ItemContainer };
 
-export { Item, ItemContainer, Item as default };
-//# sourceMappingURL=Item.mjs.map
+//# 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","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 type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n  list: ListModel<never>;\n  isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n  const { id, data, triggerRef, list, isTile } = props;\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props, list);\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  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={isTile}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const Item = memo(\n  ItemImpl,\n  (prev, next) =>\n    prev.id === next.id &&\n    prev.data === next.data &&\n    prev.triggerRef === next.triggerRef &&\n    prev.isTile === next.isTile,\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n  id?: Key;\n  data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (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":";;;;;;;;;AAmBA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAiB;AACjC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAM,UAAA,EAAY,IAAA,EAAM,QAAO,GAAI,KAAA;AAE/C,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,gBAAA,CAAiB,OAAO,IAAI,CAAA;AAEhE,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,MAAM,WAAA,GAAc,KAAA,IAAS,aAAA,GAAgB,aAAA,CAAc,GAAA,GAAM,MAAA;AACjE,EAAA,MAAM,oBAAA,GAAuB,UAAA,GACzB,EAAE,GAAG,aAAA,EAAe,KAAK,SAAA,CAAU,WAAA,EAAa,UAAU,CAAA,EAAE,GAC5D,aAAA;AAEJ,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;AAAA,MACC,GAAG,oBAAA;AAAA,MAEJ,8BAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,eAAA,EAAA,EAAgB,GAAK,QAAA,EAAS;AAAA;AAAA,GACrD;AAEJ,CAAA;AAEO,MAAM,IAAA,GAAO,IAAA;AAAA,EAClB,QAAA;AAAA,EACA,CAAC,IAAA,EAAM,IAAA,KACL,IAAA,CAAK,EAAA,KAAO,KAAK,EAAA,IACjB,IAAA,CAAK,IAAA,KAAS,IAAA,CAAK,QACnB,IAAA,CAAK,UAAA,KAAe,KAAK,UAAA,IACzB,IAAA,CAAK,WAAW,IAAA,CAAK;AACzB;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAOZ,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,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;;;;"}
+{"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 type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n  list: ListModel<never>;\n  isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n  const { id, data, triggerRef, list, isTile } = props;\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props, list);\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  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={isTile}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const Item = memo(\n  ItemImpl,\n  (prev, next) =>\n    prev.id === next.id &&\n    prev.data === next.data &&\n    prev.triggerRef === next.triggerRef &&\n    prev.isTile === next.isTile,\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n  id?: Key;\n  data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (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":";;;;;;;;;;;AAmBA,IAAM,YAAY,UAAiB;CACjC,MAAM,EAAE,IAAI,MAAM,YAAY,MAAM,WAAW;CAE/C,MAAM,WAAW,KAAK;CAEtB,MAAM,EAAE,eAAe,aAAa,iBAAiB,OAAO,IAAI;CAEhE,IAAI,CAAC,UACH,OAAO;CAGT,MAAM,YAAY,SAAS,YAAY,SAAS,UAAU,IAAI,IAAI,KAAA;CAClE,MAAM,OAAO,SAAS,OAAO,SAAS,KAAK,IAAI,IAAI,KAAA;CACnD,MAAM,YAAY,CAAC,CAAC,cAAc,YAAY,CAAC,CAAC;CAEhD,MAAM,cAAc,SAAS,gBAAgB,cAAc,MAAM,KAAA;CACjE,MAAM,uBAAuB,aACzB;EAAE,GAAG;EAAe,KAAK,UAAU,aAAa,UAAU;CAAE,IAC5D;CAEJ,OACE,oBAAC,uBAAD;EACM;EACO;EACL;EACN,QAAQ,SAAS;EACN;EACH;EACR,GAAI;EAEJ,UAAA,oBAAC,UAAD;GAAU,UAAU,oBAAC,iBAAD,CAAkB,CAAA;GAAI;EAAmB,CAAA;CACxC,CAAA;AAE3B;AAEA,IAAa,OAAO,KAClB,WACC,MAAM,SACL,KAAK,OAAO,KAAK,MACjB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,WAAW,KAAK,MACzB;AACA,KAAK,cAAc;AAOnB,IAAa,iBAAyC,UAAU;CAC9D,MAAM,OAAO,QAAQ;CACrB,OACE,oBAAC,uBAAD;EACE,WAAU;EACV,WAAW,oBAAO;EAClB,QAAQ,KAAK,SAAS;EAErB,UAAA,MAAM;CACc,CAAA;AAE3B"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+//#region src/components/List/components/Items/components/Item/Item.module.scss
+var item = "flow--list--items--item";
+var isSelected = "flow--list--items--item--is-selected";
+var hasAction = "flow--list--items--item--has-action";
+var tile = "flow--list--items--item--tile";
+var Item_module_default = {
+	item,
+	isSelected,
+	hasAction,
+	tile
+};
+//#endregion
+export { Item_module_default as default, hasAction, isSelected, item, tile };
+
+//# sourceMappingURL=Item.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.module.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.item {\n  cursor: default;\n  background-color: var(--list-item--background-color--default);\n  transition-property: background-color;\n  transition-duration: var(--transition--duration--default);\n\n  @include focus.focus;\n\n  &.item {\n    outline-offset: calc(var(--size-px--xs) * -1);\n    box-shadow: none;\n  }\n\n  &:where(.isSelected) {\n    background-color: var(--list-item--background-color--pressed);\n  }\n\n  &:not(:last-child) {\n    border-bottom: var(--list-item--border-width) var(--list-item--border-style)\n      var(--list-item--border-color);\n  }\n\n  &[data-href] {\n    cursor: pointer;\n  }\n\n  &:where(.hasAction):not(\n      &:has(:global(.flow--list--items--item--view--bottom-content):hover)\n    ) {\n    &:where(:not(.isSelected)) {\n      &:hover {\n        background-color: var(--list-item--background-color--hover);\n      }\n    }\n\n    &[data-pressed] {\n      background-color: var(--list-item--background-color--pressed);\n    }\n  }\n\n  :global(.flow--avatar) {\n    transition-property: filter;\n    transition-duration: var(--transition--duration--default);\n  }\n\n  &.tile {\n    border: none;\n    border-radius: var(--list-item--corner-radius);\n\n    &.item {\n      outline-offset: var(--size-px--xxs);\n    }\n\n    &:where(.hasAction) {\n      &:not(.isSelected) {\n        &:hover {\n          :global(.flow--avatar) {\n            filter: brightness(var(--image-button--brightness--hover));\n          }\n        }\n      }\n\n      &[data-pressed] {\n        :global(.flow--avatar) {\n          filter: brightness(var(--image-button--brightness--pressed));\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}