@mittwald/flow-react-components 0.2.0-alpha.773 → 0.2.0-alpha.775

package/dist/js/default.mjs

@@ -216,8 +216,8 @@ export { LightBoxTrigger } from './packages/components/src/components/LightBox/c
 export { LightBox } from './packages/components/src/components/LightBox/LightBox.mjs';
 export { Link } from './packages/components/src/components/Link/Link.mjs';
 export { SortingFunctions } from './packages/components/src/components/List/model/sorting/SortingFunctions.mjs';
-export { ListBox } from './packages/components/src/components/List/components/Items/views/ListBox/ListBox.mjs';
-export { ListBoxItem } from './packages/components/src/components/List/components/Items/views/ListBoxItem/ListBoxItem.mjs';
+export { GridList } from './packages/components/src/components/List/components/Items/views/GridList/GridList.mjs';
+export { GridListItem } from './packages/components/src/components/List/components/Items/views/GridListItem/GridListItem.mjs';
 export { ListItemView } from './packages/components/src/components/List/components/ListItemView/ListItemView.mjs';
 export { ListItemViewContent } from './packages/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
 export { ListSummary } from './packages/components/src/components/List/components/ListSummary/ListSummary.mjs';

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

@@ -25,7 +25,7 @@ import 'mobx';
 import '../../List.mjs';
 import { Item } from './components/Item/Item.mjs';
 import DivView from '../../../../views/DivView.mjs';
-import ItemsListBoxView from '../../../../views/ItemsListBoxView.mjs';
+import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
 import styles from './Items.module.scss.mjs';
 import { FallbackItems } from './components/FallbackItems/FallbackItems.mjs';
 
@@ -44,7 +44,7 @@ const Items = () => {
     tiles && styles.tiles
   );
   return /* @__PURE__ */ jsx(DivView, { "aria-hidden": isInitiallyLoading, "aria-busy": isLoading, children: /* @__PURE__ */ jsx(
-    ItemsListBoxView,
+    ItemsGridListView,
     {
       className: rootClassName,
       ...list.componentProps,

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

@@ -1 +1 @@
-{"version":3,"file":"Items.mjs","sources":["../../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsListBoxView from \"@/views/ItemsListBoxView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode.isTiles;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsListBoxView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        layout={tiles ? \"grid\" : \"stack\"}\n        tileMaxWidth={list.itemView.tileMaxWidth}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsListBoxView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,KAAA,GAAQ,KAAK,QAAA,CAAS,OAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAE7D,EAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACpC,GAAA,CAAC,IAAA,EAAA,EAAmB,IAAA,EAAM,KAAK,IAAA,EAAM,EAAA,EAAI,KAAK,EAAA,EAAA,EAAnC,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB,SAAS,MAAA,CAAO;AAAA,GAClB;AAEA,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAa,kBAAA,EAAoB,aAAW,SAAA,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA,CAAK,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,MACnC,MAAA,EAAQ,QAAQ,MAAA,GAAS,OAAA;AAAA,MACzB,YAAA,EAAc,KAAK,QAAA,CAAS,YAAA;AAAA,MAE3B,gBAAM,MAAA,KAAW,CAAA,IAAK,kBAAA,mBAAqB,GAAA,CAAC,iBAAc,CAAA,GAAK;AAAA;AAAA,GAClE,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Items.mjs","sources":["../../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode.isTiles;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        layout={tiles ? \"grid\" : \"stack\"}\n        tileMaxWidth={list.itemView.tileMaxWidth}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,KAAA,GAAQ,KAAK,QAAA,CAAS,OAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAE7D,EAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACpC,GAAA,CAAC,IAAA,EAAA,EAAmB,IAAA,EAAM,KAAK,IAAA,EAAM,EAAA,EAAI,KAAK,EAAA,EAAA,EAAnC,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB,SAAS,MAAA,CAAO;AAAA,GAClB;AAEA,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAa,kBAAA,EAAoB,aAAW,SAAA,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA,CAAK,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,MACnC,MAAA,EAAQ,QAAQ,MAAA,GAAS,OAAA;AAAA,MACzB,YAAA,EAAc,KAAK,QAAA,CAAS,YAAA;AAAA,MAE3B,gBAAM,MAAA,KAAW,CAAA,IAAK,kBAAA,mBAAqB,GAAA,CAAC,iBAAc,CAAA,GAAK;AAAA;AAAA,GAClE,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,9 +1,9 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useBoxItemProps } from './hooks/useBoxItemProps.mjs';
+import { useGridItemProps } from './hooks/useGridItemProps.mjs';
 import { useList } from '../../../../hooks/useList.mjs';
-import ItemsListBoxItemView from '../../../../../../views/ItemsListBoxItemView.mjs';
+import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView.mjs';
 import { Suspense } from 'react';
 import styles from './Item.module.scss.mjs';
 import { ListItemSkeletonView } from './components/ListItemSkeletonView/ListItemSkeletonView.mjs';
@@ -12,15 +12,15 @@ const Item = (props) => {
   const { id, data } = props;
   const list = useList();
   const itemView = list.itemView;
-  const { boxItemProps, children } = useBoxItemProps(props);
+  const { gridItemProps, children } = useGridItemProps(props);
   if (!itemView) {
     return null;
   }
   const textValue = itemView.textValue ? itemView.textValue(data) : void 0;
   const href = itemView.href ? itemView.href(data) : void 0;
-  const hasAction = !!boxItemProps.onAction || !!href;
+  const hasAction = !!gridItemProps.onAction || !!href;
   return /* @__PURE__ */ jsx(
-    ItemsListBoxItemView,
+    ItemsGridListItemView,
     {
       id,
       textValue,
@@ -28,7 +28,7 @@ const Item = (props) => {
       target: itemView.target,
       hasAction,
       isTile: list.viewMode.isTiles,
-      ...boxItemProps,
+      ...gridItemProps,
       children: /* @__PURE__ */ jsx(
         Suspense,
         {
@@ -42,7 +42,7 @@ const Item = (props) => {
 const ItemContainer = (props) => {
   const list = useList();
   return /* @__PURE__ */ jsx(
-    ItemsListBoxItemView,
+    ItemsGridListItemView,
     {
       textValue: "-",
       className: styles.item,

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

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useBoxItemProps } from \"@/components/List/components/Items/components/Item/hooks/useBoxItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsListBoxItemView from \"@/views/ItemsListBoxItemView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { boxItemProps, children } = useBoxItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n\n  const hasAction = !!boxItemProps.onAction || !!href;\n\n  return (\n    <ItemsListBoxItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={list.viewMode.isTiles}\n      {...boxItemProps}\n    >\n      <Suspense\n        fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n      >\n        {children}\n      </Suspense>\n    </ItemsListBoxItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsListBoxItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsListBoxItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,IAAA,GAAO,CAAC,KAAA,KAAiB;AACpC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAK,GAAI,KAAA;AACrB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,YAAA,EAAc,QAAA,EAAS,GAAI,gBAAgB,KAAK,CAAA;AAExD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AAEnD,EAAA,MAAM,YAAY,CAAC,CAAC,YAAA,CAAa,QAAA,IAAY,CAAC,CAAC,IAAA;AAE/C,EAAA,uBACE,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MACrB,GAAG,YAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,0BAAU,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAAA,UAE9D;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={list.viewMode.isTiles}\n      {...gridItemProps}\n    >\n      <Suspense\n        fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n      >\n        {children}\n      </Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,IAAA,GAAO,CAAC,KAAA,KAAiB;AACpC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAK,GAAI,KAAA;AACrB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAA,CAAc,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MACrB,GAAG,aAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,0BAAU,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAAA,UAE9D;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/components/Item/hooks/{useBoxItemProps.mjs → useGridItemProps.mjs}

@@ -28,7 +28,7 @@ import 'mobx';
 import '../../../../../List.mjs';
 import { AccordionButton } from '../components/AccordionButton.mjs';
 
-const useBoxItemProps = (props) => {
+const useGridItemProps = (props) => {
   const { data, children: childrenFromProps } = props;
   const list = useList();
   const itemView = list.itemView;
@@ -48,7 +48,7 @@ const useBoxItemProps = (props) => {
   }, [isExpanded, contentElementId, itemRef.current, accordion]);
   if (!accordion) {
     return {
-      boxItemProps: {
+      gridItemProps: {
         onAction: onAction ? () => {
           onAction?.(data);
         } : void 0
@@ -76,7 +76,7 @@ const useBoxItemProps = (props) => {
     }
   };
   return {
-    boxItemProps: {
+    gridItemProps: {
       ref: itemRef,
       onAction: toggleAccordion
     },
@@ -91,5 +91,5 @@ const useBoxItemProps = (props) => {
   };
 };
 
-export { useBoxItemProps };
-//# sourceMappingURL=useBoxItemProps.mjs.map
+export { useGridItemProps };
+//# sourceMappingURL=useGridItemProps.mjs.map

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

@@ -0,0 +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;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/views/{ListBox/ListBox.mjs → GridList/GridList.mjs}

@@ -4,10 +4,10 @@ import { jsx } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
 import { EmptyView } from '../../../../views/EmptyView/EmptyView.mjs';
 
-const ListBox = (props) => {
+const GridList = (props) => {
   const { tileMaxWidth, ...rest } = props;
   return /* @__PURE__ */ jsx(
-    Aria.ListBox,
+    Aria.GridList,
     {
       ...rest,
       renderEmptyState: () => /* @__PURE__ */ jsx(EmptyView, {}),
@@ -18,5 +18,5 @@ const ListBox = (props) => {
   );
 };
 
-export { ListBox };
-//# sourceMappingURL=ListBox.mjs.map
+export { GridList };
+//# sourceMappingURL=GridList.mjs.map

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

@@ -0,0 +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;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/views/{ListBoxItem/ListBoxItem.mjs → GridListItem/GridListItem.mjs}

@@ -5,10 +5,10 @@ import * as Aria from 'react-aria-components';
 import styles from '../../components/Item/Item.module.scss.mjs';
 import clsx from 'clsx';
 
-const ListBoxItem = (props) => {
+const GridListItem = (props) => {
   const { hasAction, isTile, ...restProps } = props;
   return /* @__PURE__ */ jsx(
-    Aria.ListBoxItem,
+    Aria.GridListItem,
     {
       ...restProps,
       className: (renderProps) => clsx(
@@ -21,5 +21,5 @@ const ListBoxItem = (props) => {
   );
 };
 
-export { ListBoxItem };
-//# sourceMappingURL=ListBoxItem.mjs.map
+export { GridListItem };
+//# sourceMappingURL=GridListItem.mjs.map

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

@@ -0,0 +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;;;;"}

package/dist/js/packages/components/src/components/List/model/sorting/Sorting.mjs

@@ -29,7 +29,7 @@ class Sorting {
   }
   getInitialEnabled(shape) {
     if (shape.defaultEnabled === "hidden") {
-      return false;
+      return "hidden";
     }
     const storedSorting = this.list.settingsStorage?.get("sorting", {
       autosave: this.autosave

package/dist/js/packages/components/src/components/List/model/sorting/Sorting.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sorting.mjs","sources":["../../../../../../../../../src/components/List/model/sorting/Sorting.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SortingDefaultMode,\n  SortingShape,\n} from \"@/components/List/model/sorting/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  SortDirection,\n  SortingFn,\n} from \"@tanstack/react-table\";\n\nexport class Sorting<T> {\n  public readonly list: List<T>;\n  public readonly property: PropertyName<T>;\n  public readonly name?: string;\n  public readonly directionName?: string;\n  public readonly direction: SortDirection;\n  public readonly initialEnabled: SortingDefaultMode;\n  public readonly customSortingFn?: SortingFn<T>;\n  public readonly autosave: boolean;\n\n  public constructor(list: List<T>, shape: SortingShape<T>) {\n    const {\n      property,\n      name,\n      directionName,\n      direction = \"asc\",\n      customSortingFn,\n      autosave = list.settingsStorageDefaults?.sorting?.autosave ?? true,\n    } = shape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.property = property;\n    this.name = name;\n    this.directionName = directionName;\n    this.direction = direction;\n    this.customSortingFn = customSortingFn;\n    this.initialEnabled = this.getInitialEnabled(shape);\n  }\n\n  private getInitialEnabled(shape: SortingShape<T>): boolean {\n    if (shape.defaultEnabled === \"hidden\") {\n      return false;\n    }\n\n    const storedSorting = this.list.settingsStorage?.get(\"sorting\", {\n      autosave: this.autosave,\n    });\n\n    const storedEnabled = storedSorting\n      ? storedSorting.property === this.property &&\n        storedSorting.direction === this.direction\n      : undefined;\n\n    return storedEnabled ?? shape.defaultEnabled ?? false;\n  }\n\n  public updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableSorting = true;\n    if (this.customSortingFn) {\n      def.sortingFn = this.customSortingFn;\n    }\n  }\n\n  public getReactTableColumnSort(): ColumnSort {\n    return {\n      id: this.property as string,\n      desc: this.direction === \"desc\",\n    };\n  }\n\n  public isSorted(): boolean {\n    const col = this.getTableColumn();\n    return col.getIsSorted() == this.direction;\n  }\n\n  public getTableColumn(): Column<T> {\n    return this.list.reactTable.getTableColumn(this.property);\n  }\n\n  public enable(): void {\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .toggleSorting(this.direction === \"desc\", false);\n\n    this.list.settingsStorage?.store(\n      \"sorting\",\n      {\n        property: this.property,\n        direction: this.direction,\n      },\n      {\n        autosave: this.autosave,\n      },\n    );\n  }\n\n  public clear(): void {\n    this.list.reactTable.getTableColumn(this.property).clearSorting();\n  }\n\n  public get id(): string {\n    return `${this.getTableColumn().id}:${this.direction}`;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sorting.mjs","sources":["../../../../../../../../../src/components/List/model/sorting/Sorting.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SortingDefaultMode,\n  SortingShape,\n} from \"@/components/List/model/sorting/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  SortDirection,\n  SortingFn,\n} from \"@tanstack/react-table\";\n\nexport class Sorting<T> {\n  public readonly list: List<T>;\n  public readonly property: PropertyName<T>;\n  public readonly name?: string;\n  public readonly directionName?: string;\n  public readonly direction: SortDirection;\n  public readonly initialEnabled: SortingDefaultMode;\n  public readonly customSortingFn?: SortingFn<T>;\n  public readonly autosave: boolean;\n\n  public constructor(list: List<T>, shape: SortingShape<T>) {\n    const {\n      property,\n      name,\n      directionName,\n      direction = \"asc\",\n      customSortingFn,\n      autosave = list.settingsStorageDefaults?.sorting?.autosave ?? true,\n    } = shape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.property = property;\n    this.name = name;\n    this.directionName = directionName;\n    this.direction = direction;\n    this.customSortingFn = customSortingFn;\n    this.initialEnabled = this.getInitialEnabled(shape);\n  }\n\n  private getInitialEnabled(shape: SortingShape<T>): SortingDefaultMode {\n    if (shape.defaultEnabled === \"hidden\") {\n      return \"hidden\";\n    }\n\n    const storedSorting = this.list.settingsStorage?.get(\"sorting\", {\n      autosave: this.autosave,\n    });\n\n    const storedEnabled = storedSorting\n      ? storedSorting.property === this.property &&\n        storedSorting.direction === this.direction\n      : undefined;\n\n    return storedEnabled ?? shape.defaultEnabled ?? false;\n  }\n\n  public updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableSorting = true;\n    if (this.customSortingFn) {\n      def.sortingFn = this.customSortingFn;\n    }\n  }\n\n  public getReactTableColumnSort(): ColumnSort {\n    return {\n      id: this.property as string,\n      desc: this.direction === \"desc\",\n    };\n  }\n\n  public isSorted(): boolean {\n    const col = this.getTableColumn();\n    return col.getIsSorted() == this.direction;\n  }\n\n  public getTableColumn(): Column<T> {\n    return this.list.reactTable.getTableColumn(this.property);\n  }\n\n  public enable(): void {\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .toggleSorting(this.direction === \"desc\", false);\n\n    this.list.settingsStorage?.store(\n      \"sorting\",\n      {\n        property: this.property,\n        direction: this.direction,\n      },\n      {\n        autosave: this.autosave,\n      },\n    );\n  }\n\n  public clear(): void {\n    this.list.reactTable.getTableColumn(this.property).clearSorting();\n  }\n\n  public get id(): string {\n    return `${this.getTableColumn().id}:${this.direction}`;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/views/ItemsGridListItemView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { GridListItem } from '../components/List/components/Items/views/GridListItem/GridListItem.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ItemsGridListItemView = memo((props) => {
+  const View = useContext(viewComponentContext)["ItemsGridListItem"] ?? GridListItem;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ItemsGridListItemView.displayName = "ItemsGridListItemView";
+
+export { ItemsGridListItemView as default };
+//# sourceMappingURL=ItemsGridListItemView.mjs.map

package/dist/js/packages/components/src/views/ItemsGridListItemView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsGridListItemView.mjs","sources":["../../../../../../src/views/ItemsGridListItemView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  GridListItem,\n  type GridListItemProps,\n} from \"@/components/List/components/Items/views/GridListItem/GridListItem\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ItemsGridListItemView: FC<GridListItemProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ItemsGridListItem\"] ?? GridListItem;\n  return <View {...props} />;\n});\nItemsGridListItemView.displayName = \"ItemsGridListItemView\";\n\nexport default ItemsGridListItemView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,qBAAA,GAA+C,IAAA,CAAK,CAAC,KAAA,KAAU;AACnE,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,mBAAmB,CAAA,IAAK,YAAA;AAC3D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,qBAAA,CAAsB,WAAA,GAAc,uBAAA;;;;"}

package/dist/js/packages/components/src/views/ItemsGridListView.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useContext } from 'react';
+import { GridList } from '../components/List/components/Items/views/GridList/GridList.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ItemsGridListView = memo((props) => {
+  const View = useContext(viewComponentContext)["ItemsGridList"] ?? GridList;
+  return /* @__PURE__ */ jsx(View, { ...props });
+});
+ItemsGridListView.displayName = "ItemsGridListView";
+
+export { ItemsGridListView as default };
+//# sourceMappingURL=ItemsGridListView.mjs.map

package/dist/js/packages/components/src/views/ItemsGridListView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsGridListView.mjs","sources":["../../../../../../src/views/ItemsGridListView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  GridList,\n  type GridListProps,\n} from \"@/components/List/components/Items/views/GridList/GridList\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ItemsGridListView: FC<GridListProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"ItemsGridList\"] ?? GridList;\n  return <View {...props} />;\n});\nItemsGridListView.displayName = \"ItemsGridListView\";\n\nexport default ItemsGridListView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,iBAAA,GAAuC,IAAA,CAAK,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,eAAe,CAAA,IAAK,QAAA;AAClE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/types/components/List/components/Items/components/Item/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,EAAE,GAAG,CAAC;IACR,IAAI,EAAE,KAAK,CAAC;CACb;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,mDAkChC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAWnC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,EAAE,EAAE,GAAG,CAAC;IACR,IAAI,EAAE,KAAK,CAAC;CACb;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,mDAiChC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAWnC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/List/components/Items/components/Item/hooks/{useBoxItemProps.d.ts → useGridItemProps.d.ts}

@@ -2,18 +2,18 @@ import { PropsWithChildren } from 'react';
 interface P extends PropsWithChildren {
     data: never;
 }
-export declare const useBoxItemProps: (props: P) => {
-    boxItemProps: {
+export declare const useGridItemProps: (props: P) => {
+    gridItemProps: {
         onAction: (() => void) | undefined;
         ref?: undefined;
     };
     children: import('react').ReactNode;
 } | {
-    boxItemProps: {
+    gridItemProps: {
         ref: import('react').RefObject<HTMLDivElement | null>;
         onAction: () => void;
     };
     children: import("react/jsx-runtime").JSX.Element;
 };
 export {};
-//# sourceMappingURL=useBoxItemProps.d.ts.map
+//# sourceMappingURL=useGridItemProps.d.ts.map

package/dist/types/components/List/components/Items/components/Item/hooks/useGridItemProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridItemProps.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO/C,UAAU,CAAE,SAAQ,iBAAiB;IACnC,IAAI,EAAE,KAAK,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,CAAC;;;;;;;;;;;;CAqExC,CAAC"}

package/dist/types/components/List/components/Items/views/GridList/GridList.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import * as Aria from "react-aria-components";
+export type GridListProps = Aria.GridListProps<never> & {
+    tileMaxWidth: number;
+};
+/** @flr-generate all */
+export declare const GridList: FC<GridListProps>;
+export default GridList;
+//# sourceMappingURL=GridList.d.ts.map

package/dist/types/components/List/components/Items/views/GridList/GridList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridList.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/GridList/GridList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG;IACtD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAYtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/List/components/Items/views/GridList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GridList';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/List/components/Items/views/{ListBox → GridList}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/GridList/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/types/components/List/components/Items/views/{ListBox → GridList}/view.d.ts

@@ -1,8 +1,8 @@
-import { ListBox } from './ListBox';
+import { GridList } from './GridList';
 import { ViewComponent } from '../../../../../../lib/viewComponentContext';
 declare global {
     interface FlowViewComponents {
-        ItemsListBox: ViewComponent<typeof ListBox>;
+        ItemsGridList: ViewComponent<typeof GridList>;
     }
 }
 //# sourceMappingURL=view.d.ts.map

package/dist/types/components/List/components/Items/views/GridList/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/GridList/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,aAAa,EAAE,aAAa,CAAC,OAAO,QAAQ,CAAC,CAAC;KAC/C;CACF"}

package/dist/types/components/List/components/Items/views/GridListItem/GridListItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import * as Aria from "react-aria-components";
+export type GridListItemProps = Aria.GridListItemProps<never> & {
+    hasAction?: boolean;
+    isTile?: boolean;
+};
+/** @flr-generate all */
+export declare const GridListItem: FC<GridListItemProps>;
+export default GridListItem;
+//# sourceMappingURL=GridListItem.d.ts.map

package/dist/types/components/List/components/Items/views/GridListItem/GridListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridListItem.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/GridListItem/GridListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAe9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/components/List/components/Items/views/GridListItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './view';
+export * from './GridListItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/List/components/Items/views/{ListBoxItem → GridListItem}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBoxItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/GridListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC"}

package/dist/types/components/List/components/Items/views/GridListItem/view.d.ts

@@ -0,0 +1,8 @@
+import { GridListItem } from './GridListItem';
+import { ViewComponent } from '../../../../../../lib/viewComponentContext';
+declare global {
+    interface FlowViewComponents {
+        ItemsGridListItem: ViewComponent<typeof GridListItem>;
+    }
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/types/components/List/components/Items/views/GridListItem/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/GridListItem/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,iBAAiB,EAAE,aAAa,CAAC,OAAO,YAAY,CAAC,CAAC;KACvD;CACF"}

package/dist/types/components/List/index.d.ts

@@ -2,8 +2,8 @@ export type { RenderItemFn } from './model/item/types';
 export type { AsyncDataLoader, AsyncResourceFactory, DataLoaderOptions, DataLoaderResult, } from './model/loading/types';
 export type { SortingFn } from './model/sorting/types';
 export { SortingFunctions } from './model/sorting/SortingFunctions';
-export * from './components/Items/views/ListBox';
-export * from './components/Items/views/ListBoxItem';
+export * from './components/Items/views/GridList';
+export * from './components/Items/views/GridListItem';
 export * from './components/ListItemView';
 export * from './components/ListSummary';
 export * from './views/EmptyView';

package/dist/types/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAE/C,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAE5B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAE/C,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAE5B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC"}

package/dist/types/components/List/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAyD3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA+G3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwC/B,CAAC;AACF,eAAO,MAAM,aAAa,EAAE,KAyC3B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqElC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAyD3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA4G3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwC/B,CAAC;AACF,eAAO,MAAM,aAAa,EAAE,KAyC3B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqElC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAC"}

package/dist/types/components/List/typedList.d.ts

@@ -216,9 +216,9 @@ export declare const typedList: <T, TMeta = unknown>() => {
         selectionMode?: import('react-stately').SelectionMode | undefined;
         dragAndDropHooks?: import('react-aria-components').DragAndDropHooks | undefined;
         verticalAlign?: "top" | "middle" | undefined;
+        disabledBehavior?: import('react-stately').DisabledBehavior | undefined;
         sortDescriptor?: import('react-stately').SortDescriptor | undefined;
         onSortChange?: ((descriptor: import('react-stately').SortDescriptor) => any) | undefined;
-        disabledBehavior?: import('react-stately').DisabledBehavior | undefined;
         onRowAction?: ((key: import('react-aria').Key) => void) | undefined;
     }) => null;
     StaticData: ComponentType<{

package/dist/types/views/ItemsGridListItemView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { GridListItemProps } from '../components/List/components/Items/views/GridListItem/GridListItem';
+declare const ItemsGridListItemView: FC<GridListItemProps>;
+export default ItemsGridListItemView;
+//# sourceMappingURL=ItemsGridListItemView.d.ts.map

package/dist/types/views/ItemsGridListItemView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsGridListItemView.d.ts","sourceRoot":"","sources":["../../../src/views/ItemsGridListItemView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,oEAAoE,CAAC;AAG5E,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAI/C,CAAC;AAGH,eAAe,qBAAqB,CAAC"}

package/dist/types/views/ItemsGridListView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { GridListProps } from '../components/List/components/Items/views/GridList/GridList';
+declare const ItemsGridListView: FC<GridListProps>;
+export default ItemsGridListView;
+//# sourceMappingURL=ItemsGridListView.d.ts.map

package/dist/types/views/ItemsGridListView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsGridListView.d.ts","sourceRoot":"","sources":["../../../src/views/ItemsGridListView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,4DAA4D,CAAC;AAGpE,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,aAAa,CAGvC,CAAC;AAGH,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.773",
+  "version": "0.2.0-alpha.775",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -60,9 +60,9 @@
     "@codemirror/lint": "^6.9.5",
     "@internationalized/string-compiler": "^3.2.6",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "0.2.0-alpha.773",
+    "@mittwald/flow-icons": "0.2.0-alpha.775",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.773",
+    "@mittwald/react-tunnel": "0.2.0-alpha.775",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.3",
     "@react-aria/live-announcer": "^3.4.4",
@@ -113,7 +113,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.8",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.773",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.775",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -166,7 +166,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.10.0",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.772",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.774",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "*",
     "react": "^19.2.0",
@@ -187,5 +187,5 @@
       "optional": true
     }
   },
-  "gitHead": "83fee47faec481b3bf21d75e0599b09bb5e9d288"
+  "gitHead": "826a23ff19ca29f01ef194b69faa02b5fcd0c456"
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"useBoxItemProps.mjs","sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useBoxItemProps.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 useBoxItemProps = (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      boxItemProps: {\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    boxItemProps: {\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,eAAA,GAAkB,CAAC,KAAA,KAAa;AAC3C,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,YAAA,EAAc;AAAA,QACZ,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,YAAA,EAAc;AAAA,MACZ,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;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListBox.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/views/ListBox/ListBox.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport { EmptyView } from \"@/components/List/views/EmptyView\";\n\nexport type ListBoxProps = Aria.ListBoxProps<never> & {\n  tileMaxWidth: number;\n};\n\n/** @flr-generate all */\nexport const ListBox: FC<ListBoxProps> = (props) => {\n  const { tileMaxWidth, ...rest } = props;\n\n  return (\n    <Aria.ListBox\n      {...rest}\n      renderEmptyState={() => <EmptyView />}\n      style={{\n        gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))`,\n      }}\n    />\n  );\n};\n\nexport default ListBox;\n"],"names":[],"mappings":";;;;AASO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,IAAA,EAAK,GAAI,KAAA;AAElC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,OAAA;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;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListBoxItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/views/ListBoxItem/ListBoxItem.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 ListBoxItemProps = Aria.ListBoxItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const ListBoxItem: FC<ListBoxItemProps> = (props) => {\n  const { hasAction, isTile, ...restProps } = props;\n  return (\n    <Aria.ListBoxItem\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 ListBoxItem;\n"],"names":[],"mappings":";;;;;AAWO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,WAAU,GAAI,KAAA;AAC5C,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,WAAA;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;;;;"}

package/dist/js/packages/components/src/views/ItemsListBoxItemView.mjs

@@ -1,15 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { memo, useContext } from 'react';
-import { ListBoxItem } from '../components/List/components/Items/views/ListBoxItem/ListBoxItem.mjs';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-
-const ItemsListBoxItemView = memo((props) => {
-  const View = useContext(viewComponentContext)["ItemsListBoxItem"] ?? ListBoxItem;
-  return /* @__PURE__ */ jsx(View, { ...props });
-});
-ItemsListBoxItemView.displayName = "ItemsListBoxItemView";
-
-export { ItemsListBoxItemView as default };
-//# sourceMappingURL=ItemsListBoxItemView.mjs.map

package/dist/js/packages/components/src/views/ItemsListBoxItemView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsListBoxItemView.mjs","sources":["../../../../../../src/views/ItemsListBoxItemView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ListBoxItem,\n  type ListBoxItemProps,\n} from \"@/components/List/components/Items/views/ListBoxItem/ListBoxItem\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ItemsListBoxItemView: FC<ListBoxItemProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ItemsListBoxItem\"] ?? ListBoxItem;\n  return <View {...props} />;\n});\nItemsListBoxItemView.displayName = \"ItemsListBoxItemView\";\n\nexport default ItemsListBoxItemView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,oBAAA,GAA6C,IAAA,CAAK,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,kBAAkB,CAAA,IAAK,WAAA;AAC1D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,oBAAA,CAAqB,WAAA,GAAc,sBAAA;;;;"}

package/dist/js/packages/components/src/views/ItemsListBoxView.mjs

@@ -1,15 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { memo, useContext } from 'react';
-import { ListBox } from '../components/List/components/Items/views/ListBox/ListBox.mjs';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-
-const ItemsListBoxView = memo((props) => {
-  const View = useContext(viewComponentContext)["ItemsListBox"] ?? ListBox;
-  return /* @__PURE__ */ jsx(View, { ...props });
-});
-ItemsListBoxView.displayName = "ItemsListBoxView";
-
-export { ItemsListBoxView as default };
-//# sourceMappingURL=ItemsListBoxView.mjs.map

package/dist/js/packages/components/src/views/ItemsListBoxView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsListBoxView.mjs","sources":["../../../../../../src/views/ItemsListBoxView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ListBox,\n  type ListBoxProps,\n} from \"@/components/List/components/Items/views/ListBox/ListBox\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ItemsListBoxView: FC<ListBoxProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"ItemsListBox\"] ?? ListBox;\n  return <View {...props} />;\n});\nItemsListBoxView.displayName = \"ItemsListBoxView\";\n\nexport default ItemsListBoxView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,gBAAA,GAAqC,IAAA,CAAK,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,cAAc,CAAA,IAAK,OAAA;AACjE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;;;"}