@mittwald/flow-react-components 0.2.0-alpha.764 → 0.2.0-alpha.766

package/dist/js/default.mjs

@@ -212,8 +212,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 { 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 { 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 { 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 ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
+import ItemsListBoxView from '../../../../views/ItemsListBoxView.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(
-    ItemsGridListView,
+    ItemsListBoxView,
     {
       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 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;;;;"}
+{"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;;;;"}

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 { useGridItemProps } from './hooks/useGridItemProps.mjs';
+import { useBoxItemProps } from './hooks/useBoxItemProps.mjs';
 import { useList } from '../../../../hooks/useList.mjs';
-import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView.mjs';
+import ItemsListBoxItemView from '../../../../../../views/ItemsListBoxItemView.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 { gridItemProps, children } = useGridItemProps(props);
+  const { boxItemProps, children } = useBoxItemProps(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 = !!gridItemProps.onAction || !!href;
+  const hasAction = !!boxItemProps.onAction || !!href;
   return /* @__PURE__ */ jsx(
-    ItemsGridListItemView,
+    ItemsListBoxItemView,
     {
       id,
       textValue,
@@ -28,7 +28,7 @@ const Item = (props) => {
       target: itemView.target,
       hasAction,
       isTile: list.viewMode.isTiles,
-      ...gridItemProps,
+      ...boxItemProps,
       children: /* @__PURE__ */ jsx(
         Suspense,
         {
@@ -42,7 +42,7 @@ const Item = (props) => {
 const ItemContainer = (props) => {
   const list = useList();
   return /* @__PURE__ */ jsx(
-    ItemsGridListItemView,
+    ItemsListBoxItemView,
     {
       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 { 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;;;;"}
+{"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;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"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/{GridList/GridList.mjs → ListBox/ListBox.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 GridList = (props) => {
+const ListBox = (props) => {
   const { tileMaxWidth, ...rest } = props;
   return /* @__PURE__ */ jsx(
-    Aria.GridList,
+    Aria.ListBox,
     {
       ...rest,
       renderEmptyState: () => /* @__PURE__ */ jsx(EmptyView, {}),
@@ -18,5 +18,5 @@ const GridList = (props) => {
   );
 };
 
-export { GridList };
-//# sourceMappingURL=GridList.mjs.map
+export { ListBox };
+//# sourceMappingURL=ListBox.mjs.map

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

@@ -0,0 +1 @@
+{"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/{GridListItem/GridListItem.mjs → ListBoxItem/ListBoxItem.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 GridListItem = (props) => {
+const ListBoxItem = (props) => {
   const { hasAction, isTile, ...restProps } = props;
   return /* @__PURE__ */ jsx(
-    Aria.GridListItem,
+    Aria.ListBoxItem,
     {
       ...restProps,
       className: (renderProps) => clsx(
@@ -21,5 +21,5 @@ const GridListItem = (props) => {
   );
 };
 
-export { GridListItem };
-//# sourceMappingURL=GridListItem.mjs.map
+export { ListBoxItem };
+//# sourceMappingURL=ListBoxItem.mjs.map

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

@@ -0,0 +1 @@
+{"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/components/List/model/search/Search.mjs

@@ -47,7 +47,6 @@ class Search {
       this.list.reactTable.table.setGlobalFilter(value);
       this.callOnUpdateCallbacks();
     }
-    console.log("Storing search value:", value, this.autosave);
     this.list.settingsStorage?.store(
       "search",
       { value },

package/dist/js/packages/components/src/components/List/model/search/Search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Search.mjs","sources":["../../../../../../../../../src/components/List/model/search/Search.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SearchFieldRenderComponent,\n  SearchShape,\n  SearchValue,\n} from \"@/components/List/model/search/types\";\nimport type { InitialTableState } from \"@tanstack/react-table\";\n\nexport class Search<T> {\n  public readonly list: List<T>;\n  public readonly render?: SearchFieldRenderComponent;\n  public readonly textFieldProps: SearchShape<T>[\"textFieldProps\"];\n  private onUpdateCallbacks = new Set<() => unknown>();\n  private readonly initialValue?: string;\n  private readonly defaultValue?: string;\n  private readonly autosave: boolean;\n\n  public constructor(list: List<T>, searchShape: SearchShape<T>) {\n    const {\n      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,\n      render,\n      textFieldProps,\n      defaultValue,\n    } = searchShape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.render = render;\n    this.textFieldProps = textFieldProps;\n    this.defaultValue = defaultValue;\n\n    this.initialValue = this.getInitialValue();\n  }\n\n  public get value(): SearchValue {\n    return this.list.reactTable.searchString;\n  }\n\n  public get isSet() {\n    return this.value !== undefined;\n  }\n\n  private callOnUpdateCallbacks(): void {\n    this.onUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  private getInitialValue() {\n    return (\n      this.list.settingsStorage?.get(\"search\", { autosave: this.autosave })\n        ?.value ?? this.defaultValue\n    );\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    initialState.globalFilter = this.initialValue;\n  }\n\n  public setValue(value: SearchValue): void {\n    if (value === undefined || value.trim() === \"\") {\n      if (this.list.reactTable.table.getState().globalFilter) {\n        this.list.reactTable.table.setGlobalFilter(undefined);\n        this.callOnUpdateCallbacks();\n      }\n    } else {\n      this.list.reactTable.table.setGlobalFilter(value);\n      this.callOnUpdateCallbacks();\n    }\n\n    console.log(\"Storing search value:\", value, this.autosave);\n\n    this.list.settingsStorage?.store(\n      \"search\",\n      { value },\n      { autosave: this.autosave },\n    );\n  }\n\n  public clear(): void {\n    this.setValue(undefined);\n  }\n\n  public onUpdated(cb: () => unknown): void {\n    this.onUpdateCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,MAAA,CAAU;AAAA,EACL,IAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACR,iBAAA,uBAAwB,GAAA,EAAmB;AAAA,EAClC,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EAEV,WAAA,CAAY,MAAe,WAAA,EAA6B;AAC7D,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,MAAA,EAAQ,QAAA,IAAY,KAAA;AAAA,MAC7D,MAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACF,GAAI,WAAA;AAEJ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,cAAA,GAAiB,cAAA;AACtB,IAAA,IAAA,CAAK,YAAA,GAAe,YAAA;AAEpB,IAAA,IAAA,CAAK,YAAA,GAAe,KAAK,eAAA,EAAgB;AAAA,EAC3C;AAAA,EAEA,IAAW,KAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,YAAA;AAAA,EAC9B;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEQ,qBAAA,GAA8B;AACpC,IAAA,IAAA,CAAK,iBAAA,CAAkB,OAAA,CAAQ,CAAC,EAAA,KAAO,IAAI,CAAA;AAAA,EAC7C;AAAA,EAEQ,eAAA,GAAkB;AACxB,IAAA,OACE,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,QAAA,EAAU,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,EAChE,KAAA,IAAS,IAAA,CAAK,YAAA;AAAA,EAEtB;AAAA,EAEO,mBAAmB,YAAA,EAAiC;AACzD,IAAA,YAAA,CAAa,eAAe,IAAA,CAAK,YAAA;AAAA,EACnC;AAAA,EAEO,SAAS,KAAA,EAA0B;AACxC,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,CAAM,IAAA,OAAW,EAAA,EAAI;AAC9C,MAAA,IAAI,KAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,QAAA,GAAW,YAAA,EAAc;AACtD,QAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,MAAS,CAAA;AACpD,QAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,MAC7B;AAAA,IACF,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,KAAK,CAAA;AAChD,MAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,IAC7B;AAEA,IAAA,OAAA,CAAQ,GAAA,CAAI,uBAAA,EAAyB,KAAA,EAAO,IAAA,CAAK,QAAQ,CAAA;AAEzD,IAAA,IAAA,CAAK,KAAK,eAAA,EAAiB,KAAA;AAAA,MACzB,QAAA;AAAA,MACA,EAAE,KAAA,EAAM;AAAA,MACR,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA;AAAS,KAC5B;AAAA,EACF;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,SAAS,MAAS,CAAA;AAAA,EACzB;AAAA,EAEO,UAAU,EAAA,EAAyB;AACxC,IAAA,IAAA,CAAK,iBAAA,CAAkB,IAAI,EAAE,CAAA;AAAA,EAC/B;AACF;;;;"}
+{"version":3,"file":"Search.mjs","sources":["../../../../../../../../../src/components/List/model/search/Search.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SearchFieldRenderComponent,\n  SearchShape,\n  SearchValue,\n} from \"@/components/List/model/search/types\";\nimport type { InitialTableState } from \"@tanstack/react-table\";\n\nexport class Search<T> {\n  public readonly list: List<T>;\n  public readonly render?: SearchFieldRenderComponent;\n  public readonly textFieldProps: SearchShape<T>[\"textFieldProps\"];\n  private onUpdateCallbacks = new Set<() => unknown>();\n  private readonly initialValue?: string;\n  private readonly defaultValue?: string;\n  private readonly autosave: boolean;\n\n  public constructor(list: List<T>, searchShape: SearchShape<T>) {\n    const {\n      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,\n      render,\n      textFieldProps,\n      defaultValue,\n    } = searchShape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.render = render;\n    this.textFieldProps = textFieldProps;\n    this.defaultValue = defaultValue;\n\n    this.initialValue = this.getInitialValue();\n  }\n\n  public get value(): SearchValue {\n    return this.list.reactTable.searchString;\n  }\n\n  public get isSet() {\n    return this.value !== undefined;\n  }\n\n  private callOnUpdateCallbacks(): void {\n    this.onUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  private getInitialValue() {\n    return (\n      this.list.settingsStorage?.get(\"search\", { autosave: this.autosave })\n        ?.value ?? this.defaultValue\n    );\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    initialState.globalFilter = this.initialValue;\n  }\n\n  public setValue(value: SearchValue): void {\n    if (value === undefined || value.trim() === \"\") {\n      if (this.list.reactTable.table.getState().globalFilter) {\n        this.list.reactTable.table.setGlobalFilter(undefined);\n        this.callOnUpdateCallbacks();\n      }\n    } else {\n      this.list.reactTable.table.setGlobalFilter(value);\n      this.callOnUpdateCallbacks();\n    }\n\n    this.list.settingsStorage?.store(\n      \"search\",\n      { value },\n      { autosave: this.autosave },\n    );\n  }\n\n  public clear(): void {\n    this.setValue(undefined);\n  }\n\n  public onUpdated(cb: () => unknown): void {\n    this.onUpdateCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,MAAA,CAAU;AAAA,EACL,IAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACR,iBAAA,uBAAwB,GAAA,EAAmB;AAAA,EAClC,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EAEV,WAAA,CAAY,MAAe,WAAA,EAA6B;AAC7D,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,MAAA,EAAQ,QAAA,IAAY,KAAA;AAAA,MAC7D,MAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACF,GAAI,WAAA;AAEJ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,cAAA,GAAiB,cAAA;AACtB,IAAA,IAAA,CAAK,YAAA,GAAe,YAAA;AAEpB,IAAA,IAAA,CAAK,YAAA,GAAe,KAAK,eAAA,EAAgB;AAAA,EAC3C;AAAA,EAEA,IAAW,KAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,YAAA;AAAA,EAC9B;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEQ,qBAAA,GAA8B;AACpC,IAAA,IAAA,CAAK,iBAAA,CAAkB,OAAA,CAAQ,CAAC,EAAA,KAAO,IAAI,CAAA;AAAA,EAC7C;AAAA,EAEQ,eAAA,GAAkB;AACxB,IAAA,OACE,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,QAAA,EAAU,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,EAChE,KAAA,IAAS,IAAA,CAAK,YAAA;AAAA,EAEtB;AAAA,EAEO,mBAAmB,YAAA,EAAiC;AACzD,IAAA,YAAA,CAAa,eAAe,IAAA,CAAK,YAAA;AAAA,EACnC;AAAA,EAEO,SAAS,KAAA,EAA0B;AACxC,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,CAAM,IAAA,OAAW,EAAA,EAAI;AAC9C,MAAA,IAAI,KAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,QAAA,GAAW,YAAA,EAAc;AACtD,QAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,MAAS,CAAA;AACpD,QAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,MAC7B;AAAA,IACF,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,KAAK,CAAA;AAChD,MAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,IAC7B;AAEA,IAAA,IAAA,CAAK,KAAK,eAAA,EAAiB,KAAA;AAAA,MACzB,QAAA;AAAA,MACA,EAAE,KAAA,EAAM;AAAA,MACR,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA;AAAS,KAC5B;AAAA,EACF;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,SAAS,MAAS,CAAA;AAAA,EACzB;AAAA,EAEO,UAAU,EAAA,EAAyB;AACxC,IAAA,IAAA,CAAK,iBAAA,CAAkB,IAAI,EAAE,CAAA;AAAA,EAC/B;AACF;;;;"}

package/dist/js/packages/components/src/components/SettingsProvider/SettingsProvider.mjs

@@ -26,6 +26,7 @@ const SettingsProvider = (props) => {
     const json = settingsStore.asJson;
     storingPromise.current = storingPromise.current.then(async () => {
       await backend.store(json);
+      settingsResource.refresh();
     });
   };
   useEffect(() => autorun(watchAndStoreSettings), [id]);

package/dist/js/packages/components/src/components/SettingsProvider/SettingsProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n    });\n  };\n\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAE3D,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAE5C,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,KAAK,QAAA,EAAU,GAAG,YAAW,GAAI,KAAA;AAC/D,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,mBAAmB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IAClE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,QAAA,GAAW,iBAAiB,GAAA,EAAI;AAEtC,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAC/C,EAAA,MAAM,cAAc,WAAA,EAAY;AAEhC,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,UAAU,EAAE,UAAA,EAAY,aAAa,CAAA;AAAA,IAClE,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAA,CAAc,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAA,GAAU,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,YAAY;AAC/D,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AAAA,IAC1B,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,qBAAqB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAA,EAAS,CAAA;AAC3D;;;;"}
+{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n      settingsResource.refresh();\n    });\n  };\n\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAE3D,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAE5C,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,KAAK,QAAA,EAAU,GAAG,YAAW,GAAI,KAAA;AAC/D,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,mBAAmB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IAClE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,QAAA,GAAW,iBAAiB,GAAA,EAAI;AAEtC,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAC/C,EAAA,MAAM,cAAc,WAAA,EAAY;AAEhC,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,UAAU,EAAE,UAAA,EAAY,aAAa,CAAA;AAAA,IAClE,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAA,CAAc,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAA,GAAU,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,YAAY;AAC/D,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,gBAAA,CAAiB,OAAA,EAAQ;AAAA,IAC3B,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,qBAAqB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAA,EAAS,CAAA;AAC3D;;;;"}

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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+"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

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

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,mDAiChC,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,mDAkChC,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/{useGridItemProps.d.ts → useBoxItemProps.d.ts}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxItemProps.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useBoxItemProps.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,eAAe,GAAI,OAAO,CAAC;;;;;;;;;;;;CAqEvC,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBoxItem/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,gBAAgB,EAAE,aAAa,CAAC,OAAO,WAAW,CAAC,CAAC;KACrD;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/GridList';
-export * from './components/Items/views/GridListItem';
+export * from './components/Items/views/ListBox';
+export * from './components/Items/views/ListBoxItem';
 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,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"}
+{"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"}

package/dist/types/components/List/model/search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../src/components/List/model/search/Search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,EACV,0BAA0B,EAC1B,WAAW,EACX,WAAW,EACZ,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,qBAAa,MAAM,CAAC,CAAC;IACnB,SAAgB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,SAAgB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpD,SAAgB,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACjE,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAS;IACvC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAS;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;gBAEhB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAiB7D,IAAW,KAAK,IAAI,WAAW,CAE9B;IAED,IAAW,KAAK,YAEf;IAED,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,eAAe;IAOhB,kBAAkB,CAAC,YAAY,EAAE,iBAAiB;IAIlD,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAoBlC,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,EAAE,EAAE,MAAM,OAAO,GAAG,IAAI;CAG1C"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../src/components/List/model/search/Search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,EACV,0BAA0B,EAC1B,WAAW,EACX,WAAW,EACZ,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,qBAAa,MAAM,CAAC,CAAC;IACnB,SAAgB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,SAAgB,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpD,SAAgB,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACjE,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAS;IACvC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAS;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;gBAEhB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAiB7D,IAAW,KAAK,IAAI,WAAW,CAE9B;IAED,IAAW,KAAK,YAEf;IAED,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,eAAe;IAOhB,kBAAkB,CAAC,YAAY,EAAE,iBAAiB;IAIlD,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAkBlC,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,EAAE,EAAE,MAAM,OAAO,GAAG,IAAI;CAG1C"}

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;AAuD3B,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"}
+{"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;AAuD3B,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"}

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/components/SettingsProvider/SettingsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAG7F,OAAO,EACL,aAAa,EACb,KAAK,oBAAoB,EAC1B,MAAM,oDAAoD,CAAC;AAG5D,KAAK,KAAK,GAAG,iBAAiB,GAC5B,wBAAwB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAI/C,eAAO,MAAM,WAAW,iCAA4B,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA2BtC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SettingsProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAG7F,OAAO,EACL,aAAa,EACb,KAAK,oBAAoB,EAC1B,MAAM,oDAAoD,CAAC;AAG5D,KAAK,KAAK,GAAG,iBAAiB,GAC5B,wBAAwB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAI/C,eAAO,MAAM,WAAW,iCAA4B,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA4BtC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsListBoxItemView.d.ts","sourceRoot":"","sources":["../../../src/views/ItemsListBoxItemView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,kEAAkE,CAAC;AAG1E,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,gBAAgB,CAI7C,CAAC;AAGH,eAAe,oBAAoB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsListBoxView.d.ts","sourceRoot":"","sources":["../../../src/views/ItemsListBoxView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,0DAA0D,CAAC;AAGlE,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAGrC,CAAC;AAGH,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.764",
+  "version": "0.2.0-alpha.766",
   "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.764",
+    "@mittwald/flow-icons": "0.2.0-alpha.766",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.764",
+    "@mittwald/react-tunnel": "0.2.0-alpha.766",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.3",
     "@react-aria/live-announcer": "^3.4.4",
@@ -112,7 +112,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.8",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.764",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.766",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -165,7 +165,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.10.0",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.763",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.765",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "*",
     "react": "^19.2.0",
@@ -186,5 +186,5 @@
       "optional": true
     }
   },
-  "gitHead": "871c224b0ef4b398a42e00c9644a9c1c9912b74b"
+  "gitHead": "bc4a6c0fc89ff6377f85db2f8e701b9863cfd12f"
 }

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

@@ -1 +0,0 @@
-{"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/GridList/GridList.mjs.map

@@ -1 +0,0 @@
-{"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/GridListItem/GridListItem.mjs.map

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