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

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

@@ -1,58 +1,84 @@
 "use client"
 /* */
-import PropsContextProvider from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
-import dynamic from "../../../../lib/propsContext/dynamicProps/dynamic.mjs";
-import "../../../../lib/propsContext/index.mjs";
-import OptionsButton from "../Items/components/Item/components/OptionsButton/OptionsButton.mjs";
-import "../Items/components/Item/components/OptionsButton/index.mjs";
-import ListItemView_module_default from "./ListItemView.module.mjs";
-import ListItemViewContentView from "../../../../views/ListItemViewContentView.mjs";
-import { useList } from "../../hooks/useList.mjs";
-import "../../index.mjs";
-import { TunnelExit, TunnelProvider } from "@mittwald/react-tunnel";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/ListItemView/ListItemView.tsx
-var ListItemView = (props) => {
-	const { children, s, m, l } = props;
-	const list = useList();
-	const propsContext = {
-		ContextMenu: {
-			tunnelId: "button",
-			placement: "bottom right",
-			wrapWith: /* @__PURE__ */ jsx(OptionsButton, { className: ListItemView_module_default.action })
-		},
-		Button: {
-			tunnelId: "button",
-			size: dynamic(() => useList().viewMode.isTiles ? "s" : "m")
-		},
-		ActionGroup: {
-			tunnelId: "button",
-			Button: { tunnelId: null }
-		},
-		Avatar: { tunnelId: "avatar" },
-		Heading: { tunnelId: "title" },
-		Text: { tunnelId: "text" },
-		Content: { tunnelId: dynamic((p) => p.slot === "bottom" ? "bottom" : void 0) },
-		Checkbox: { tunnelId: "checkbox" }
-	};
-	return /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(ListItemViewContentView, {
-		viewMode: list.viewMode.value,
-		title: /* @__PURE__ */ jsx(TunnelExit, { id: "title" }),
-		avatar: /* @__PURE__ */ jsx(TunnelExit, { id: "avatar" }),
-		button: /* @__PURE__ */ jsx(TunnelExit, { id: "button" }),
-		subTitle: /* @__PURE__ */ jsx(TunnelExit, { id: "text" }),
-		bottom: /* @__PURE__ */ jsx(TunnelExit, { id: "bottom" }),
-		checkbox: /* @__PURE__ */ jsx(TunnelExit, { id: "checkbox" }),
-		s,
-		m,
-		l,
-		children: /* @__PURE__ */ jsx(PropsContextProvider, {
-			props: propsContext,
-			children
-		})
-	}) });
+import { jsx } from 'react/jsx-runtime';
+import styles from './ListItemView.module.scss.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import ListItemViewContentView from '../../../../views/ListItemViewContentView.mjs';
+import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import { OptionsButton } from '../Items/components/Item/components/OptionsButton/OptionsButton.mjs';
+import 'invariant';
+import 'react-aria-components';
+import 'react';
+import '../../../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 '../../../ColumnLayout/ColumnLayout.mjs';
+import '../ListSummary/ListSummary.mjs';
+import { useList } from '../../hooks/useList.mjs';
+import '../../listContext.mjs';
+import 'mobx';
+import '../../List.mjs';
+
+const ListItemView = (props) => {
+  const { children, s, m, l } = props;
+  const list = useList();
+  const propsContext = {
+    ContextMenu: {
+      tunnelId: "button",
+      placement: "bottom right",
+      wrapWith: /* @__PURE__ */ jsx(OptionsButton, { className: styles.action })
+    },
+    Button: {
+      tunnelId: "button",
+      size: dynamic(() => useList().viewMode.isTiles ? "s" : "m")
+    },
+    ActionGroup: {
+      tunnelId: "button",
+      Button: {
+        tunnelId: null
+      }
+    },
+    Avatar: {
+      tunnelId: "avatar"
+    },
+    Heading: {
+      tunnelId: "title"
+    },
+    Text: {
+      tunnelId: "text"
+    },
+    Content: {
+      tunnelId: dynamic((p) => p.slot === "bottom" ? "bottom" : void 0)
+    },
+    Checkbox: {
+      tunnelId: "checkbox"
+    }
+  };
+  return /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
+    ListItemViewContentView,
+    {
+      viewMode: list.viewMode.value,
+      title: /* @__PURE__ */ jsx(TunnelExit, { id: "title" }),
+      avatar: /* @__PURE__ */ jsx(TunnelExit, { id: "avatar" }),
+      button: /* @__PURE__ */ jsx(TunnelExit, { id: "button" }),
+      subTitle: /* @__PURE__ */ jsx(TunnelExit, { id: "text" }),
+      bottom: /* @__PURE__ */ jsx(TunnelExit, { id: "bottom" }),
+      checkbox: /* @__PURE__ */ jsx(TunnelExit, { id: "checkbox" }),
+      s,
+      m,
+      l,
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
+    }
+  ) });
 };
-//#endregion
-export { ListItemView as default };
 
-//# sourceMappingURL=ListItemView.mjs.map
+export { ListItemView };
+//# sourceMappingURL=ListItemView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\n\nexport type ListItemViewProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">;\n\nexport const ListItemView = (props: ListItemViewProps) => {\n  const { children, s, m, l } = props;\n  const list = useList();\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      tunnelId: \"button\",\n      placement: \"bottom right\",\n      wrapWith: <OptionsButton className={styles.action} />,\n    },\n    Button: {\n      tunnelId: \"button\",\n      size: dynamic(() => (useList().viewMode.isTiles ? \"s\" : \"m\")),\n    },\n    ActionGroup: {\n      tunnelId: \"button\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Avatar: {\n      tunnelId: \"avatar\",\n    },\n    Heading: {\n      tunnelId: \"title\",\n    },\n    Text: {\n      tunnelId: \"text\",\n    },\n    Content: {\n      tunnelId: dynamic((p) => (p.slot === \"bottom\" ? \"bottom\" : undefined)),\n    },\n    Checkbox: {\n      tunnelId: \"checkbox\",\n    },\n  };\n\n  return (\n    <TunnelProvider>\n      <ListItemViewContentView\n        viewMode={list.viewMode.value}\n        title={<TunnelExit id=\"title\" />}\n        avatar={<TunnelExit id=\"avatar\" />}\n        button={<TunnelExit id=\"button\" />}\n        subTitle={<TunnelExit id=\"text\" />}\n        bottom={<TunnelExit id=\"bottom\" />}\n        checkbox={<TunnelExit id=\"checkbox\" />}\n        s={s}\n        m={m}\n        l={l}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ListItemViewContentView>\n    </TunnelProvider>\n  );\n};\n\nexport default ListItemView;\n"],"mappings":";;;;;;;;;;;;AAgBA,IAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,UAAU,GAAG,GAAG,MAAM;CAC9B,MAAM,OAAO,SAAS;CAEtB,MAAM,eAA6B;EACjC,aAAa;GACX,UAAU;GACV,WAAW;GACX,UAAU,oBAAC,eAAD,EAAe,WAAW,4BAAO,QAAU,CAAA;GACtD;EACD,QAAQ;GACN,UAAU;GACV,MAAM,cAAe,SAAS,CAAC,SAAS,UAAU,MAAM,IAAK;GAC9D;EACD,aAAa;GACX,UAAU;GACV,QAAQ,EACN,UAAU,MACX;GACF;EACD,QAAQ,EACN,UAAU,UACX;EACD,SAAS,EACP,UAAU,SACX;EACD,MAAM,EACJ,UAAU,QACX;EACD,SAAS,EACP,UAAU,SAAS,MAAO,EAAE,SAAS,WAAW,WAAW,KAAA,EAAW,EACvE;EACD,UAAU,EACR,UAAU,YACX;EACF;AAED,QACE,oBAAC,gBAAD,EAAA,UACE,oBAAC,yBAAD;EACE,UAAU,KAAK,SAAS;EACxB,OAAO,oBAAC,YAAD,EAAY,IAAG,SAAU,CAAA;EAChC,QAAQ,oBAAC,YAAD,EAAY,IAAG,UAAW,CAAA;EAClC,QAAQ,oBAAC,YAAD,EAAY,IAAG,UAAW,CAAA;EAClC,UAAU,oBAAC,YAAD,EAAY,IAAG,QAAS,CAAA;EAClC,QAAQ,oBAAC,YAAD,EAAY,IAAG,UAAW,CAAA;EAClC,UAAU,oBAAC,YAAD,EAAY,IAAG,YAAa,CAAA;EACnC;EACA;EACA;YAEH,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;GACoB,CAAA;EACC,CAAA,EACX,CAAA"}
+{"version":3,"file":"ListItemView.mjs","sources":["../../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\n\nexport type ListItemViewProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">;\n\nexport const ListItemView = (props: ListItemViewProps) => {\n  const { children, s, m, l } = props;\n  const list = useList();\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      tunnelId: \"button\",\n      placement: \"bottom right\",\n      wrapWith: <OptionsButton className={styles.action} />,\n    },\n    Button: {\n      tunnelId: \"button\",\n      size: dynamic(() => (useList().viewMode.isTiles ? \"s\" : \"m\")),\n    },\n    ActionGroup: {\n      tunnelId: \"button\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Avatar: {\n      tunnelId: \"avatar\",\n    },\n    Heading: {\n      tunnelId: \"title\",\n    },\n    Text: {\n      tunnelId: \"text\",\n    },\n    Content: {\n      tunnelId: dynamic((p) => (p.slot === \"bottom\" ? \"bottom\" : undefined)),\n    },\n    Checkbox: {\n      tunnelId: \"checkbox\",\n    },\n  };\n\n  return (\n    <TunnelProvider>\n      <ListItemViewContentView\n        viewMode={list.viewMode.value}\n        title={<TunnelExit id=\"title\" />}\n        avatar={<TunnelExit id=\"avatar\" />}\n        button={<TunnelExit id=\"button\" />}\n        subTitle={<TunnelExit id=\"text\" />}\n        bottom={<TunnelExit id=\"bottom\" />}\n        checkbox={<TunnelExit id=\"checkbox\" />}\n        s={s}\n        m={m}\n        l={l}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ListItemViewContentView>\n    </TunnelProvider>\n  );\n};\n\nexport default ListItemView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,YAAA,GAAe,CAAC,KAAA,KAA6B;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,CAAA,EAAG,CAAA,EAAG,GAAE,GAAI,KAAA;AAC9B,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,cAAA;AAAA,MACX,QAAA,kBAAU,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,OAAO,MAAA,EAAQ;AAAA,KACrD;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,QAAA;AAAA,MACV,IAAA,EAAM,QAAQ,MAAO,OAAA,GAAU,QAAA,CAAS,OAAA,GAAU,MAAM,GAAI;AAAA,KAC9D;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,QAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAA,KAAS,QAAA,GAAW,WAAW,MAAU;AAAA,KACvE;AAAA,IACA,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,KAAK,QAAA,CAAS,KAAA;AAAA,MACxB,KAAA,kBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EAAQ,CAAA;AAAA,MAC9B,MAAA,kBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,MAChC,MAAA,kBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,MAChC,QAAA,kBAAU,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,MAAA,EAAO,CAAA;AAAA,MAChC,MAAA,kBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,MAChC,QAAA,kBAAU,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,UAAA,EAAW,CAAA;AAAA,MACpC,CAAA;AAAA,MACA,CAAA;AAAA,MACA,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,43 @@
+"use client"
+/* */
+const view = "flow--list--list-item-view--view";
+const checkboxContainer = "flow--list--list-item-view--checkbox-container";
+const content = "flow--list--list-item-view--content";
+const topContent = "flow--list--list-item-view--top-content";
+const bottomContent = "flow--list--list-item-view--bottom-content";
+const heading = "flow--list--list-item-view--heading";
+const header = "flow--list--list-item-view--header";
+const subTitle = "flow--list--list-item-view--sub-title";
+const text = "flow--list--list-item-view--text";
+const badge = "flow--list--list-item-view--badge";
+const listView = "flow--list--list-item-view--list-view";
+const columnLayout = "flow--list--list-item-view--column-layout";
+const contentWrapper = "flow--list--list-item-view--content-wrapper";
+const title = "flow--list--list-item-view--title";
+const action = "flow--list--list-item-view--action";
+const avatar = "flow--list--list-item-view--avatar";
+const tileView = "flow--list--list-item-view--tile-view";
+const avatarContainer = "flow--list--list-item-view--avatar-container";
+const styles = {
+	view: view,
+	checkboxContainer: checkboxContainer,
+	content: content,
+	topContent: topContent,
+	bottomContent: bottomContent,
+	heading: heading,
+	header: header,
+	subTitle: subTitle,
+	text: text,
+	badge: badge,
+	listView: listView,
+	columnLayout: columnLayout,
+	contentWrapper: contentWrapper,
+	title: title,
+	action: action,
+	avatar: avatar,
+	tileView: tileView,
+	avatarContainer: avatarContainer
+};
+
+export { action, avatar, avatarContainer, badge, bottomContent, checkboxContainer, columnLayout, content, contentWrapper, styles as default, header, heading, listView, subTitle, text, tileView, title, topContent, view };
+//# sourceMappingURL=ListItemView.module.scss.mjs.map

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

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

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

@@ -1,114 +1,125 @@
 "use client"
 /* */
-import PropsContextProvider from "../../../../../../lib/propsContext/components/PropsContextProvider.mjs";
-import dynamic from "../../../../../../lib/propsContext/dynamicProps/dynamic.mjs";
-import "../../../../../../lib/propsContext/index.mjs";
-import ColumnLayout from "../../../../../ColumnLayout/ColumnLayout.mjs";
-import "../../../../../ColumnLayout/index.mjs";
-import ListItemView_module_default from "../../ListItemView.module.mjs";
-import clsx from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx
-var getStyleForContentSlot = (slot) => slot === "top" ? ListItemView_module_default.topContent : slot === "bottom" ? ListItemView_module_default.bottomContent : ListItemView_module_default.topContent;
-/** @flr-generate all */
-var ListItemViewContent = (props) => {
-	const { children, avatar, title, subTitle, button, bottom, checkbox, viewMode, s, m, l } = props;
-	const contentProps = {
-		bottom: {
-			onMouseDown: (e) => e.stopPropagation(),
-			onPointerDown: (e) => e.stopPropagation(),
-			className: ListItemView_module_default.bottomContent
-		},
-		top: { className: ListItemView_module_default.topContent }
-	};
-	const propsContext = {
-		ContextMenu: { placement: "bottom end" },
-		Button: { className: ListItemView_module_default.action },
-		ActionGroup: { className: ListItemView_module_default.action },
-		Content: {
-			className: dynamic((p) => getStyleForContentSlot(p.slot)),
-			onMouseDown: dynamic((p) => contentProps[p.slot ?? "top"]?.onMouseDown),
-			onPointerDown: dynamic((p) => contentProps[p.slot ?? "top"]?.onPointerDown)
-		},
-		Avatar: { className: ListItemView_module_default.avatar },
-		Heading: {
-			className: ListItemView_module_default.heading,
-			level: 5,
-			Badge: { className: ListItemView_module_default.badge },
-			AlertBadge: { className: ListItemView_module_default.badge }
-		},
-		Text: { className: ListItemView_module_default.text },
-		Link: { unstyled: true }
-	};
-	const className = clsx(ListItemView_module_default.view, viewMode === "tiles" ? ListItemView_module_default.tileView : ListItemView_module_default.listView);
-	const innerListContent = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: ListItemView_module_default.header,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: ListItemView_module_default.checkboxContainer,
-				children: checkbox
-			}),
-			avatar,
-			/* @__PURE__ */ jsxs("div", {
-				className: ListItemView_module_default.title,
-				children: [title, /* @__PURE__ */ jsx("div", {
-					className: ListItemView_module_default.subTitle,
-					children: subTitle
-				})]
-			})
-		]
-	}), children] });
-	const listColumnsContentView = /* @__PURE__ */ jsx(ColumnLayout, {
-		s,
-		m,
-		l,
-		className: clsx(ListItemView_module_default.content, ListItemView_module_default.columnLayout),
-		children: innerListContent
-	});
-	const listDefaultContentView = /* @__PURE__ */ jsx("div", {
-		className: ListItemView_module_default.content,
-		children: innerListContent
-	});
-	const listView = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: ListItemView_module_default.contentWrapper,
-		children: [s || m || l ? listColumnsContentView : listDefaultContentView, button]
-	}), bottom] });
-	const tilesViews = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		className: ListItemView_module_default.avatarContainer,
-		children: avatar
-	}), /* @__PURE__ */ jsxs("div", {
-		className: ListItemView_module_default.content,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: ListItemView_module_default.header,
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: ListItemView_module_default.checkboxContainer,
-						children: checkbox
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: ListItemView_module_default.title,
-						children: [title, /* @__PURE__ */ jsx("div", {
-							className: ListItemView_module_default.subTitle,
-							children: subTitle
-						})]
-					}),
-					button
-				]
-			}),
-			children,
-			bottom
-		]
-	})] });
-	return /* @__PURE__ */ jsx("div", {
-		className,
-		children: /* @__PURE__ */ jsxs(PropsContextProvider, {
-			props: propsContext,
-			children: [viewMode === "list" && listView, viewMode === "tiles" && tilesViews]
-		})
-	});
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import styles from '../../ListItemView.module.scss.mjs';
+import { dynamic } from '../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import clsx from 'clsx';
+import { ColumnLayout } from '../../../../../ColumnLayout/ColumnLayout.mjs';
+
+const getStyleForContentSlot = (slot) => slot === "top" ? styles.topContent : slot === "bottom" ? styles.bottomContent : styles.topContent;
+const ListItemViewContent = (props) => {
+  const {
+    children,
+    avatar,
+    title,
+    subTitle,
+    button,
+    bottom,
+    checkbox,
+    viewMode,
+    s,
+    m,
+    l
+  } = props;
+  const contentProps = {
+    bottom: {
+      onMouseDown: (e) => e.stopPropagation(),
+      onPointerDown: (e) => e.stopPropagation(),
+      className: styles.bottomContent
+    },
+    top: {
+      className: styles.topContent
+    }
+  };
+  const propsContext = {
+    ContextMenu: {
+      placement: "bottom end"
+    },
+    Button: {
+      className: styles.action
+    },
+    ActionGroup: {
+      className: styles.action
+    },
+    Content: {
+      className: dynamic((p) => getStyleForContentSlot(p.slot)),
+      onMouseDown: dynamic((p) => contentProps[p.slot ?? "top"]?.onMouseDown),
+      onPointerDown: dynamic(
+        (p) => contentProps[p.slot ?? "top"]?.onPointerDown
+      )
+    },
+    Avatar: {
+      className: styles.avatar
+    },
+    Heading: {
+      className: styles.heading,
+      level: 5,
+      Badge: { className: styles.badge },
+      AlertBadge: { className: styles.badge }
+    },
+    Text: {
+      className: styles.text
+    },
+    Link: {
+      unstyled: true
+    }
+  };
+  const className = clsx(
+    styles.view,
+    viewMode === "tiles" ? styles.tileView : styles.listView
+  );
+  const header = /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.checkboxContainer, children: checkbox }),
+    avatar,
+    /* @__PURE__ */ jsxs("div", { className: styles.title, children: [
+      title,
+      /* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
+    ] })
+  ] });
+  const innerListContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    header,
+    children
+  ] });
+  const listColumnsContentView = /* @__PURE__ */ jsx(
+    ColumnLayout,
+    {
+      s,
+      m,
+      l,
+      className: clsx(styles.content, styles.columnLayout),
+      children: innerListContent
+    }
+  );
+  const listDefaultContentView = /* @__PURE__ */ jsx("div", { className: styles.content, children: innerListContent });
+  const listView = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.contentWrapper, children: [
+      s || m || l ? listColumnsContentView : listDefaultContentView,
+      button
+    ] }),
+    bottom
+  ] });
+  const tilesViews = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: styles.avatarContainer, children: avatar }),
+    /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.checkboxContainer, children: checkbox }),
+        /* @__PURE__ */ jsxs("div", { className: styles.title, children: [
+          title,
+          /* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
+        ] }),
+        button
+      ] }),
+      children,
+      bottom
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+    viewMode === "list" && listView,
+    viewMode === "tiles" && tilesViews
+  ] }) });
 };
-//#endregion
-export { ListItemViewContent as default };
 
-//# sourceMappingURL=ListItemViewContent.mjs.map
+export { ListItemViewContent };
+//# sourceMappingURL=ListItemViewContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemViewContent.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\nimport {\n  ColumnLayout,\n  type ColumnLayoutProps,\n} from \"@/components/ColumnLayout\";\n\nexport type ListItemViewContentProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> & {\n    title?: ReactNode;\n    subTitle?: ReactNode;\n    avatar?: ReactNode;\n    button?: ReactNode;\n    bottom?: ReactNode;\n    checkbox?: ReactNode;\n    viewMode?: ListViewMode;\n  };\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n    s,\n    m,\n    l,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  const header = (\n    <div className={styles.header}>\n      <div className={styles.checkboxContainer}>{checkbox}</div>\n      {avatar}\n      <div className={styles.title}>\n        {title}\n        <div className={styles.subTitle}>{subTitle}</div>\n      </div>\n    </div>\n  );\n\n  const innerListContent = (\n    <>\n      {header}\n      {children}\n    </>\n  );\n\n  const listColumnsContentView = (\n    <ColumnLayout\n      s={s}\n      m={m}\n      l={l}\n      className={clsx(styles.content, styles.columnLayout)}\n    >\n      {innerListContent}\n    </ColumnLayout>\n  );\n\n  const listDefaultContentView = (\n    <div className={styles.content}>{innerListContent}</div>\n  );\n\n  const listView = (\n    <>\n      <div className={styles.contentWrapper}>\n        {s || m || l ? listColumnsContentView : listDefaultContentView}\n        {button}\n      </div>\n      {bottom}\n    </>\n  );\n\n  const tilesViews = (\n    <>\n      <div className={styles.avatarContainer}>{avatar}</div>\n      <div className={styles.content}>\n        <div className={styles.header}>\n          <div className={styles.checkboxContainer}>{checkbox}</div>\n          <div className={styles.title}>\n            {title}\n            <div className={styles.subTitle}>{subTitle}</div>\n          </div>\n          {button}\n        </div>\n        {children}\n        {bottom}\n      </div>\n    </>\n  );\n\n  return (\n    <div className={className}>\n      <PropsContextProvider props={propsContext}>\n        {viewMode === \"list\" && listView}\n        {viewMode === \"tiles\" && tilesViews}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default ListItemViewContent;\n"],"mappings":";;;;;;;;;AAyBA,IAAM,0BAA0B,SAC9B,SAAS,QACL,4BAAO,aACP,SAAS,WACP,4BAAO,gBACP,4BAAO;;AAGf,IAAa,uBAAuB,UAAoC;CACtE,MAAM,EACJ,UACA,QACA,OACA,UACA,QACA,QACA,UACA,UACA,GACA,GACA,MACE;CAEJ,MAAM,eAAsD;EAC1D,QAAQ;GACN,cAAc,MAAM,EAAE,iBAAiB;GACvC,gBAAgB,MAAM,EAAE,iBAAiB;GACzC,WAAW,4BAAO;GACnB;EACD,KAAK,EACH,WAAW,4BAAO,YACnB;EACF;CAED,MAAM,eAA6B;EACjC,aAAa,EACX,WAAW,cACZ;EACD,QAAQ,EACN,WAAW,4BAAO,QACnB;EACD,aAAa,EACX,WAAW,4BAAO,QACnB;EACD,SAAS;GACP,WAAW,SAAS,MAAM,uBAAuB,EAAE,KAAK,CAAC;GACzD,aAAa,SAAS,MAAM,aAAa,EAAE,QAAQ,QAAQ,YAAY;GACvE,eAAe,SACZ,MAAM,aAAa,EAAE,QAAQ,QAAQ,cACvC;GACF;EACD,QAAQ,EACN,WAAW,4BAAO,QACnB;EACD,SAAS;GACP,WAAW,4BAAO;GAClB,OAAO;GACP,OAAO,EAAE,WAAW,4BAAO,OAAO;GAClC,YAAY,EAAE,WAAW,4BAAO,OAAO;GACxC;EACD,MAAM,EACJ,WAAW,4BAAO,MACnB;EACD,MAAM,EACJ,UAAU,MACX;EACF;CAED,MAAM,YAAY,KAChB,4BAAO,MACP,aAAa,UAAU,4BAAO,WAAW,4BAAO,SACjD;CAaD,MAAM,mBACJ,qBAAA,UAAA,EAAA,UAAA,CAXA,qBAAC,OAAD;EAAK,WAAW,4BAAO;YAAvB;GACE,oBAAC,OAAD;IAAK,WAAW,4BAAO;cAAoB;IAAe,CAAA;GACzD;GACD,qBAAC,OAAD;IAAK,WAAW,4BAAO;cAAvB,CACG,OACD,oBAAC,OAAD;KAAK,WAAW,4BAAO;eAAW;KAAe,CAAA,CAC7C;;GACF;KAMH,SACA,EAAA,CAAA;CAGL,MAAM,yBACJ,oBAAC,cAAD;EACK;EACA;EACA;EACH,WAAW,KAAK,4BAAO,SAAS,4BAAO,aAAa;YAEnD;EACY,CAAA;CAGjB,MAAM,yBACJ,oBAAC,OAAD;EAAK,WAAW,4BAAO;YAAU;EAAuB,CAAA;CAG1D,MAAM,WACJ,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EAAK,WAAW,4BAAO;YAAvB,CACG,KAAK,KAAK,IAAI,yBAAyB,wBACvC,OACG;KACL,OACA,EAAA,CAAA;CAGL,MAAM,aACJ,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,4BAAO;YAAkB;EAAa,CAAA,EACtD,qBAAC,OAAD;EAAK,WAAW,4BAAO;YAAvB;GACE,qBAAC,OAAD;IAAK,WAAW,4BAAO;cAAvB;KACE,oBAAC,OAAD;MAAK,WAAW,4BAAO;gBAAoB;MAAe,CAAA;KAC1D,qBAAC,OAAD;MAAK,WAAW,4BAAO;gBAAvB,CACG,OACD,oBAAC,OAAD;OAAK,WAAW,4BAAO;iBAAW;OAAe,CAAA,CAC7C;;KACL;KACG;;GACL;GACA;GACG;IACL,EAAA,CAAA;AAGL,QACE,oBAAC,OAAD;EAAgB;YACd,qBAAC,sBAAD;GAAsB,OAAO;aAA7B,CACG,aAAa,UAAU,UACvB,aAAa,WAAW,WACJ;;EACnB,CAAA"}
+{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\nimport {\n  ColumnLayout,\n  type ColumnLayoutProps,\n} from \"@/components/ColumnLayout\";\n\nexport type ListItemViewContentProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> & {\n    title?: ReactNode;\n    subTitle?: ReactNode;\n    avatar?: ReactNode;\n    button?: ReactNode;\n    bottom?: ReactNode;\n    checkbox?: ReactNode;\n    viewMode?: ListViewMode;\n  };\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n    s,\n    m,\n    l,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  const header = (\n    <div className={styles.header}>\n      <div className={styles.checkboxContainer}>{checkbox}</div>\n      {avatar}\n      <div className={styles.title}>\n        {title}\n        <div className={styles.subTitle}>{subTitle}</div>\n      </div>\n    </div>\n  );\n\n  const innerListContent = (\n    <>\n      {header}\n      {children}\n    </>\n  );\n\n  const listColumnsContentView = (\n    <ColumnLayout\n      s={s}\n      m={m}\n      l={l}\n      className={clsx(styles.content, styles.columnLayout)}\n    >\n      {innerListContent}\n    </ColumnLayout>\n  );\n\n  const listDefaultContentView = (\n    <div className={styles.content}>{innerListContent}</div>\n  );\n\n  const listView = (\n    <>\n      <div className={styles.contentWrapper}>\n        {s || m || l ? listColumnsContentView : listDefaultContentView}\n        {button}\n      </div>\n      {bottom}\n    </>\n  );\n\n  const tilesViews = (\n    <>\n      <div className={styles.avatarContainer}>{avatar}</div>\n      <div className={styles.content}>\n        <div className={styles.header}>\n          <div className={styles.checkboxContainer}>{checkbox}</div>\n          <div className={styles.title}>\n            {title}\n            <div className={styles.subTitle}>{subTitle}</div>\n          </div>\n          {button}\n        </div>\n        {children}\n        {bottom}\n      </div>\n    </>\n  );\n\n  return (\n    <div className={className}>\n      <PropsContextProvider props={propsContext}>\n        {viewMode === \"list\" && listView}\n        {viewMode === \"tiles\" && tilesViews}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}

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

@@ -1,28 +1,34 @@
 "use client"
 /* */
-import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
-import ListSummary_module_default from "./ListSummary.module.mjs";
-import clsx from "clsx";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/ListSummary/ListSummary.tsx
-/** @flr-generate all */
-var ListSummary = flowComponent("ListSummary", (props) => {
-	const { children, position = "top", ref } = props;
-	if (position === "bottom") return /* @__PURE__ */ jsx("footer", {
-		ref,
-		className: clsx(ListSummary_module_default.listSummary, ListSummary_module_default.bottom),
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx("header", {
-		ref,
-		className: clsx(ListSummary_module_default.listSummary, ListSummary_module_default.top),
-		...props,
-		children
-	});
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './ListSummary.module.scss.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import clsx from 'clsx';
+
+const ListSummary = flowComponent("ListSummary", (props) => {
+  const { children, position = "top", ref } = props;
+  if (position === "bottom") {
+    return /* @__PURE__ */ jsx(
+      "footer",
+      {
+        ref,
+        className: clsx(styles.listSummary, styles.bottom),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      ref,
+      className: clsx(styles.listSummary, styles.top),
+      ...props,
+      children
+    }
+  );
 });
-//#endregion
-export { ListSummary as default };
 
-//# sourceMappingURL=ListSummary.mjs.map
+export { ListSummary };
+//# sourceMappingURL=ListSummary.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListSummary.mjs","names":[],"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"],"mappings":";;;;;;;AAcA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ;AAE5C,KAAI,aAAa,SACf,QACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAK,2BAAO,aAAa,2BAAO,OAAO;EAClD,GAAI;EAEH;EACM,CAAA;AAIb,QACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAK,2BAAO,aAAa,2BAAO,IAAI;EAC/C,GAAI;EAEH;EACM,CAAA;EAEX"}
+{"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;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const listSummary = "flow--list--list-summary";
+const top = "flow--list--list-summary--top";
+const bottom = "flow--list--list-summary--bottom";
+const styles = {
+	listSummary: listSummary,
+	top: top,
+	bottom: bottom
+};
+
+export { bottom, styles as default, listSummary, top };
+//# sourceMappingURL=ListSummary.module.scss.mjs.map

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

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