@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"ListSummary.mjs","sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the summary is placed above or underneath the list @default: \"top\" */\n  position?: \"top\" | \"bottom\";\n}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children, position = \"top\", ref } = props;\n\n  if (position === \"bottom\") {\n    return (\n      <footer\n        ref={ref}\n        className={clsx(styles.listSummary, styles.bottom)}\n        {...props}\n      >\n        {children}\n      </footer>\n    );\n  }\n\n  return (\n    <header\n      ref={ref}\n      className={clsx(styles.listSummary, styles.top)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,QAAA,GAAW,KAAA,EAAO,KAAI,GAAI,KAAA;AAE5C,EAAA,IAAI,aAAa,QAAA,EAAU;AACzB,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,OAAO,MAAM,CAAA;AAAA,QAChD,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,OAAO,GAAG,CAAA;AAAA,MAC7C,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ListSummary.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the summary is placed above or underneath the list @default: \"top\" */\n  position?: \"top\" | \"bottom\";\n}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children, position = \"top\", ref } = props;\n\n  if (position === \"bottom\") {\n    return (\n      <footer\n        ref={ref}\n        className={clsx(styles.listSummary, styles.bottom)}\n        {...props}\n      >\n        {children}\n      </footer>\n    );\n  }\n\n  return (\n    <header\n      ref={ref}\n      className={clsx(styles.listSummary, styles.top)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"mappings":";;;;;;;;AAaA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ;CAE5C,IAAI,aAAa,UACf,OACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAK,2BAAO,aAAa,2BAAO,MAAM;EACjD,GAAI;EAEH;CACK,CAAA;CAIZ,OACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAK,2BAAO,aAAa,2BAAO,GAAG;EAC9C,GAAI;EAEH;CACK,CAAA;AAEZ,CAAC"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+//#region src/components/List/components/ListSummary/ListSummary.module.scss
+var listSummary = "flow--list--list-summary";
+var top = "flow--list--list-summary--top";
+var bottom = "flow--list--list-summary--bottom";
+var ListSummary_module_default = {
+	listSummary,
+	top,
+	bottom
+};
+//#endregion
+export { bottom, ListSummary_module_default as default, listSummary, top };
+
+//# sourceMappingURL=ListSummary.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListSummary.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.module.scss"],"sourcesContent":[".listSummary {\n  border-width: var(--list-item--border-width);\n  border-style: var(--list-item--border-style);\n  border-color: var(--list-item--border-color);\n  padding: var(--list-item--padding);\n\n  &.top {\n    border-start-start-radius: var(--list-item--corner-radius);\n    border-start-end-radius: var(--list-item--corner-radius);\n    border-bottom-width: 0;\n  }\n\n  &.bottom {\n    border-end-start-radius: var(--list-item--corner-radius);\n    border-end-end-radius: var(--list-item--corner-radius);\n    border-top-width: 0;\n    order: 1;\n  }\n}\n"],"mappings":""}

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

@@ -1,89 +1,52 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-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 '../../../Heading/Heading.mjs';
-import '../../../Text/Text.mjs';
-import 'react-aria';
-import clsx from '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';
-import styles from './Table.module.css.mjs';
-import ListEmptyViewView from '../../../../views/ListEmptyViewView.mjs';
-import TableView from '../../../../views/TableView.mjs';
-import TableHeaderView from '../../../../views/TableHeaderView.mjs';
-import TableBodyView from '../../../../views/TableBodyView.mjs';
-import TableRowView from '../../../../views/TableRowView.mjs';
-import TableCellView from '../../../../views/TableCellView.mjs';
-import TableColumnView from '../../../../views/TableColumnView.mjs';
-import { TableBodyLoadingView } from './components/TableBodyLoadingView.mjs';
-
-const Table = () => {
-  const list = useList();
-  const table = list.table;
-  const listIsEmpty = list.useIsEmpty();
-  const isLoading = list.loader.useIsLoading();
-  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
-  if (!table) {
-    return null;
-  }
-  if (listIsEmpty) {
-    return /* @__PURE__ */ jsx(ListEmptyViewView, {});
-  }
-  const rowAction = table.list.onAction;
-  const tableClassName = clsx(
-    styles.table,
-    isLoading && styles.isLoading,
-    table.componentProps.className
-  );
-  const rows = list.items.entries.map((item) => /* @__PURE__ */ jsx(
-    TableRowView,
-    {
-      className: (props) => clsx(
-        styles.row,
-        rowAction && styles.hasAction,
-        table.body.row.componentProps.className,
-        props.isSelected && styles.isSelected
-      ),
-      id: item.id,
-      onAction: rowAction ? () => rowAction(item.data) : void 0,
-      ...table.body.row.componentProps,
-      children: table.body.row?.cells.map((cell, i) => /* @__PURE__ */ jsx(TableCellView, { ...cell.componentProps, children: cell.renderFn ? cell.renderFn(item.data, list) : void 0 }, i))
-    },
-    item.id
-  ));
-  return /* @__PURE__ */ jsxs(
-    TableView,
-    {
-      ...list.componentProps,
-      ...table.componentProps,
-      className: tableClassName,
-      "aria-hidden": isInitiallyLoading,
-      "aria-busy": isLoading,
-      children: [
-        /* @__PURE__ */ jsx(TableHeaderView, { ...table.header.componentProps, children: table.header.columns.map((col, i) => /* @__PURE__ */ jsx(TableColumnView, { ...col.componentProps }, i)) }),
-        /* @__PURE__ */ jsx(TableBodyView, { ...table.body.componentProps, children: isInitiallyLoading ? /* @__PURE__ */ jsx(TableBodyLoadingView, {}) : rows })
-      ]
-    }
-  );
+import { useList } from "../../hooks/useList.mjs";
+import Table_module_default from "./Table.module.mjs";
+import TableView from "../../../../views/TableView.mjs";
+import TableHeaderView from "../../../../views/TableHeaderView.mjs";
+import TableBodyView from "../../../../views/TableBodyView.mjs";
+import TableRowView from "../../../../views/TableRowView.mjs";
+import TableCellView from "../../../../views/TableCellView.mjs";
+import TableColumnView from "../../../../views/TableColumnView.mjs";
+import { TableBodyLoadingView } from "./components/TableBodyLoadingView.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/List/components/Table/Table.tsx
+var Table = () => {
+	const list = useList();
+	const table = list.table;
+	const listIsEmpty = list.useIsEmpty();
+	const isLoading = list.loader.useIsLoading();
+	const isInitiallyLoading = list.loader.useIsInitiallyLoading();
+	if (!table || listIsEmpty) return null;
+	const rowAction = table.list.onAction;
+	const tableClassName = clsx(Table_module_default.table, isLoading && Table_module_default.isLoading, table.componentProps.className);
+	const rows = list.items.entries.map((item) => /* @__PURE__ */ jsx(TableRowView, {
+		className: (props) => clsx(Table_module_default.row, rowAction && Table_module_default.hasAction, table.body.row.componentProps.className, props.isSelected && Table_module_default.isSelected),
+		id: item.id,
+		onAction: rowAction ? () => rowAction(item.data) : void 0,
+		...table.body.row.componentProps,
+		children: table.body.row?.cells.map((cell, i) => /* @__PURE__ */ jsx(TableCellView, {
+			...cell.componentProps,
+			children: cell.renderFn ? cell.renderFn(item.data, list) : void 0
+		}, i))
+	}, item.id));
+	return /* @__PURE__ */ jsxs(TableView, {
+		...list.componentProps,
+		...table.componentProps,
+		className: tableClassName,
+		"aria-hidden": isInitiallyLoading,
+		"aria-busy": isLoading,
+		children: [/* @__PURE__ */ jsx(TableHeaderView, {
+			...table.header.componentProps,
+			children: table.header.columns.map((col, i) => /* @__PURE__ */ jsx(TableColumnView, { ...col.componentProps }, i))
+		}), /* @__PURE__ */ jsx(TableBodyView, {
+			...table.body.componentProps,
+			children: isInitiallyLoading ? /* @__PURE__ */ jsx(TableBodyLoadingView, {}) : rows
+		})]
+	});
 };
-
+//#endregion
 export { Table };
-//# sourceMappingURL=Table.mjs.map
+
+//# sourceMappingURL=Table.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","sources":["../../../../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List\";\nimport styles from \"./Table.module.css\";\nimport clsx from \"clsx\";\nimport ListEmptyViewView from \"@/views/ListEmptyViewView\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport { TableBodyLoadingView } from \"@/components/List/components/Table/components/TableBodyLoadingView\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!table) {\n    return null;\n  }\n\n  if (listIsEmpty) {\n    return <ListEmptyViewView />;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  const rows = list.items.entries.map((item) => (\n    <TableRowView\n      className={(props) =>\n        clsx(\n          styles.row,\n          rowAction && styles.hasAction,\n          table.body.row.componentProps.className,\n          props.isSelected && styles.isSelected,\n        )\n      }\n      key={item.id}\n      id={item.id}\n      onAction={rowAction ? () => rowAction(item.data) : undefined}\n      {...table.body.row.componentProps}\n    >\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  ));\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n      aria-hidden={isInitiallyLoading}\n      aria-busy={isLoading}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {isInitiallyLoading ? <TableBodyLoadingView /> : rows}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,WAAA,GAAc,KAAK,UAAA,EAAW;AAEpC,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,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,2BAAQ,iBAAA,EAAA,EAAkB,CAAA;AAAA,EAC5B;AAEA,EAAA,MAAM,SAAA,GAAY,MAAM,IAAA,CAAK,QAAA;AAE7B,EAAA,MAAM,cAAA,GAAiB,IAAA;AAAA,IACrB,MAAA,CAAO,KAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB,MAAM,cAAA,CAAe;AAAA,GACvB;AAEA,EAAA,MAAM,OAAO,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACnC,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAC,KAAA,KACV,IAAA;AAAA,QACE,MAAA,CAAO,GAAA;AAAA,QACP,aAAa,MAAA,CAAO,SAAA;AAAA,QACpB,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,cAAA,CAAe,SAAA;AAAA,QAC9B,KAAA,CAAM,cAAc,MAAA,CAAO;AAAA,OAC7B;AAAA,MAGF,IAAI,IAAA,CAAK,EAAA;AAAA,MACT,UAAU,SAAA,GAAY,MAAM,SAAA,CAAU,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AAAA,MAClD,GAAG,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,cAAA;AAAA,MAElB,QAAA,EAAA,KAAA,CAAM,KAAK,GAAA,EAAK,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,CAAA,qBAChC,GAAA,CAAC,aAAA,EAAA,EAAuB,GAAG,KAAK,cAAA,EAC7B,QAAA,EAAA,IAAA,CAAK,QAAA,GAAW,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,MAAM,IAAI,CAAA,GAAI,MAAA,EAAA,EADhC,CAEpB,CACD;AAAA,KAAA;AAAA,IATI,IAAA,CAAK;AAAA,GAWb,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA,CAAK,cAAA;AAAA,MACR,GAAG,KAAA,CAAM,cAAA;AAAA,MACV,SAAA,EAAW,cAAA;AAAA,MACX,aAAA,EAAa,kBAAA;AAAA,MACb,WAAA,EAAW,SAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,mBAAiB,GAAG,KAAA,CAAM,OAAO,cAAA,EAC/B,QAAA,EAAA,KAAA,CAAM,OAAO,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,EAAK,CAAA,yBAC7B,eAAA,EAAA,EAAyB,GAAG,IAAI,cAAA,EAAA,EAAX,CAA2B,CAClD,CAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,CAAM,IAAA,CAAK,gBAC3B,QAAA,EAAA,kBAAA,mBAAqB,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA,GAAK,IAAA,EACnD;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Table.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List\";\nimport styles from \"./Table.module.scss\";\nimport clsx from \"clsx\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport { TableBodyLoadingView } from \"@/components/List/components/Table/components/TableBodyLoadingView\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!table || listIsEmpty) {\n    return null;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  const rows = list.items.entries.map((item) => (\n    <TableRowView\n      className={(props) =>\n        clsx(\n          styles.row,\n          rowAction && styles.hasAction,\n          table.body.row.componentProps.className,\n          props.isSelected && styles.isSelected,\n        )\n      }\n      key={item.id}\n      id={item.id}\n      onAction={rowAction ? () => rowAction(item.data) : undefined}\n      {...table.body.row.componentProps}\n    >\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  ));\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n      aria-hidden={isInitiallyLoading}\n      aria-busy={isLoading}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {isInitiallyLoading ? <TableBodyLoadingView /> : rows}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAYA,IAAa,cAAkB;CAC7B,MAAM,OAAO,QAAQ;CACrB,MAAM,QAAQ,KAAK;CACnB,MAAM,cAAc,KAAK,WAAW;CAEpC,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAE7D,IAAI,CAAC,SAAS,aACZ,OAAO;CAGT,MAAM,YAAY,MAAM,KAAK;CAE7B,MAAM,iBAAiB,KACrB,qBAAO,OACP,aAAa,qBAAO,WACpB,MAAM,eAAe,SACvB;CAEA,MAAM,OAAO,KAAK,MAAM,QAAQ,KAAK,SACnC,oBAAC,cAAD;EACE,YAAY,UACV,KACE,qBAAO,KACP,aAAa,qBAAO,WACpB,MAAM,KAAK,IAAI,eAAe,WAC9B,MAAM,cAAc,qBAAO,UAC7B;EAGF,IAAI,KAAK;EACT,UAAU,kBAAkB,UAAU,KAAK,IAAI,IAAI,KAAA;EACnD,GAAI,MAAM,KAAK,IAAI;EAElB,UAAA,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM,MAChC,oBAAC,eAAD;GAAuB,GAAI,KAAK;GAC7B,UAAA,KAAK,WAAW,KAAK,SAAS,KAAK,MAAM,IAAI,IAAI,KAAA;EACrC,GAFK,CAEL,CAChB;CACW,GAVP,KAAK,EAUE,CACf;CAED,OACE,qBAAC,WAAD;EACE,GAAI,KAAK;EACT,GAAI,MAAM;EACV,WAAW;EACX,eAAa;EACb,aAAW;EALb,UAAA,CAOE,oBAAC,iBAAD;GAAiB,GAAI,MAAM,OAAO;GAC/B,UAAA,MAAM,OAAO,QAAQ,KAAK,KAAK,MAC9B,oBAAC,iBAAD,EAAyB,GAAI,IAAI,eAAiB,GAA5B,CAA4B,CACnD;EACc,CAAA,GACjB,oBAAC,eAAD;GAAe,GAAI,MAAM,KAAK;GAC3B,UAAA,qBAAqB,oBAAC,sBAAD,CAAuB,CAAA,IAAI;EACpC,CAAA,CACN;;AAEf"}

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+//#region src/components/List/components/Table/Table.module.scss
+var table = "flow--list--table";
+var isLoading = "flow--list--table--is-loading";
+var row = "flow--list--table--row";
+var isSelected = "flow--list--table--is-selected";
+var hasAction = "flow--list--table--has-action";
+var Table_module_default = {
+	table,
+	isLoading,
+	row,
+	isSelected,
+	hasAction
+};
+//#endregion
+export { Table_module_default as default, hasAction, isLoading, isSelected, row, table };
+
+//# sourceMappingURL=Table.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Table/Table.module.scss"],"sourcesContent":[".table {\n  border-collapse: initial;\n\n  &.isLoading {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n}\n\n.row {\n  transition-property: background-color;\n  transition-duration: var(--transition--duration--default);\n\n  &.isSelected {\n    background-color: var(--list-item--background-color--pressed);\n  }\n\n  &.hasAction {\n    cursor: default;\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"],"mappings":""}

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

@@ -1,13 +1,14 @@
 "use client"
 /* */
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { TableRowSkeletonView } from './TableRowSkeletonView.mjs';
-import { useList } from '../../../hooks/useList.mjs';
-
-const TableBodyLoadingView = () => {
-  const list = useList();
-  return /* @__PURE__ */ jsx(Fragment, { children: Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(TableRowSkeletonView, {}, i)) });
+import { useList } from "../../../hooks/useList.mjs";
+import { TableRowSkeletonView } from "./TableRowSkeletonView.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/components/List/components/Table/components/TableBodyLoadingView.tsx
+var TableBodyLoadingView = () => {
+	const list = useList();
+	return /* @__PURE__ */ jsx(Fragment, { children: Array.from(Array(list.loadingItemsCount)).map((_, i) => /* @__PURE__ */ jsx(TableRowSkeletonView, {}, i)) });
 };
-
+//#endregion
 export { TableBodyLoadingView };
-//# sourceMappingURL=TableBodyLoadingView.mjs.map
+
+//# sourceMappingURL=TableBodyLoadingView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBodyLoadingView.mjs","sources":["../../../../../../../../../../src/components/List/components/Table/components/TableBodyLoadingView.tsx"],"sourcesContent":["import { TableRowSkeletonView } from \"@/components/List/components/Table/components/TableRowSkeletonView\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\n\nexport const TableBodyLoadingView: FC = () => {\n  const list = useList();\n\n  return (\n    <>\n      {Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n        <TableRowSkeletonView key={i} />\n      ))}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,uBAA2B,MAAM;AAC5C,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,uCAEK,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,iBAAiB,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,GAAG,CAAA,qBACjD,GAAA,CAAC,oBAAA,EAAA,EAAA,EAA0B,CAAG,CAC/B,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableBodyLoadingView.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Table/components/TableBodyLoadingView.tsx"],"sourcesContent":["import { TableRowSkeletonView } from \"@/components/List/components/Table/components/TableRowSkeletonView\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\n\nexport const TableBodyLoadingView: FC = () => {\n  const list = useList();\n\n  return (\n    <>\n      {Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n        <TableRowSkeletonView key={i} />\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAIA,IAAa,6BAAiC;CAC5C,MAAM,OAAO,QAAQ;CAErB,OACE,oBAAA,UAAA,EAAA,UACG,MAAM,KAAK,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,GAAG,MACjD,oBAAC,sBAAD,CAA+B,GAAJ,CAAI,CAChC,EACD,CAAA;AAEN"}

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

@@ -1,24 +1,28 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { useList } from '../../../hooks/useList.mjs';
-import TableRowView from '../../../../../views/TableRowView.mjs';
-import clsx from 'clsx';
-import styles from '../Table.module.css.mjs';
-import invariant from 'invariant';
-import TableCellView from '../../../../../views/TableCellView.mjs';
-import SkeletonTextView from '../../../../../views/SkeletonTextView.mjs';
-
-const TableRowSkeletonView = () => {
-  const list = useList();
-  const table = list.table;
-  invariant(
-    !!table,
-    "TableRowSkeletonView must be used within a Table component"
-  );
-  const className = clsx(styles.row, table.body.row.componentProps.className);
-  return /* @__PURE__ */ jsx(TableRowView, { ...table.body.row.componentProps, className, children: table.body.row?.cells.map((cell, i) => /* @__PURE__ */ jsx(TableCellView, { ...cell.componentProps, children: cell.loadingView ?? /* @__PURE__ */ jsx(SkeletonTextView, { width: "10em" }) }, i)) });
+import SkeletonTextView from "../../../../../views/SkeletonTextView.mjs";
+import { useList } from "../../../hooks/useList.mjs";
+import Table_module_default from "../Table.module.mjs";
+import TableRowView from "../../../../../views/TableRowView.mjs";
+import TableCellView from "../../../../../views/TableCellView.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import invariant from "invariant";
+//#region src/components/List/components/Table/components/TableRowSkeletonView.tsx
+var TableRowSkeletonView = () => {
+	const table = useList().table;
+	invariant(!!table, "TableRowSkeletonView must be used within a Table component");
+	const className = clsx(Table_module_default.row, table.body.row.componentProps.className);
+	return /* @__PURE__ */ jsx(TableRowView, {
+		...table.body.row.componentProps,
+		className,
+		children: table.body.row?.cells.map((cell, i) => /* @__PURE__ */ jsx(TableCellView, {
+			...cell.componentProps,
+			children: cell.loadingView ?? /* @__PURE__ */ jsx(SkeletonTextView, { width: "10em" })
+		}, i))
+	});
 };
-
+//#endregion
 export { TableRowSkeletonView };
-//# sourceMappingURL=TableRowSkeletonView.mjs.map
+
+//# sourceMappingURL=TableRowSkeletonView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowSkeletonView.mjs","sources":["../../../../../../../../../../src/components/List/components/Table/components/TableRowSkeletonView.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport TableRowView from \"@/views/TableRowView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"../Table.module.css\";\nimport invariant from \"invariant\";\nimport TableCellView from \"@/views/TableCellView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\n\nexport const TableRowSkeletonView: FC = () => {\n  const list = useList();\n  const table = list.table;\n\n  invariant(\n    !!table,\n    \"TableRowSkeletonView must be used within a Table component\",\n  );\n\n  const className = clsx(styles.row, table.body.row.componentProps.className);\n\n  return (\n    <TableRowView {...table.body.row.componentProps} className={className}>\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.loadingView ?? <SkeletonTextView width=\"10em\" />}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,uBAA2B,MAAM;AAC5C,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AAEnB,EAAA,SAAA;AAAA,IACE,CAAC,CAAC,KAAA;AAAA,IACF;AAAA,GACF;AAEA,EAAA,MAAM,SAAA,GAAY,KAAK,MAAA,CAAO,GAAA,EAAK,MAAM,IAAA,CAAK,GAAA,CAAI,eAAe,SAAS,CAAA;AAE1E,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,cAAA,EAAgB,SAAA,EAC9C,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,GAAA,EAAK,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,CAAA,qBAChC,GAAA,CAAC,aAAA,EAAA,EAAuB,GAAG,IAAA,CAAK,cAAA,EAC7B,QAAA,EAAA,IAAA,CAAK,WAAA,oBAAe,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,MAAA,EAAO,CAAA,EAAA,EADlC,CAEpB,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableRowSkeletonView.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Table/components/TableRowSkeletonView.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport TableRowView from \"@/views/TableRowView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"../Table.module.scss\";\nimport invariant from \"invariant\";\nimport TableCellView from \"@/views/TableCellView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\n\nexport const TableRowSkeletonView: FC = () => {\n  const list = useList();\n  const table = list.table;\n\n  invariant(\n    !!table,\n    \"TableRowSkeletonView must be used within a Table component\",\n  );\n\n  const className = clsx(styles.row, table.body.row.componentProps.className);\n\n  return (\n    <TableRowView {...table.body.row.componentProps} className={className}>\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.loadingView ?? <SkeletonTextView width=\"10em\" />}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,IAAa,6BAAiC;CAE5C,MAAM,QADO,QACC,CAAA,CAAK;CAEnB,UACE,CAAC,CAAC,OACF,4DACF;CAEA,MAAM,YAAY,KAAK,qBAAO,KAAK,MAAM,KAAK,IAAI,eAAe,SAAS;CAE1E,OACE,oBAAC,cAAD;EAAc,GAAI,MAAM,KAAK,IAAI;EAA2B;EACzD,UAAA,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM,MAChC,oBAAC,eAAD;GAAuB,GAAI,KAAK;GAC7B,UAAA,KAAK,eAAe,oBAAC,kBAAD,EAAkB,OAAM,OAAQ,CAAA;EACxC,GAFK,CAEL,CAChB;CACW,CAAA;AAElB"}

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

@@ -1,35 +1,37 @@
 "use client"
 /* */
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
-import { announce } from '@react-aria/live-announcer';
-import { useDebounceCallback } from 'usehooks-ts';
-import { useEffect } from 'react';
-import { useList } from './useList.mjs';
-
-const announceDebounceMs = 600;
-const useAriaAnnounceSearchState = () => {
-  const formatter = useLocalizedStringFormatter(locales);
-  const list = useList();
-  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);
-  const searchTerm = list.search?.value;
-  const resultCount = list.batches.getTotalItemsCount();
-  const isLoading = list.loader.loaderState.useIsLoading();
-  useEffect(() => {
-    if (isLoading || !searchTerm) {
-      debouncedAnnounce.cancel();
-      return;
-    }
-    const text = formatter.format(
-      resultCount > 0 ? "list.search.announce.result" : "list.search.announce.noResult",
-      {
-        resultCount,
-        searchTerm
-      }
-    );
-    debouncedAnnounce(text, "polite");
-  }, [searchTerm, resultCount, isLoading]);
+import { useLocalizedStringFormatter } from "../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import __locale_default from "../../../../../../_virtual/_16.locale.mjs";
+import { useList } from "./useList.mjs";
+import { useEffect } from "react";
+import { announce } from "@react-aria/live-announcer";
+import { useDebounceCallback } from "usehooks-ts";
+//#region src/components/List/hooks/useAriaAnnounceSearchState.ts
+var announceDebounceMs = 600;
+var useAriaAnnounceSearchState = () => {
+	const formatter = useLocalizedStringFormatter(__locale_default, "List");
+	const list = useList();
+	const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);
+	const searchTerm = list.search?.value;
+	const resultCount = list.batches.getTotalItemsCount();
+	const isLoading = list.loader.loaderState.useIsLoading();
+	useEffect(() => {
+		if (isLoading || !searchTerm) {
+			debouncedAnnounce.cancel();
+			return;
+		}
+		const text = formatter.format(resultCount > 0 ? "search.announce.result" : "search.announce.noResult", {
+			resultCount,
+			searchTerm
+		});
+		debouncedAnnounce(text, "polite");
+	}, [
+		searchTerm,
+		resultCount,
+		isLoading
+	]);
 };
-
+//#endregion
 export { useAriaAnnounceSearchState };
-//# sourceMappingURL=useAriaAnnounceSearchState.mjs.map
+
+//# sourceMappingURL=useAriaAnnounceSearchState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAriaAnnounceSearchState.mjs","sources":["../../../../../../../../src/components/List/hooks/useAriaAnnounceSearchState.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useEffect } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst announceDebounceMs = 600;\n\nexport const useAriaAnnounceSearchState = (): void => {\n  const formatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);\n\n  const searchTerm = list.search?.value;\n  const resultCount = list.batches.getTotalItemsCount();\n  const isLoading = list.loader.loaderState.useIsLoading();\n\n  useEffect(() => {\n    if (isLoading || !searchTerm) {\n      debouncedAnnounce.cancel();\n      return;\n    }\n\n    const text = formatter.format(\n      resultCount > 0\n        ? \"list.search.announce.result\"\n        : \"list.search.announce.noResult\",\n      {\n        resultCount,\n        searchTerm,\n      },\n    );\n\n    debouncedAnnounce(text, \"polite\");\n  }, [searchTerm, resultCount, isLoading]);\n};\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,kBAAA,GAAqB,GAAA;AAEpB,MAAM,6BAA6B,MAAY;AACpD,EAAA,MAAM,SAAA,GAAY,4BAA4B,OAAO,CAAA;AACrD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,iBAAA,GAAoB,mBAAA,CAAoB,QAAA,EAAU,kBAAkB,CAAA;AAE1E,EAAA,MAAM,UAAA,GAAa,KAAK,MAAA,EAAQ,KAAA;AAChC,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,OAAA,CAAQ,kBAAA,EAAmB;AACpD,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,WAAA,CAAY,YAAA,EAAa;AAEvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,IAAa,CAAC,UAAA,EAAY;AAC5B,MAAA,iBAAA,CAAkB,MAAA,EAAO;AACzB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAO,SAAA,CAAU,MAAA;AAAA,MACrB,WAAA,GAAc,IACV,6BAAA,GACA,+BAAA;AAAA,MACJ;AAAA,QACE,WAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,iBAAA,CAAkB,MAAM,QAAQ,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,UAAA,EAAY,WAAA,EAAa,SAAS,CAAC,CAAA;AACzC;;;;"}
+{"version":3,"file":"useAriaAnnounceSearchState.mjs","names":[],"sources":["../../../../../../../../src/components/List/hooks/useAriaAnnounceSearchState.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useEffect } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst announceDebounceMs = 600;\n\nexport const useAriaAnnounceSearchState = (): void => {\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);\n\n  const searchTerm = list.search?.value;\n  const resultCount = list.batches.getTotalItemsCount();\n  const isLoading = list.loader.loaderState.useIsLoading();\n\n  useEffect(() => {\n    if (isLoading || !searchTerm) {\n      debouncedAnnounce.cancel();\n      return;\n    }\n\n    const text = formatter.format(\n      resultCount > 0 ? \"search.announce.result\" : \"search.announce.noResult\",\n      {\n        resultCount,\n        searchTerm,\n      },\n    );\n\n    debouncedAnnounce(text, \"polite\");\n  }, [searchTerm, resultCount, isLoading]);\n};\n"],"mappings":";;;;;;;;;AAOA,IAAM,qBAAqB;AAE3B,IAAa,mCAAyC;CACpD,MAAM,YAAY,4BAA4B,kBAAS,MAAM;CAC7D,MAAM,OAAO,QAAQ;CACrB,MAAM,oBAAoB,oBAAoB,UAAU,kBAAkB;CAE1E,MAAM,aAAa,KAAK,QAAQ;CAChC,MAAM,cAAc,KAAK,QAAQ,mBAAmB;CACpD,MAAM,YAAY,KAAK,OAAO,YAAY,aAAa;CAEvD,gBAAgB;EACd,IAAI,aAAa,CAAC,YAAY;GAC5B,kBAAkB,OAAO;GACzB;EACF;EAEA,MAAM,OAAO,UAAU,OACrB,cAAc,IAAI,2BAA2B,4BAC7C;GACE;GACA;EACF,CACF;EAEA,kBAAkB,MAAM,QAAQ;CAClC,GAAG;EAAC;EAAY;EAAa;CAAS,CAAC;AACzC"}

package/dist/js/packages/components/src/components/List/hooks/useList.mjs

@@ -1,9 +1,10 @@
 "use client"
 /* */
-import { useContext } from 'react';
-import { listContext } from '../listContext.mjs';
-
-const useList = () => useContext(listContext).list;
-
+import { listContext } from "../listContext.mjs";
+import { useContext } from "react";
+//#region src/components/List/hooks/useList.ts
+var useList = () => useContext(listContext).list;
+//#endregion
 export { useList };
-//# sourceMappingURL=useList.mjs.map
+
+//# sourceMappingURL=useList.mjs.map

package/dist/js/packages/components/src/components/List/hooks/useList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useList.mjs","sources":["../../../../../../../../src/components/List/hooks/useList.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { listContext } from \"@/components/List/listContext\";\nimport type List from \"@/components/List/model/List\";\n\nexport const useList = <T = never>() =>\n  useContext(listContext).list as unknown as List<T>;\n"],"names":[],"mappings":";;;AAIO,MAAM,OAAA,GAAU,MACrB,UAAA,CAAW,WAAW,CAAA,CAAE;;;;"}
+{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../../../../../src/components/List/hooks/useList.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { listContext } from \"@/components/List/listContext\";\nimport type List from \"@/components/List/model/List\";\n\nexport const useList = <T = never>() =>\n  useContext(listContext).list as unknown as List<T>;\n"],"mappings":";;;;;AAIA,IAAa,gBACX,WAAW,WAAW,CAAC,CAAC"}

package/dist/js/packages/components/src/components/List/hooks/useListMetadata.mjs

@@ -1,16 +1,14 @@
 "use client"
 /* */
-import { useContext } from 'react';
-import { listContext } from '../listContext.mjs';
-import useSelector from '../../../lib/mobx/useSelector.mjs';
-
+import useSelector from "../../../lib/mobx/useSelector.mjs";
+import { listContext } from "../listContext.mjs";
+import { useContext } from "react";
+//#region src/components/List/hooks/useListMetadata.ts
 function useListMetadata() {
-  const { list } = useContext(listContext);
-  return useSelector(
-    () => list?.loader?.loaderState?.metadata,
-    [list]
-  );
+	const { list } = useContext(listContext);
+	return useSelector(() => list?.loader?.loaderState?.metadata, [list]);
 }
-
+//#endregion
 export { useListMetadata };
-//# sourceMappingURL=useListMetadata.mjs.map
+
+//# sourceMappingURL=useListMetadata.mjs.map

package/dist/js/packages/components/src/components/List/hooks/useListMetadata.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useListMetadata.mjs","sources":["../../../../../../../../src/components/List/hooks/useListMetadata.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { listContext } from \"../listContext\";\nimport useSelector from \"@/lib/mobx/useSelector\";\n\nexport function useListMetadata<T = unknown>(): T | undefined {\n  const { list } = useContext(listContext);\n  return useSelector(\n    () => list?.loader?.loaderState?.metadata as T | undefined,\n    [list],\n  );\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,eAAA,GAA8C;AAC5D,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,UAAA,CAAW,WAAW,CAAA;AACvC,EAAA,OAAO,WAAA;AAAA,IACL,MAAM,IAAA,EAAM,MAAA,EAAQ,WAAA,EAAa,QAAA;AAAA,IACjC,CAAC,IAAI;AAAA,GACP;AACF;;;;"}
+{"version":3,"file":"useListMetadata.mjs","names":[],"sources":["../../../../../../../../src/components/List/hooks/useListMetadata.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { listContext } from \"../listContext\";\nimport useSelector from \"@/lib/mobx/useSelector\";\n\nexport function useListMetadata<T = unknown>(): T | undefined {\n  const { list } = useContext(listContext);\n  return useSelector(\n    () => list?.loader?.loaderState?.metadata as T | undefined,\n    [list],\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,kBAA8C;CAC5D,MAAM,EAAE,SAAS,WAAW,WAAW;CACvC,OAAO,kBACC,MAAM,QAAQ,aAAa,UACjC,CAAC,IAAI,CACP;AACF"}

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

@@ -1,8 +1,9 @@
 "use client"
 /* */
-import { createContext } from 'react';
-
-const listContext = createContext({});
-
+import { createContext } from "react";
+//#region src/components/List/listContext.ts
+var listContext = createContext({});
+//#endregion
 export { listContext };
-//# sourceMappingURL=listContext.mjs.map
+
+//# sourceMappingURL=listContext.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"listContext.mjs","sources":["../../../../../../../src/components/List/listContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type List from \"@/components/List/model/List\";\n\ninterface ListContext {\n  list: List<never>;\n}\n\nexport const listContext = createContext<ListContext>({} as ListContext);\n"],"names":[],"mappings":";;AAOO,MAAM,WAAA,GAAc,aAAA,CAA2B,EAAiB;;;;"}
+{"version":3,"file":"listContext.mjs","names":[],"sources":["../../../../../../../src/components/List/listContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type List from \"@/components/List/model/List\";\n\ninterface ListContext {\n  list: List<never>;\n}\n\nexport const listContext = createContext<ListContext>({} as ListContext);\n"],"mappings":";;;;AAOA,IAAa,cAAc,cAA2B,CAAC,CAAgB"}