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

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { useList } from "../../../../../../hooks/useList.mjs";
+import { ListItemSkeletonView } from "../ListItemSkeletonView/ListItemSkeletonView.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.tsx
+var ItemLoadingView = () => {
+	const list = useList();
+	return list.itemView?.loadingView ?? /* @__PURE__ */ jsx(ListItemSkeletonView, { viewMode: list.viewMode.value });
+};
+//#endregion
+export { ItemLoadingView };
+
+//# sourceMappingURL=ItemLoadingView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLoadingView.mjs","names":[],"sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { ListItemSkeletonView } from \"../ListItemSkeletonView/ListItemSkeletonView\";\n\nexport type ItemLoadingViewProps = unknown;\n\nexport const ItemLoadingView: FC<ItemLoadingViewProps> = () => {\n  const list = useList();\n\n  return (\n    list.itemView?.loadingView ?? (\n      <ListItemSkeletonView viewMode={list.viewMode.value} />\n    )\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAa,wBAAkD;CAC7D,MAAM,OAAO,QAAQ;CAErB,OACE,KAAK,UAAU,eACb,oBAAC,sBAAD,EAAsB,UAAU,KAAK,SAAS,MAAQ,CAAA;AAG5D"}

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

@@ -1,26 +1,23 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import AvatarView from '../../../../../../../../views/AvatarView.mjs';
-import HeadingView from '../../../../../../../../views/HeadingView.mjs';
-import ListItemViewContentView from '../../../../../../../../views/ListItemViewContentView.mjs';
-import SkeletonTextView from '../../../../../../../../views/SkeletonTextView.mjs';
-import SkeletonView from '../../../../../../../../views/SkeletonView.mjs';
-import TextView from '../../../../../../../../views/TextView.mjs';
-
-const ListItemSkeletonView = (props) => {
-  const { viewMode } = props;
-  const showTiles = viewMode === "tiles";
-  return /* @__PURE__ */ jsx(
-    ListItemViewContentView,
-    {
-      viewMode,
-      title: /* @__PURE__ */ jsx(HeadingView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "200px" }) }),
-      avatar: showTiles && /* @__PURE__ */ jsx(AvatarView, { children: /* @__PURE__ */ jsx(SkeletonView, { style: { aspectRatio: 16 / 9 } }) }),
-      subTitle: /* @__PURE__ */ jsx(TextView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "300px" }) })
-    }
-  );
+import SkeletonTextView from "../../../../../../../../views/SkeletonTextView.mjs";
+import ListItemViewContentView from "../../../../../../../../views/ListItemViewContentView.mjs";
+import HeadingView from "../../../../../../../../views/HeadingView.mjs";
+import TextView from "../../../../../../../../views/TextView.mjs";
+import AvatarView from "../../../../../../../../views/AvatarView.mjs";
+import SkeletonView from "../../../../../../../../views/SkeletonView.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.tsx
+var ListItemSkeletonView = (props) => {
+	const { viewMode } = props;
+	return /* @__PURE__ */ jsx(ListItemViewContentView, {
+		viewMode,
+		title: /* @__PURE__ */ jsx(HeadingView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "200px" }) }),
+		avatar: viewMode === "tiles" && /* @__PURE__ */ jsx(AvatarView, { children: /* @__PURE__ */ jsx(SkeletonView, { style: { aspectRatio: 16 / 9 } }) }),
+		subTitle: /* @__PURE__ */ jsx(TextView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "300px" }) })
+	});
 };
-
+//#endregion
 export { ListItemSkeletonView };
-//# sourceMappingURL=ListItemSkeletonView.mjs.map
+
+//# sourceMappingURL=ListItemSkeletonView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemSkeletonView.mjs","sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.tsx"],"sourcesContent":["import type { ListViewMode } from \"@/components/List/model/types\";\nimport AvatarView from \"@/views/AvatarView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\n\nexport interface ListItemSkeletonViewProps {\n  viewMode: ListViewMode;\n}\n\nexport const ListItemSkeletonView: FC<ListItemSkeletonViewProps> = (props) => {\n  const { viewMode } = props;\n\n  const showTiles = viewMode === \"tiles\";\n\n  return (\n    <ListItemViewContentView\n      viewMode={viewMode}\n      title={\n        <HeadingView>\n          <SkeletonTextView width=\"200px\" />\n        </HeadingView>\n      }\n      avatar={\n        showTiles && (\n          <AvatarView>\n            <SkeletonView style={{ aspectRatio: 16 / 9 }} />\n          </AvatarView>\n        )\n      }\n      subTitle={\n        <TextView>\n          <SkeletonTextView width=\"300px\" />\n        </TextView>\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,oBAAA,GAAsD,CAAC,KAAA,KAAU;AAC5E,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAErB,EAAA,MAAM,YAAY,QAAA,KAAa,OAAA;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,uBACE,GAAA,CAAC,WAAA,EAAA,EACC,8BAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SAAQ,CAAA,EAClC,CAAA;AAAA,MAEF,MAAA,EACE,SAAA,oBACE,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAO,EAAE,WAAA,EAAa,EAAA,GAAK,CAAA,EAAE,EAAG,CAAA,EAChD,CAAA;AAAA,MAGJ,0BACE,GAAA,CAAC,QAAA,EAAA,EACC,8BAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SAAQ,CAAA,EAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"ListItemSkeletonView.mjs","names":[],"sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.tsx"],"sourcesContent":["import type { ListViewMode } from \"@/components/List/model/types\";\nimport AvatarView from \"@/views/AvatarView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\n\nexport interface ListItemSkeletonViewProps {\n  viewMode: ListViewMode;\n}\n\nexport const ListItemSkeletonView: FC<ListItemSkeletonViewProps> = (props) => {\n  const { viewMode } = props;\n\n  const showTiles = viewMode === \"tiles\";\n\n  return (\n    <ListItemViewContentView\n      viewMode={viewMode}\n      title={\n        <HeadingView>\n          <SkeletonTextView width=\"200px\" />\n        </HeadingView>\n      }\n      avatar={\n        showTiles && (\n          <AvatarView>\n            <SkeletonView style={{ aspectRatio: 16 / 9 }} />\n          </AvatarView>\n        )\n      }\n      subTitle={\n        <TextView>\n          <SkeletonTextView width=\"300px\" />\n        </TextView>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAaA,IAAa,wBAAuD,UAAU;CAC5E,MAAM,EAAE,aAAa;CAIrB,OACE,oBAAC,yBAAD;EACY;EACV,OACE,oBAAC,aAAD,EAAA,UACE,oBAAC,kBAAD,EAAkB,OAAM,QAAS,CAAA,EACtB,CAAA;EAEf,QAVc,aAAa,WAYvB,oBAAC,YAAD,EAAA,UACE,oBAAC,cAAD,EAAc,OAAO,EAAE,aAAa,KAAK,EAAE,EAAI,CAAA,EACrC,CAAA;EAGhB,UACE,oBAAC,UAAD,EAAA,UACE,oBAAC,kBAAD,EAAkB,OAAM,QAAS,CAAA,EACzB,CAAA;CAEb,CAAA;AAEL"}

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

@@ -1,35 +1,25 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import locales from '../../../../../../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../../../Icon/Icon.mjs';
-import '../../../../../../../../views/IconView.mjs';
-import { IconContextMenu } from '../../../../../../../Icon/components/icons/IconContextMenu.mjs';
-import ButtonView from '../../../../../../../../views/ButtonView.mjs';
-import ContextMenuTriggerView from '../../../../../../../../views/ContextMenuTriggerView.mjs';
-
-const OptionsButton = (props) => {
-  const { className, children } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        variant: "plain",
-        color: "secondary",
-        className,
-        "aria-label": stringFormatter.format("list.options"),
-        tunnelId: null,
-        children: /* @__PURE__ */ jsx(IconContextMenu, {})
-      }
-    ),
-    children
-  ] });
+import { IconContextMenu } from "../../../../../../../Icon/components/icons/IconContextMenu.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 { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx
+var OptionsButton = (props) => {
+	const { className, children } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "List");
+	return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [/* @__PURE__ */ jsx(ButtonView, {
+		variant: "plain",
+		color: "dark",
+		className,
+		"aria-label": stringFormatter.format("options"),
+		tunnel: null,
+		children: /* @__PURE__ */ jsx(IconContextMenu, {})
+	}), children] });
 };
+//#endregion
+export { OptionsButton, OptionsButton as default };
 
-export { OptionsButton };
-//# sourceMappingURL=OptionsButton.mjs.map
+//# sourceMappingURL=OptionsButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionsButton.mjs","sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport locales from \"../../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\n\ninterface Props extends PropsWithChildren, PropsWithClassName {}\n\nexport const OptionsButton: FC<Props> = (props) => {\n  const { className, children } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"plain\"\n        color=\"secondary\"\n        className={className}\n        aria-label={stringFormatter.format(\"list.options\")}\n        tunnelId={null}\n      >\n        <IconContextMenu />\n      </ButtonView>\n      {children}\n    </ContextMenuTriggerView>\n  );\n};\n\nexport default OptionsButton;\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAS,GAAI,KAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,KAAA,EAAM,WAAA;AAAA,QACN,SAAA;AAAA,QACA,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA;AAAA,QACjD,QAAA,EAAU,IAAA;AAAA,QAEV,8BAAC,eAAA,EAAA,EAAgB;AAAA;AAAA,KACnB;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OptionsButton.mjs","names":[],"sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport locales from \"../../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\n\ninterface Props extends PropsWithChildren, PropsWithClassName {}\n\nexport const OptionsButton: FC<Props> = (props) => {\n  const { className, children } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"plain\"\n        color=\"dark\"\n        className={className}\n        aria-label={stringFormatter.format(\"options\")}\n        tunnel={null}\n      >\n        <IconContextMenu />\n      </ButtonView>\n      {children}\n    </ContextMenuTriggerView>\n  );\n};\n\nexport default OptionsButton;\n"],"mappings":";;;;;;;;;AAUA,IAAa,iBAA4B,UAAU;CACjD,MAAM,EAAE,WAAW,aAAa;CAChC,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,SAAQ;EACR,OAAM;EACK;EACX,cAAY,gBAAgB,OAAO,SAAS;EAC5C,QAAQ;EAER,UAAA,oBAAC,iBAAD,CAAkB,CAAA;CACR,CAAA,GACX,QACqB,EAAA,CAAA;AAE5B"}

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

@@ -1,95 +1,62 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { useState, useId, useRef, useEffect } from 'react';
-import 'invariant';
-import 'react-aria-components';
-import '../../../../../../IllustratedMessage/IllustratedMessage.mjs';
-import '@mittwald/flow-icons';
-import '../../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../../Icon/Icon.mjs';
-import '../../../../../../../views/IconView.mjs';
-import '../../../../../../Heading/Heading.mjs';
-import '../../../../../../Text/Text.mjs';
-import 'react-aria';
-import 'clsx';
-import '@mittwald/react-tunnel';
-import '../../../../../../../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 '../../../../../../../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 { AccordionButton } from '../components/AccordionButton.mjs';
-
-const useGridItemProps = (props) => {
-  const { data, children: childrenFromProps } = props;
-  const list = useList();
-  const itemView = list.itemView;
-  const onAction = list.onAction;
-  const [isExpanded, setIsExpanded] = useState(
-    itemView?.defaultExpanded?.(data) ?? false
-  );
-  const contentElementId = useId();
-  const itemRef = useRef(null);
-  const accordion = list.accordion;
-  const children = childrenFromProps ?? itemView?.render(data);
-  useEffect(() => {
-    if (accordion) {
-      itemRef.current?.setAttribute("aria-expanded", String(isExpanded));
-      itemRef.current?.setAttribute("aria-controls", contentElementId);
-    }
-  }, [isExpanded, contentElementId, itemRef.current, accordion]);
-  if (!accordion) {
-    return {
-      gridItemProps: {
-        onAction: onAction ? () => {
-          onAction?.(data);
-        } : void 0
-      },
-      children
-    };
-  }
-  const toggleAccordion = () => {
-    setIsExpanded((current) => !current);
-    onAction?.(data);
-  };
-  const propsContext = {
-    Content: {
-      id: dynamic((p) => p.slot === "bottom" ? contentElementId : void 0),
-      wrapWith: dynamic(
-        (p) => p.slot === "bottom" ? /* @__PURE__ */ jsx(
-          AccordionButton,
-          {
-            contentElementId,
-            toggle: toggleAccordion,
-            isExpanded
-          }
-        ) : void 0
-      )
-    }
-  };
-  return {
-    gridItemProps: {
-      ref: itemRef,
-      onAction: toggleAccordion
-    },
-    children: /* @__PURE__ */ jsx(
-      PropsContextProvider,
-      {
-        props: propsContext,
-        dependencies: [contentElementId, isExpanded],
-        children
-      }
-    )
-  };
+import { PropsContextProvider } from "../../../../../../../lib/propsContext/components/PropsContextProvider.mjs";
+import dynamic from "../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs";
+import { AccordionButton } from "../components/AccordionButton.mjs";
+import { useEffect, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx
+var useGridItemProps = (props, list) => {
+	const { data, children: childrenFromProps } = props;
+	const itemView = list.itemView;
+	const onAction = list.onAction;
+	const [isExpanded, setIsExpanded] = useState(itemView?.defaultExpanded?.(data) ?? false);
+	const contentElementId = useId();
+	const itemRef = useRef(null);
+	const accordion = list.accordion;
+	const children = childrenFromProps ?? itemView?.render(data);
+	useEffect(() => {
+		if (accordion) {
+			itemRef.current?.setAttribute("aria-expanded", String(isExpanded));
+			itemRef.current?.setAttribute("aria-controls", contentElementId);
+		}
+	}, [
+		isExpanded,
+		contentElementId,
+		itemRef.current,
+		accordion
+	]);
+	if (!accordion) return {
+		gridItemProps: { onAction: onAction ? () => {
+			onAction?.(data);
+		} : void 0 },
+		children
+	};
+	const toggleAccordion = () => {
+		setIsExpanded((current) => !current);
+		onAction?.(data);
+	};
+	const propsContext = { Content: {
+		id: dynamic((p) => p.slot === "bottom" ? contentElementId : void 0),
+		wrapWith: dynamic((p) => p.slot === "bottom" ? /* @__PURE__ */ jsx(AccordionButton, {
+			contentElementId,
+			toggle: toggleAccordion,
+			isExpanded
+		}) : void 0)
+	} };
+	return {
+		gridItemProps: {
+			ref: itemRef,
+			onAction: toggleAccordion
+		},
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			dependencies: [contentElementId, isExpanded],
+			children
+		})
+	};
 };
-
+//#endregion
 export { useGridItemProps };
-//# sourceMappingURL=useGridItemProps.mjs.map
+
+//# sourceMappingURL=useGridItemProps.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGridItemProps.mjs","sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { useList } from \"@/components/List\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AccordionButton } from \"@/components/List/components/Items/components/Item/components/AccordionButton\";\n\ninterface P extends PropsWithChildren {\n  data: never;\n}\n\nexport const useGridItemProps = (props: P) => {\n  const { data, children: childrenFromProps } = props;\n  const list = useList();\n  const itemView = list.itemView;\n  const onAction = list.onAction;\n\n  const [isExpanded, setIsExpanded] = useState(\n    itemView?.defaultExpanded?.(data) ?? false,\n  );\n  const contentElementId = useId();\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  const accordion = list.accordion;\n  const children = childrenFromProps ?? itemView?.render(data);\n\n  useEffect(() => {\n    if (accordion) {\n      itemRef.current?.setAttribute(\"aria-expanded\", String(isExpanded));\n      itemRef.current?.setAttribute(\"aria-controls\", contentElementId);\n    }\n  }, [isExpanded, contentElementId, itemRef.current, accordion]);\n\n  if (!accordion) {\n    return {\n      gridItemProps: {\n        onAction: onAction\n          ? () => {\n              onAction?.(data);\n            }\n          : undefined,\n      },\n      children,\n    };\n  }\n\n  const toggleAccordion = () => {\n    setIsExpanded((current) => !current);\n    onAction?.(data);\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      id: dynamic((p) => (p.slot === \"bottom\" ? contentElementId : undefined)),\n      wrapWith: dynamic((p) =>\n        p.slot === \"bottom\" ? (\n          <AccordionButton\n            contentElementId={contentElementId}\n            toggle={toggleAccordion}\n            isExpanded={isExpanded}\n          />\n        ) : undefined,\n      ),\n    },\n  };\n\n  return {\n    gridItemProps: {\n      ref: itemRef,\n      onAction: toggleAccordion,\n    },\n    children: (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[contentElementId, isExpanded]}\n      >\n        {children}\n      </PropsContextProvider>\n    ),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAa;AAC5C,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,iBAAA,EAAkB,GAAI,KAAA;AAC9C,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AACtB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA;AAAA,IAClC,QAAA,EAAU,eAAA,GAAkB,IAAI,CAAA,IAAK;AAAA,GACvC;AACA,EAAA,MAAM,mBAAmB,KAAA,EAAM;AAC/B,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,EAAA,MAAM,YAAY,IAAA,CAAK,SAAA;AACvB,EAAA,MAAM,QAAA,GAAW,iBAAA,IAAqB,QAAA,EAAU,MAAA,CAAO,IAAI,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,OAAA,CAAQ,OAAA,EAAS,YAAA,CAAa,eAAA,EAAiB,MAAA,CAAO,UAAU,CAAC,CAAA;AACjE,MAAA,OAAA,CAAQ,OAAA,EAAS,YAAA,CAAa,eAAA,EAAiB,gBAAgB,CAAA;AAAA,IACjE;AAAA,EACF,GAAG,CAAC,UAAA,EAAY,kBAAkB,OAAA,CAAQ,OAAA,EAAS,SAAS,CAAC,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO;AAAA,MACL,aAAA,EAAe;AAAA,QACb,QAAA,EAAU,WACN,MAAM;AACJ,UAAA,QAAA,GAAW,IAAI,CAAA;AAAA,QACjB,CAAA,GACA;AAAA,OACN;AAAA,MACA;AAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,aAAA,CAAc,CAAC,OAAA,KAAY,CAAC,OAAO,CAAA;AACnC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAA,KAAS,QAAA,GAAW,mBAAmB,MAAU,CAAA;AAAA,MACvE,QAAA,EAAU,OAAA;AAAA,QAAQ,CAAC,CAAA,KACjB,CAAA,CAAE,IAAA,KAAS,QAAA,mBACT,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,gBAAA;AAAA,YACA,MAAA,EAAQ,eAAA;AAAA,YACR;AAAA;AAAA,SACF,GACE;AAAA;AACN;AACF,GACF;AAEA,EAAA,OAAO;AAAA,IACL,aAAA,EAAe;AAAA,MACb,GAAA,EAAK,OAAA;AAAA,MACL,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,QAAA,kBACE,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,gBAAA,EAAkB,UAAU,CAAA;AAAA,QAE1C;AAAA;AAAA;AACH,GAEJ;AACF;;;;"}
+{"version":3,"file":"useGridItemProps.mjs","names":[],"sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport type List from \"@/components/List/model/List\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AccordionButton } from \"@/components/List/components/Items/components/Item/components/AccordionButton\";\n\ninterface P extends PropsWithChildren {\n  data: never;\n}\n\nexport const useGridItemProps = (props: P, list: List<never>) => {\n  const { data, children: childrenFromProps } = props;\n  const itemView = list.itemView;\n  const onAction = list.onAction;\n\n  const [isExpanded, setIsExpanded] = useState(\n    itemView?.defaultExpanded?.(data) ?? false,\n  );\n  const contentElementId = useId();\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  const accordion = list.accordion;\n  const children = childrenFromProps ?? itemView?.render(data);\n\n  useEffect(() => {\n    if (accordion) {\n      itemRef.current?.setAttribute(\"aria-expanded\", String(isExpanded));\n      itemRef.current?.setAttribute(\"aria-controls\", contentElementId);\n    }\n  }, [isExpanded, contentElementId, itemRef.current, accordion]);\n\n  if (!accordion) {\n    return {\n      gridItemProps: {\n        onAction: onAction\n          ? () => {\n              onAction?.(data);\n            }\n          : undefined,\n      },\n      children,\n    };\n  }\n\n  const toggleAccordion = () => {\n    setIsExpanded((current) => !current);\n    onAction?.(data);\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      id: dynamic((p) => (p.slot === \"bottom\" ? contentElementId : undefined)),\n      wrapWith: dynamic((p) =>\n        p.slot === \"bottom\" ? (\n          <AccordionButton\n            contentElementId={contentElementId}\n            toggle={toggleAccordion}\n            isExpanded={isExpanded}\n          />\n        ) : undefined,\n      ),\n    },\n  };\n\n  return {\n    gridItemProps: {\n      ref: itemRef,\n      onAction: toggleAccordion,\n    },\n    children: (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[contentElementId, isExpanded]}\n      >\n        {children}\n      </PropsContextProvider>\n    ),\n  };\n};\n"],"mappings":";;;;;;;;AAWA,IAAa,oBAAoB,OAAU,SAAsB;CAC/D,MAAM,EAAE,MAAM,UAAU,sBAAsB;CAC9C,MAAM,WAAW,KAAK;CACtB,MAAM,WAAW,KAAK;CAEtB,MAAM,CAAC,YAAY,iBAAiB,SAClC,UAAU,kBAAkB,IAAI,KAAK,KACvC;CACA,MAAM,mBAAmB,MAAM;CAC/B,MAAM,UAAU,OAAuB,IAAI;CAE3C,MAAM,YAAY,KAAK;CACvB,MAAM,WAAW,qBAAqB,UAAU,OAAO,IAAI;CAE3D,gBAAgB;EACd,IAAI,WAAW;GACb,QAAQ,SAAS,aAAa,iBAAiB,OAAO,UAAU,CAAC;GACjE,QAAQ,SAAS,aAAa,iBAAiB,gBAAgB;EACjE;CACF,GAAG;EAAC;EAAY;EAAkB,QAAQ;EAAS;CAAS,CAAC;CAE7D,IAAI,CAAC,WACH,OAAO;EACL,eAAe,EACb,UAAU,iBACA;GACJ,WAAW,IAAI;EACjB,IACA,KAAA,EACN;EACA;CACF;CAGF,MAAM,wBAAwB;EAC5B,eAAe,YAAY,CAAC,OAAO;EACnC,WAAW,IAAI;CACjB;CAEA,MAAM,eAA6B,EACjC,SAAS;EACP,IAAI,SAAS,MAAO,EAAE,SAAS,WAAW,mBAAmB,KAAA,CAAU;EACvE,UAAU,SAAS,MACjB,EAAE,SAAS,WACT,oBAAC,iBAAD;GACoB;GAClB,QAAQ;GACI;EACb,CAAA,IACC,KAAA,CACN;CACF,EACF;CAEA,OAAO;EACL,eAAe;GACb,KAAK;GACL,UAAU;EACZ;EACA,UACE,oBAAC,sBAAD;GACE,OAAO;GACP,cAAc,CAAC,kBAAkB,UAAU;GAE1C;EACmB,CAAA;CAE1B;AACF"}

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

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import { useList } from "../../../hooks/useList.mjs";
+import { useEffect, useEffectEvent } from "react";
+//#region src/components/List/components/Items/hooks/useInfiniteScrollTrigger.ts
+var loadMoreThresholdFactor = .2;
+var minLoadMoreThresholdRows = 1;
+var maxLoadMoreThresholdRows = 8;
+var getLoadMoreThresholdRows = (batchSize) => Math.min(maxLoadMoreThresholdRows, Math.max(minLoadMoreThresholdRows, Math.round(batchSize * loadMoreThresholdFactor)));
+var useInfiniteScrollTrigger = (triggerRef) => {
+	const list = useList();
+	const isLoading = list.loader.useIsLoading();
+	const visibleItemsCount = list.batches.getVisibleItemsCount();
+	const loadNextBatch = useEffectEvent(() => {
+		if (list.batches.hasNextBatch() && !isLoading) list.batches.nextBatch();
+	});
+	useEffect(() => {
+		const trigger = triggerRef.current;
+		if (!trigger) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) loadNextBatch();
+		});
+		observer.observe(trigger);
+		return () => observer.disconnect();
+	}, [
+		loadNextBatch,
+		triggerRef,
+		visibleItemsCount
+	]);
+};
+//#endregion
+export { getLoadMoreThresholdRows, useInfiniteScrollTrigger };
+
+//# sourceMappingURL=useInfiniteScrollTrigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScrollTrigger.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Items/hooks/useInfiniteScrollTrigger.ts"],"sourcesContent":["import { useEffect, useEffectEvent, type RefObject } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst loadMoreThresholdFactor = 0.2;\nconst minLoadMoreThresholdRows = 1;\nconst maxLoadMoreThresholdRows = 8;\n\nexport const getLoadMoreThresholdRows = (batchSize: number): number =>\n  Math.min(\n    maxLoadMoreThresholdRows,\n    Math.max(\n      minLoadMoreThresholdRows,\n      Math.round(batchSize * loadMoreThresholdFactor),\n    ),\n  );\n\nexport const useInfiniteScrollTrigger = (\n  triggerRef: RefObject<HTMLElement | null>,\n): void => {\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const visibleItemsCount = list.batches.getVisibleItemsCount();\n\n  const loadNextBatch = useEffectEvent(() => {\n    if (list.batches.hasNextBatch() && !isLoading) {\n      list.batches.nextBatch();\n    }\n  });\n\n  useEffect(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        loadNextBatch();\n      }\n    });\n    observer.observe(trigger);\n\n    return () => observer.disconnect();\n  }, [loadNextBatch, triggerRef, visibleItemsCount]);\n};\n"],"mappings":";;;;;AAGA,IAAM,0BAA0B;AAChC,IAAM,2BAA2B;AACjC,IAAM,2BAA2B;AAEjC,IAAa,4BAA4B,cACvC,KAAK,IACH,0BACA,KAAK,IACH,0BACA,KAAK,MAAM,YAAY,uBAAuB,CAChD,CACF;AAEF,IAAa,4BACX,eACS;CACT,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,oBAAoB,KAAK,QAAQ,qBAAqB;CAE5D,MAAM,gBAAgB,qBAAqB;EACzC,IAAI,KAAK,QAAQ,aAAa,KAAK,CAAC,WAClC,KAAK,QAAQ,UAAU;CAE3B,CAAC;CAED,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SACH;EAGF,MAAM,WAAW,IAAI,sBAAsB,YAAY;GACrD,IAAI,QAAQ,MAAM,UAAU,MAAM,cAAc,GAC9C,cAAc;EAElB,CAAC;EACD,SAAS,QAAQ,OAAO;EAExB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAe;EAAY;CAAiB,CAAC;AACnD"}

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

@@ -1,22 +1,18 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import { EmptyView } from '../../../../views/EmptyView/EmptyView.mjs';
-
-const GridList = (props) => {
-  const { tileMaxWidth, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    Aria.GridList,
-    {
-      ...rest,
-      renderEmptyState: () => /* @__PURE__ */ jsx(EmptyView, {}),
-      style: {
-        gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))`
-      }
-    }
-  );
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/List/components/Items/views/GridList/GridList.tsx
+/** @flr-generate all */
+var GridList = (props) => {
+	const { tileMaxWidth, emptyView, ...rest } = props;
+	return /* @__PURE__ */ jsx(Aria.GridList, {
+		...rest,
+		renderEmptyState: () => emptyView,
+		style: { gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))` }
+	});
 };
+//#endregion
+export { GridList, GridList as default };
 
-export { GridList };
-//# sourceMappingURL=GridList.mjs.map
+//# sourceMappingURL=GridList.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridList.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/views/GridList/GridList.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport { EmptyView } from \"@/components/List/views/EmptyView\";\n\nexport type GridListProps = Aria.GridListProps<never> & {\n  tileMaxWidth: number;\n};\n\n/** @flr-generate all */\nexport const GridList: FC<GridListProps> = (props) => {\n  const { tileMaxWidth, ...rest } = props;\n\n  return (\n    <Aria.GridList\n      {...rest}\n      renderEmptyState={() => <EmptyView />}\n      style={{\n        gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))`,\n      }}\n    />\n  );\n};\n\nexport default GridList;\n"],"names":[],"mappings":";;;;AASO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,IAAA,EAAK,GAAI,KAAA;AAElC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,QAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,MACnC,KAAA,EAAO;AAAA,QACL,mBAAA,EAAqB,4BAA4B,YAAY,CAAA,SAAA;AAAA;AAC/D;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"GridList.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/views/GridList/GridList.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, ReactNode } from \"react\";\n\nexport type GridListProps = Aria.GridListProps<never> & {\n  tileMaxWidth: number;\n  emptyView?: ReactNode;\n};\n\n/** @flr-generate all */\nexport const GridList: FC<GridListProps> = (props) => {\n  const { tileMaxWidth, emptyView, ...rest } = props;\n\n  return (\n    <Aria.GridList\n      {...rest}\n      renderEmptyState={() => emptyView}\n      style={{\n        gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))`,\n      }}\n    />\n  );\n};\n\nexport default GridList;\n"],"mappings":";;;;;;AASA,IAAa,YAA+B,UAAU;CACpD,MAAM,EAAE,cAAc,WAAW,GAAG,SAAS;CAE7C,OACE,oBAAC,KAAK,UAAN;EACE,GAAI;EACJ,wBAAwB;EACxB,OAAO,EACL,qBAAqB,4BAA4B,aAAa,WAChE;CACD,CAAA;AAEL"}

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

@@ -1,25 +1,19 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import styles from '../../components/Item/Item.module.scss.mjs';
-import clsx from 'clsx';
-
-const GridListItem = (props) => {
-  const { hasAction, isTile, ...restProps } = props;
-  return /* @__PURE__ */ jsx(
-    Aria.GridListItem,
-    {
-      ...restProps,
-      className: (renderProps) => clsx(
-        styles.item,
-        hasAction && styles.hasAction,
-        isTile && styles.tile,
-        renderProps.isSelected && styles.isSelected
-      )
-    }
-  );
+import Item_module_default from "../../components/Item/Item.module.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/List/components/Items/views/GridListItem/GridListItem.tsx
+/** @flr-generate all */
+var GridListItem = (props) => {
+	const { hasAction, isTile, ...restProps } = props;
+	return /* @__PURE__ */ jsx(Aria.GridListItem, {
+		...restProps,
+		className: (renderProps) => clsx(Item_module_default.item, hasAction && Item_module_default.hasAction, isTile && Item_module_default.tile, renderProps.isSelected && Item_module_default.isSelected)
+	});
 };
+//#endregion
+export { GridListItem, GridListItem as default };
 
-export { GridListItem };
-//# sourceMappingURL=GridListItem.mjs.map
+//# sourceMappingURL=GridListItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridListItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/views/GridListItem/GridListItem.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport styles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport clsx from \"clsx\";\n\nexport type GridListItemProps = Aria.GridListItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const GridListItem: FC<GridListItemProps> = (props) => {\n  const { hasAction, isTile, ...restProps } = props;\n  return (\n    <Aria.GridListItem\n      {...restProps}\n      className={(renderProps) =>\n        clsx(\n          styles.item,\n          hasAction && styles.hasAction,\n          isTile && styles.tile,\n          renderProps.isSelected && styles.isSelected,\n        )\n      }\n    />\n  );\n};\n\nexport default GridListItem;\n"],"names":[],"mappings":";;;;;AAWO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,WAAU,GAAI,KAAA;AAC5C,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,YAAA;AAAA,IAAL;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,CAAC,WAAA,KACV,IAAA;AAAA,QACE,MAAA,CAAO,IAAA;AAAA,QACP,aAAa,MAAA,CAAO,SAAA;AAAA,QACpB,UAAU,MAAA,CAAO,IAAA;AAAA,QACjB,WAAA,CAAY,cAAc,MAAA,CAAO;AAAA;AACnC;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"GridListItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/views/GridListItem/GridListItem.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport styles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport clsx from \"clsx\";\n\nexport type GridListItemProps = Aria.GridListItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const GridListItem: FC<GridListItemProps> = (props) => {\n  const { hasAction, isTile, ...restProps } = props;\n  return (\n    <Aria.GridListItem\n      {...restProps}\n      className={(renderProps) =>\n        clsx(\n          styles.item,\n          hasAction && styles.hasAction,\n          isTile && styles.tile,\n          renderProps.isSelected && styles.isSelected,\n        )\n      }\n    />\n  );\n};\n\nexport default GridListItem;\n"],"mappings":";;;;;;;;AAWA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,WAAW,QAAQ,GAAG,cAAc;CAC5C,OACE,oBAAC,KAAK,cAAN;EACE,GAAI;EACJ,YAAY,gBACV,KACE,oBAAO,MACP,aAAa,oBAAO,WACpB,UAAU,oBAAO,MACjB,YAAY,cAAc,oBAAO,UACnC;CAEH,CAAA;AAEL"}