@mittwald/flow-react-components 0.2.0-alpha.992 → 0.2.0-alpha.994

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

@@ -4,18 +4,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Overlay } from '../Overlay/Overlay.mjs';
 import clsx from 'clsx';
-import 'mobx';
-import 'react';
-import '../../lib/propsContext/propsContext.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import styles from './LightBox.module.scss.mjs';
 import DivView from '../../views/DivView.mjs';
@@ -23,6 +12,7 @@ import ButtonView from '../../views/ButtonView.mjs';
 import { UiComponentTunnelExit } from '../UiComponentTunnel/UiComponentTunnelExit.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
 import locales from '../../../../../_virtual/_.locale.json@336b55642799ceb712b6536282d93365.mjs';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 
 const LightBox = flowComponent("LightBox", (props) => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"LightBox.mjs","sources":["../../../../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport DivView from \"@/views/DivView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      preserveOrder: true,\n      spacing: \"m\",\n      className: styles.actionGroup,\n      Button: { variant: \"solid\", color: \"light-static\" },\n      tunnel: {\n        id: \"actionGroup\",\n        component: \"LightBox\",\n      },\n    },\n    LightBoxGallery: {\n      className: styles.gallery,\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"LightBox\");\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <DivView className={styles.content}>{children}</DivView>\n        <DivView className={styles.actions}>\n          <ButtonView\n            color=\"light-static\"\n            variant=\"solid\"\n            onPress={() => controller.close()}\n            aria-label={stringFormatter.format(\"close\")}\n          >\n            <IconClose />\n          </ButtonView>\n          <UiComponentTunnelExit id=\"actionGroup\" component=\"LightBox\" />\n        </DivView>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAA,EAAK,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,aAAA,EAAe,IAAA;AAAA,MACf,OAAA,EAAS,GAAA;AAAA,MACT,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAA,EAAS,OAAO,cAAA,EAAe;AAAA,MAClD,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,aAAA;AAAA,QACJ,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,UAAA,EAAY;AAAA,IAC7D,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,UAAU,CAAA;AAEvE,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACZ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AAAA,wBAC9C,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,cAAA;AAAA,cACN,OAAA,EAAQ,OAAA;AAAA,cACR,OAAA,EAAS,MAAM,UAAA,CAAW,KAAA,EAAM;AAAA,cAChC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,OAAO,CAAA;AAAA,cAE1C,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,WACb;AAAA,0BACA,GAAA,CAAC,qBAAA,EAAA,EAAsB,EAAA,EAAG,aAAA,EAAc,WAAU,UAAA,EAAW;AAAA,SAAA,EAC/D;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LightBox.mjs","sources":["../../../../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport DivView from \"@/views/DivView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      preserveOrder: true,\n      spacing: \"m\",\n      className: styles.actionGroup,\n      Button: { variant: \"solid\", color: \"light-static\" },\n      tunnel: {\n        id: \"actionGroup\",\n        component: \"LightBox\",\n      },\n    },\n    LightBoxGallery: {\n      className: styles.gallery,\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"LightBox\");\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <DivView className={styles.content}>{children}</DivView>\n        <DivView className={styles.actions}>\n          <ButtonView\n            color=\"light-static\"\n            variant=\"solid\"\n            onPress={() => controller.close()}\n            aria-label={stringFormatter.format(\"close\")}\n          >\n            <IconClose />\n          </ButtonView>\n          <UiComponentTunnelExit id=\"actionGroup\" component=\"LightBox\" />\n        </DivView>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA+BO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAA,EAAK,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,aAAA,EAAe,IAAA;AAAA,MACf,OAAA,EAAS,GAAA;AAAA,MACT,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAA,EAAS,OAAO,cAAA,EAAe;AAAA,MAClD,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,aAAA;AAAA,QACJ,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,UAAA,EAAY;AAAA,IAC7D,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,UAAU,CAAA;AAEvE,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACZ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AAAA,wBAC9C,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,cAAA;AAAA,cACN,OAAA,EAAQ,OAAA;AAAA,cACR,OAAA,EAAS,MAAM,UAAA,CAAW,KAAA,EAAM;AAAA,cAChC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,OAAO,CAAA;AAAA,cAE1C,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,WACb;AAAA,0BACA,GAAA,CAAC,qBAAA,EAAA,EAAsB,EAAA,EAAG,aAAA,EAAc,WAAU,UAAA,EAAW;AAAA,SAAA,EAC/D;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/LightBoxGallery.mjs

@@ -3,10 +3,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 import React, { useState, useRef, useEffect } from 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
 import { IconChevronLeft } from '../../../Icon/components/icons/IconChevronLeft.mjs';
 import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
 import styles from './LightBoxGallery.module.scss.mjs';

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/LightBoxGallery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxGallery.mjs","sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGallery/LightBoxGallery.tsx"],"sourcesContent":["import { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport React, { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBoxGallery.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport Button from \"@/components/Button\";\nimport { Controls } from \"@/components/LightBox/components/LightBoxGallery/Controls\";\n\nexport interface LightBoxGalleryProps extends PropsWithClassName {\n  children: ReactNode[];\n  defaultIndex?: number;\n}\n\n/** @flr-generate all */\nexport const LightBoxGallery = flowComponent(\"LightBoxGallery\", (props) => {\n  const { children, className, defaultIndex = 0 } = props;\n\n  const [currentIndex, setIndex] = useState(defaultIndex);\n\n  const count = React.Children.count(children);\n\n  const isFirst = currentIndex === 0;\n  const isLast = currentIndex === count - 1;\n\n  const pointerStartX = useRef<number | null>(null);\n  const swipeThreshold = 50;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    containerRef.current?.focus();\n  }, [containerRef.current]);\n\n  const paginate = (direction: number) => {\n    setIndex((prev) => {\n      const next = prev + direction;\n\n      if (next < 0) return 0;\n      if (next >= count) return count - 1;\n\n      return next;\n    });\n  };\n\n  const handlePointerDown = (e: React.PointerEvent) => {\n    if (!e.isPrimary) return;\n    pointerStartX.current = e.clientX;\n  };\n\n  const handlePointerUp = (e: React.PointerEvent) => {\n    if (pointerStartX.current === null) return;\n\n    const distance = pointerStartX.current - e.clientX;\n\n    if (Math.abs(distance) > swipeThreshold) {\n      paginate(distance > 0 ? 1 : -1);\n    }\n\n    pointerStartX.current = null;\n  };\n\n  const handlePointerCancel = () => {\n    pointerStartX.current = null;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case \"ArrowLeft\":\n        if (!isFirst) paginate(-1);\n        break;\n      case \"ArrowRight\":\n        if (!isLast) paginate(1);\n        break;\n    }\n  };\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"LightBox\");\n\n  return (\n    <div className={clsx(styles.lightBoxGallery, className)}>\n      <div\n        ref={containerRef}\n        className={styles.content}\n        onPointerDown={handlePointerDown}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerCancel}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={stringFormatter.format(\"gallery\")}\n      >\n        <div className={styles.galleryItem} key={currentIndex}>\n          {children[currentIndex]}\n        </div>\n\n        <div className={styles.controls}>\n          <Button\n            aria-label={stringFormatter.format(\"previous\")}\n            onPress={() => paginate(-1)}\n            color=\"light-static\"\n            className={styles.previousButton}\n            isDisabled={isFirst}\n          >\n            <IconChevronLeft />\n          </Button>\n\n          <Controls count={count} currentIndex={currentIndex} />\n\n          <Button\n            aria-label={stringFormatter.format(\"next\")}\n            onPress={() => paginate(1)}\n            color=\"light-static\"\n            className={styles.nextButton}\n            isDisabled={isLast}\n          >\n            <IconChevronRight />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default LightBoxGallery;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LightBoxGallery.mjs","sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGallery/LightBoxGallery.tsx"],"sourcesContent":["import { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport React, { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBoxGallery.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport Button from \"@/components/Button\";\nimport { Controls } from \"@/components/LightBox/components/LightBoxGallery/Controls\";\n\nexport interface LightBoxGalleryProps extends PropsWithClassName {\n  children: ReactNode[];\n  defaultIndex?: number;\n}\n\n/** @flr-generate all */\nexport const LightBoxGallery = flowComponent(\"LightBoxGallery\", (props) => {\n  const { children, className, defaultIndex = 0 } = props;\n\n  const [currentIndex, setIndex] = useState(defaultIndex);\n\n  const count = React.Children.count(children);\n\n  const isFirst = currentIndex === 0;\n  const isLast = currentIndex === count - 1;\n\n  const pointerStartX = useRef<number | null>(null);\n  const swipeThreshold = 50;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    containerRef.current?.focus();\n  }, [containerRef.current]);\n\n  const paginate = (direction: number) => {\n    setIndex((prev) => {\n      const next = prev + direction;\n\n      if (next < 0) return 0;\n      if (next >= count) return count - 1;\n\n      return next;\n    });\n  };\n\n  const handlePointerDown = (e: React.PointerEvent) => {\n    if (!e.isPrimary) return;\n    pointerStartX.current = e.clientX;\n  };\n\n  const handlePointerUp = (e: React.PointerEvent) => {\n    if (pointerStartX.current === null) return;\n\n    const distance = pointerStartX.current - e.clientX;\n\n    if (Math.abs(distance) > swipeThreshold) {\n      paginate(distance > 0 ? 1 : -1);\n    }\n\n    pointerStartX.current = null;\n  };\n\n  const handlePointerCancel = () => {\n    pointerStartX.current = null;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case \"ArrowLeft\":\n        if (!isFirst) paginate(-1);\n        break;\n      case \"ArrowRight\":\n        if (!isLast) paginate(1);\n        break;\n    }\n  };\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"LightBox\");\n\n  return (\n    <div className={clsx(styles.lightBoxGallery, className)}>\n      <div\n        ref={containerRef}\n        className={styles.content}\n        onPointerDown={handlePointerDown}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerCancel}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={stringFormatter.format(\"gallery\")}\n      >\n        <div className={styles.galleryItem} key={currentIndex}>\n          {children[currentIndex]}\n        </div>\n\n        <div className={styles.controls}>\n          <Button\n            aria-label={stringFormatter.format(\"previous\")}\n            onPress={() => paginate(-1)}\n            color=\"light-static\"\n            className={styles.previousButton}\n            isDisabled={isFirst}\n          >\n            <IconChevronLeft />\n          </Button>\n\n          <Controls count={count} currentIndex={currentIndex} />\n\n          <Button\n            aria-label={stringFormatter.format(\"next\")}\n            onPress={() => paginate(1)}\n            color=\"light-static\"\n            className={styles.nextButton}\n            isDisabled={isLast}\n          >\n            <IconChevronRight />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default LightBoxGallery;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.mjs

@@ -3,16 +3,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 import styles from '../LightBoxGallery/LightBoxGallery.module.scss.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
 import { IconClose } from '../../../Icon/components/icons/IconClose.mjs';
-import 'mobx';
-import { useOverlayController } from '../../../../lib/controller/overlay/useOverlayController.mjs';
+import 'react';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
@@ -20,6 +13,7 @@ import { useLocalizedStringFormatter } from 'react-aria';
 import locales from '../../../../../../../_virtual/_.locale.json@336b55642799ceb712b6536282d93365.mjs';
 import { Button } from '../../../Button/Button.mjs';
 import { UiComponentTunnelExit } from '../../../UiComponentTunnel/UiComponentTunnelExit.mjs';
+import { useOverlayController } from '../../../../lib/controller/overlay/useOverlayController.mjs';
 
 const LightBoxGalleryItem = flowComponent(
   "LightBoxGalleryItem",

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxGalleryItem.mjs","sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.tsx"],"sourcesContent":["import { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"@/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { useOverlayController } from \"@/lib/hooks\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport type { PropsWithChildren } from \"react\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type LightBoxGalleryItemProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const LightBoxGalleryItem = flowComponent(\n  \"LightBoxGalleryItem\",\n  (props) => {\n    const { children } = props;\n\n    const controller = useOverlayController(\"Modal\");\n\n    const propsContext: PropsContext = {\n      ActionGroup: {\n        spacing: \"m\",\n        className: styles.actionGroup,\n        Button: { color: \"light-static\" },\n        tunnel: { id: \"actionGroup\", component: \"LightBoxGalleryItem\" },\n      },\n      Image: { className: styles.image },\n    };\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    return (\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <div className={styles.actions}>\n          <Button\n            aria-label={stringFormatter.format(\"close\")}\n            color=\"light-static\"\n            onPress={() => controller.close()}\n          >\n            <IconClose />\n          </Button>\n          <UiComponentTunnelExit\n            id=\"actionGroup\"\n            component=\"LightBoxGalleryItem\"\n          />\n        </div>\n      </PropsContextProvider>\n    );\n  },\n);\n\nexport default LightBoxGalleryItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,mBAAA,GAAsB,aAAA;AAAA,EACjC,qBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAErB,IAAA,MAAM,UAAA,GAAa,qBAAqB,OAAO,CAAA;AAE/C,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,WAAA,EAAa;AAAA,QACX,OAAA,EAAS,GAAA;AAAA,QACT,WAAW,MAAA,CAAO,WAAA;AAAA,QAClB,MAAA,EAAQ,EAAE,KAAA,EAAO,cAAA,EAAe;AAAA,QAChC,MAAA,EAAQ,EAAE,EAAA,EAAI,aAAA,EAAe,WAAW,qBAAA;AAAsB,OAChE;AAAA,MACA,KAAA,EAAO,EAAE,SAAA,EAAW,MAAA,CAAO,KAAA;AAAM,KACnC;AAEA,IAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAA,uBACE,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,OAAO,CAAA;AAAA,YAC1C,KAAA,EAAM,cAAA;AAAA,YACN,OAAA,EAAS,MAAM,UAAA,CAAW,KAAA,EAAM;AAAA,YAEhC,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,SACb;AAAA,wBACA,GAAA;AAAA,UAAC,qBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,aAAA;AAAA,YACH,SAAA,EAAU;AAAA;AAAA;AACZ,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}
+{"version":3,"file":"LightBoxGalleryItem.mjs","sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.tsx"],"sourcesContent":["import { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"@/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { useOverlayController } from \"@/lib/hooks\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport type { PropsWithChildren } from \"react\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type LightBoxGalleryItemProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const LightBoxGalleryItem = flowComponent(\n  \"LightBoxGalleryItem\",\n  (props) => {\n    const { children } = props;\n\n    const controller = useOverlayController(\"Modal\");\n\n    const propsContext: PropsContext = {\n      ActionGroup: {\n        spacing: \"m\",\n        className: styles.actionGroup,\n        Button: { color: \"light-static\" },\n        tunnel: { id: \"actionGroup\", component: \"LightBoxGalleryItem\" },\n      },\n      Image: { className: styles.image },\n    };\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    return (\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <div className={styles.actions}>\n          <Button\n            aria-label={stringFormatter.format(\"close\")}\n            color=\"light-static\"\n            onPress={() => controller.close()}\n          >\n            <IconClose />\n          </Button>\n          <UiComponentTunnelExit\n            id=\"actionGroup\"\n            component=\"LightBoxGalleryItem\"\n          />\n        </div>\n      </PropsContextProvider>\n    );\n  },\n);\n\nexport default LightBoxGalleryItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,mBAAA,GAAsB,aAAA;AAAA,EACjC,qBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAErB,IAAA,MAAM,UAAA,GAAa,qBAAqB,OAAO,CAAA;AAE/C,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,WAAA,EAAa;AAAA,QACX,OAAA,EAAS,GAAA;AAAA,QACT,WAAW,MAAA,CAAO,WAAA;AAAA,QAClB,MAAA,EAAQ,EAAE,KAAA,EAAO,cAAA,EAAe;AAAA,QAChC,MAAA,EAAQ,EAAE,EAAA,EAAI,aAAA,EAAe,WAAW,qBAAA;AAAsB,OAChE;AAAA,MACA,KAAA,EAAO,EAAE,SAAA,EAAW,MAAA,CAAO,KAAA;AAAM,KACnC;AAEA,IAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAA,uBACE,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,OAAO,CAAA;AAAA,YAC1C,KAAA,EAAM,cAAA;AAAA,YACN,OAAA,EAAS,MAAM,UAAA,CAAW,KAAA,EAAM;AAAA,YAEhC,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,SACb;AAAA,wBACA,GAAA;AAAA,UAAC,qBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,aAAA;AAAA,YACH,SAAA,EAAU;AAAA;AAAA;AACZ,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist/js/packages/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs

@@ -1,8 +1,6 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react-aria-components';
-import '../../../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
 import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
 import DialogTriggerView from '../../../../views/DialogTriggerView.mjs';
 

package/dist/js/packages/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxTrigger.mjs","sources":["../../../../../../../../../src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type LightBoxTriggerProps = OverlayTriggerProps;\n\nexport const LightBoxTrigger: FC<LightBoxTriggerProps> = (props) => {\n  const { children, ...triggerProps } = props;\n  return (\n    <OverlayTrigger\n      overlayType=\"LightBox\"\n      {...triggerProps}\n      component={DialogTriggerView}\n    >\n      {children}\n    </OverlayTrigger>\n  );\n};\n\nexport default LightBoxTrigger;\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACX,GAAG,YAAA;AAAA,MACJ,SAAA,EAAW,iBAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"LightBoxTrigger.mjs","sources":["../../../../../../../../../src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type LightBoxTriggerProps = OverlayTriggerProps;\n\nexport const LightBoxTrigger: FC<LightBoxTriggerProps> = (props) => {\n  const { children, ...triggerProps } = props;\n  return (\n    <OverlayTrigger\n      overlayType=\"LightBox\"\n      {...triggerProps}\n      component={DialogTriggerView}\n    >\n      {children}\n    </OverlayTrigger>\n  );\n};\n\nexport default LightBoxTrigger;\n"],"names":[],"mappings":";;;;AAOO,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACX,GAAG,YAAA;AAAA,MACJ,SAAA,EAAW,iBAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -3,7 +3,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useContext } from 'react';
 import * as Aria from 'react-aria-components';
-import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import styles from './Link.module.scss.mjs';
 import clsx from 'clsx';

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

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { handleLinkClick, useRouter } from \"@react-aria/utils\";\n\nexport interface LinkProps\n  extends\n    PropsWithChildren<Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">>,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  \"aria-current\"?: string;\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"default\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    size = \"m\",\n    onClickCapture: onClickCaptureFromProps,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const router = useRouter();\n\n  /**\n   * An interactive child (e.g. a Button) stops click propagation via React\n   * Aria's `usePress`, so the anchor's own `onClick` never runs and navigation\n   * falls back to a full page load. Handling it in the capture phase (top-down,\n   * before the child) keeps navigation client-side. Only needed for React\n   * Aria's `<a>`; custom link components handle navigation themselves.\n   */\n  const handleClickCapture =\n    Link === Aria.Link && props.href\n      ? (event: MouseEvent<HTMLAnchorElement>) => {\n          onClickCaptureFromProps?.(event);\n          if (event.target !== event.currentTarget) {\n            handleLinkClick(event, router, props.href, props.routerOptions);\n          }\n        }\n      : onClickCaptureFromProps;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        isAlphaColor(color) && styles[color],\n        size === \"s\" && styles[\"size-s\"],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"s\",\n    },\n    AlertText: {\n      className: styles.alertText,\n    },\n    AccentBox: { className: styles.accentBox },\n    LayoutCard: { className: styles.layoutCard },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      onClickCapture={handleClickCapture}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <LinkIcon {...props} />\n      </PropsContextProvider>\n    </Link>\n  );\n});\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;;;AA8CO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA,EAAe,sBAAA;AAAA,IACf,KAAA,GAAQ,SAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,cAAA,EAAgB,WAAA;AAAA,IAChB,GAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,KAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA,GAAO,GAAA;AAAA,IACP,cAAA,EAAgB,uBAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,aAAA,EAAe,wBAAA,EAAyB,GAAI,WAAW,WAAW,CAAA;AAC1E,EAAA,MAAMA,QAAO,sBAAA,GACR,sBAAA,GACD,MAAM,IAAA,IAAQ,wBAAA,GACX,2BACD,IAAA,CAAK,IAAA;AAEX,EAAA,MAAM,SAAS,SAAA,EAAU;AASzB,EAAA,MAAM,qBACJA,KAAAA,KAAS,IAAA,CAAK,QAAQ,KAAA,CAAM,IAAA,GACxB,CAAC,KAAA,KAAyC;AACxC,IAAA,uBAAA,GAA0B,KAAK,CAAA;AAC/B,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,EAAe;AACxC,MAAA,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,KAAA,CAAM,IAAA,EAAM,MAAM,aAAa,CAAA;AAAA,IAChE;AAAA,EACF,CAAA,GACA,uBAAA;AAEN,EAAA,MAAM,aAAA,GAAgB,WAClB,SAAA,GACA,IAAA;AAAA,IACE,MAAA,CAAO,IAAA;AAAA,IACP,UAAU,MAAA,CAAO,MAAA;AAAA,IACjB,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC,IAAA,KAAS,GAAA,IAAO,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B;AAAA,GACF;AAEJ,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,SAAA,EAAW,EAAE,SAAA,EAAW,MAAA,CAAO,SAAA,EAAU;AAAA,IACzC,UAAA,EAAY,EAAE,SAAA,EAAW,MAAA,CAAO,UAAA;AAAW,GAC7C;AAEA,EAAA,MAAM,8BAA8B,WAAA,GAC/B;AAAA,IACC,cAAA,EAAgB;AAAA,MAElB,EAAC;AAEL,EAAA,uBACE,GAAA;AAAA,IAACA,KAAAA;AAAA,IAAA;AAAA,MACE,GAAG,2BAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,cAAA,EAAgB,kBAAA;AAAA,MAChB,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACA,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,UAAA,EAAW;AAAA,MAE9B,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO;AAAA,OAAA,EACvB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Link.mjs","sources":["../../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { handleLinkClick, useRouter } from \"@react-aria/utils\";\n\nexport interface LinkProps\n  extends\n    PropsWithChildren<Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">>,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  \"aria-current\"?: string;\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"default\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    size = \"m\",\n    onClickCapture: onClickCaptureFromProps,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const router = useRouter();\n\n  /**\n   * An interactive child (e.g. a Button) stops click propagation via React\n   * Aria's `usePress`, so the anchor's own `onClick` never runs and navigation\n   * falls back to a full page load. Handling it in the capture phase (top-down,\n   * before the child) keeps navigation client-side. Only needed for React\n   * Aria's `<a>`; custom link components handle navigation themselves.\n   */\n  const handleClickCapture =\n    Link === Aria.Link && props.href\n      ? (event: MouseEvent<HTMLAnchorElement>) => {\n          onClickCaptureFromProps?.(event);\n          if (event.target !== event.currentTarget) {\n            handleLinkClick(event, router, props.href, props.routerOptions);\n          }\n        }\n      : onClickCaptureFromProps;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        isAlphaColor(color) && styles[color],\n        size === \"s\" && styles[\"size-s\"],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"s\",\n    },\n    AlertText: {\n      className: styles.alertText,\n    },\n    AccentBox: { className: styles.accentBox },\n    LayoutCard: { className: styles.layoutCard },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      onClickCapture={handleClickCapture}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <LinkIcon {...props} />\n      </PropsContextProvider>\n    </Link>\n  );\n});\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;;AA8CO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA,EAAe,sBAAA;AAAA,IACf,KAAA,GAAQ,SAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,cAAA,EAAgB,WAAA;AAAA,IAChB,GAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,KAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA,GAAO,GAAA;AAAA,IACP,cAAA,EAAgB,uBAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,aAAA,EAAe,wBAAA,EAAyB,GAAI,WAAW,WAAW,CAAA;AAC1E,EAAA,MAAMA,QAAO,sBAAA,GACR,sBAAA,GACD,MAAM,IAAA,IAAQ,wBAAA,GACX,2BACD,IAAA,CAAK,IAAA;AAEX,EAAA,MAAM,SAAS,SAAA,EAAU;AASzB,EAAA,MAAM,qBACJA,KAAAA,KAAS,IAAA,CAAK,QAAQ,KAAA,CAAM,IAAA,GACxB,CAAC,KAAA,KAAyC;AACxC,IAAA,uBAAA,GAA0B,KAAK,CAAA;AAC/B,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,EAAe;AACxC,MAAA,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,KAAA,CAAM,IAAA,EAAM,MAAM,aAAa,CAAA;AAAA,IAChE;AAAA,EACF,CAAA,GACA,uBAAA;AAEN,EAAA,MAAM,aAAA,GAAgB,WAClB,SAAA,GACA,IAAA;AAAA,IACE,MAAA,CAAO,IAAA;AAAA,IACP,UAAU,MAAA,CAAO,MAAA;AAAA,IACjB,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC,IAAA,KAAS,GAAA,IAAO,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B;AAAA,GACF;AAEJ,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,SAAA,EAAW,EAAE,SAAA,EAAW,MAAA,CAAO,SAAA,EAAU;AAAA,IACzC,UAAA,EAAY,EAAE,SAAA,EAAW,MAAA,CAAO,UAAA;AAAW,GAC7C;AAEA,EAAA,MAAM,8BAA8B,WAAA,GAC/B;AAAA,IACC,cAAA,EAAgB;AAAA,MAElB,EAAC;AAEL,EAAA,uBACE,GAAA;AAAA,IAACA,KAAAA;AAAA,IAAA;AAAA,MACE,GAAG,2BAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,cAAA,EAAgB,kBAAA;AAAA,MAChB,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACA,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,UAAA,EAAW;AAAA,MAE9B,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO;AAAA,OAAA,EACvB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/packages/components/src/components/Link/components/LinkIcon/LinkIcon.mjs

@@ -1,11 +1,6 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
 import { IconDownload } from '../../../Icon/components/icons/IconDownload.mjs';
 import { IconExternalLink } from '../../../Icon/components/icons/IconExternalLink.mjs';
 import locales from '../../../../../../../_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs';

package/dist/js/packages/components/src/components/Link/components/LinkIcon/LinkIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkIcon.mjs","sources":["../../../../../../../../../src/components/Link/components/LinkIcon/LinkIcon.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  IconDownload,\n  IconExternalLink,\n} from \"@/components/Icon/components/icons\";\nimport type { LinkProps } from \"@/components/Link\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"../../Link.module.scss\";\n\nexport const LinkIcon: FC<LinkProps> = (props) => {\n  const { unstyled, target, download } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Link\");\n\n  if (unstyled) {\n    return null;\n  }\n\n  if (download) {\n    return (\n      <IconDownload\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"download\")}\n      />\n    );\n  }\n\n  if (target === \"_blank\") {\n    return (\n      <IconExternalLink\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"external\")}\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default LinkIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,MAAM,QAAA,GAA0B,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAS,GAAI,KAAA;AAEvC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACE,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,QAAA;AAAA,QAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,UAAU;AAAA;AAAA,KAC/C;AAAA,EAEJ;AAEA,EAAA,IAAI,WAAW,QAAA,EAAU;AACvB,IAAA,uBACE,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,QAAA;AAAA,QAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,UAAU;AAAA;AAAA,KAC/C;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"LinkIcon.mjs","sources":["../../../../../../../../../src/components/Link/components/LinkIcon/LinkIcon.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  IconDownload,\n  IconExternalLink,\n} from \"@/components/Icon/components/icons\";\nimport type { LinkProps } from \"@/components/Link\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"../../Link.module.scss\";\n\nexport const LinkIcon: FC<LinkProps> = (props) => {\n  const { unstyled, target, download } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Link\");\n\n  if (unstyled) {\n    return null;\n  }\n\n  if (download) {\n    return (\n      <IconDownload\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"download\")}\n      />\n    );\n  }\n\n  if (target === \"_blank\") {\n    return (\n      <IconExternalLink\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"external\")}\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default LinkIcon;\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,QAAA,GAA0B,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAS,GAAI,KAAA;AAEvC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACE,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,QAAA;AAAA,QAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,UAAU;AAAA;AAAA,KAC/C;AAAA,EAEJ;AAEA,EAAA,IAAI,WAAW,QAAA,EAAU;AACvB,IAAA,uBACE,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,QAAA;AAAA,QAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,UAAU;AAAA;AAAA,KAC/C;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}

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

@@ -21,16 +21,15 @@ import { TableColumn } from './setupComponents/TableColumn.mjs';
 import { TableHeader } from './setupComponents/TableHeader.mjs';
 import { TableRow } from './setupComponents/TableRow.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { deepFindOfType, deepFilterByType } from '../../lib/react/deepFindOfType.mjs';
 import DivView from '../../views/DivView.mjs';
-import { Footer } from './components/Footer/Footer.mjs';
 import styles from './List.module.css.mjs';
 import { listContext } from './listContext.mjs';
 import { ListLoaderHooks } from './setupComponents/ListLoaderHooks.mjs';
 import { UiComponentTunnelExit } from '../UiComponentTunnel/UiComponentTunnelExit.mjs';
 import ListEmptyViewContainerView from '../../views/ListEmptyViewContainerView.mjs';
+import { Footer } from './components/Footer/Footer.mjs';
 
 const List = flowComponent("List", (props) => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.css\";\nimport { Items } from \"@/components/List/components/Items/Items\";\nimport { Table } from \"@/components/List/components/Table\";\nimport ListModel from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport DivView from \"@/views/DivView\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport Footer from \"./components/Footer\";\nimport styles from \"./List.module.css\";\nimport { listContext } from \"./listContext\";\nimport { ListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\nimport ListEmptyViewContainerView from \"@/views/ListEmptyViewContainerView\";\n\nexport interface ListProps<T, TMeta = unknown>\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    Omit<\n      ListShape<T, TMeta>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n  /**\n   * Automatically loads the next batch of items when the user scrolls to the\n   * end of the list, instead of showing a \"Show more\" button.\n   *\n   * @default false\n   */\n  infiniteScroll?: boolean;\n  hidePagination?: boolean;\n  emptySearchResultView?: ReactNode;\n  emptyView?: ReactNode;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const {\n    children,\n    batchSize,\n    loadingItemsCount = batchSize,\n    onChange,\n    ref,\n    hidePagination,\n    ...restProps\n  } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<never>,\n  )?.props;\n  const listLoaderHooks = deepFindOfType(\n    children,\n    ListLoaderHooks<never>,\n  )?.props;\n  const listLoaderAsyncResource = deepFindOfType(\n    children,\n    ListLoaderAsyncResource<never>,\n  )?.props;\n  const listStaticData = deepFindOfType(children, ListStaticData<never>)?.props;\n\n  const loaderShape: IncrementalLoaderShape<never> = {\n    source: listLoaderAsync\n      ? {\n          ...listLoaderAsync,\n          asyncLoader: listLoaderAsync.children,\n        }\n      : listLoaderAsyncResource\n        ? {\n            ...listLoaderAsyncResource,\n            asyncResourceFactory: listLoaderAsyncResource.children,\n          }\n        : listStaticData\n          ? {\n              staticData: listStaticData.data,\n            }\n          : listLoaderHooks\n            ? {\n                ...listLoaderHooks,\n                useData: listLoaderHooks.children,\n              }\n            : undefined,\n  };\n\n  const searchProps = deepFindOfType(children, ListSearch)?.props;\n  const itemViewProps = deepFindOfType(children, ListItem<never>)?.props;\n\n  const tableProps = deepFindOfType(children, TableSetupComponent)?.props;\n  const tableColumnProps = deepFilterByType(children, TableColumn<never>).map(\n    (c) => ({\n      ...c.props,\n      name: c.props.children,\n    }),\n  );\n  const tableCellProps = deepFilterByType(children, TableCell<never>).map(\n    (c) => ({\n      ...c.props,\n      renderFn: c.props.children,\n    }),\n  );\n\n  const tableRowProps = deepFindOfType(children, TableRow)?.props;\n  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;\n  const tableBodyProps = deepFindOfType(children, TableBody)?.props;\n\n  const listModel = ListModel.useNew<never>({\n    onChange,\n    loader: loaderShape,\n    filters: deepFilterByType(children, ListFilter<never, never, never>).map(\n      (f) => ({\n        ...f.props,\n        renderItem: f.props.children,\n      }),\n    ),\n    search: searchProps\n      ? {\n          render: searchProps.children,\n          textFieldProps: searchProps,\n          defaultValue: searchProps.defaultValue,\n          autosave: searchProps.autosave,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      preserveOrder: true,\n      tunnel: {\n        id: \"actions\",\n        component: \"List\",\n      },\n      className: headerStyles.actions,\n      Button: {\n        className: headerStyles.action,\n      },\n    },\n    ListSummary: {\n      tunnel: {\n        id: \"listSummary\",\n        component: \"List\",\n      },\n    },\n  };\n\n  const isEmpty = listModel.useIsEmpty();\n\n  // IMPORTANT: we always render the emptyView to the dom.\n  // otherwise we will lose e.g. modalState when switching from noItems to itemsAvailable and vise versa.\n  const emptyView = (\n    <DivView\n      aria-hidden={!isEmpty}\n      className={!isEmpty ? styles.hideVisuallyEmptyView : undefined}\n    >\n      <ListEmptyViewContainerView\n        viewType={listModel.getEmptyViewType()}\n        emptySearchResultView={listModel.emptySearchResultView}\n        emptyView={listModel.emptyView}\n      />\n    </DivView>\n  );\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <listContext.Provider\n        value={{\n          list: listModel,\n        }}\n      >\n        <DataLoader />\n        <DivView className={styles.list} ref={ref}>\n          {children}\n          <Header />\n\n          <DivView className={styles.listWrapper}>\n            {emptyView}\n            {listModel.items.entries.length > 0 && (\n              <UiComponentTunnelExit id=\"listSummary\" component=\"List\" />\n            )}\n            {(listModel.viewMode.isList || listModel.viewMode.isTiles) && (\n              <Items />\n            )}\n            {listModel.viewMode.isTable && <Table />}\n          </DivView>\n          {!hidePagination && <Footer />}\n        </DivView>\n      </listContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"names":["TableSetupComponent","ListModel"],"mappings":"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"}
+{"version":3,"file":"List.mjs","sources":["../../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.css\";\nimport { Items } from \"@/components/List/components/Items/Items\";\nimport { Table } from \"@/components/List/components/Table\";\nimport ListModel from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport DivView from \"@/views/DivView\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport Footer from \"./components/Footer\";\nimport styles from \"./List.module.css\";\nimport { listContext } from \"./listContext\";\nimport { ListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\nimport ListEmptyViewContainerView from \"@/views/ListEmptyViewContainerView\";\n\nexport interface ListProps<T, TMeta = unknown>\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    Omit<\n      ListShape<T, TMeta>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n  /**\n   * Automatically loads the next batch of items when the user scrolls to the\n   * end of the list, instead of showing a \"Show more\" button.\n   *\n   * @default false\n   */\n  infiniteScroll?: boolean;\n  hidePagination?: boolean;\n  emptySearchResultView?: ReactNode;\n  emptyView?: ReactNode;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const {\n    children,\n    batchSize,\n    loadingItemsCount = batchSize,\n    onChange,\n    ref,\n    hidePagination,\n    ...restProps\n  } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<never>,\n  )?.props;\n  const listLoaderHooks = deepFindOfType(\n    children,\n    ListLoaderHooks<never>,\n  )?.props;\n  const listLoaderAsyncResource = deepFindOfType(\n    children,\n    ListLoaderAsyncResource<never>,\n  )?.props;\n  const listStaticData = deepFindOfType(children, ListStaticData<never>)?.props;\n\n  const loaderShape: IncrementalLoaderShape<never> = {\n    source: listLoaderAsync\n      ? {\n          ...listLoaderAsync,\n          asyncLoader: listLoaderAsync.children,\n        }\n      : listLoaderAsyncResource\n        ? {\n            ...listLoaderAsyncResource,\n            asyncResourceFactory: listLoaderAsyncResource.children,\n          }\n        : listStaticData\n          ? {\n              staticData: listStaticData.data,\n            }\n          : listLoaderHooks\n            ? {\n                ...listLoaderHooks,\n                useData: listLoaderHooks.children,\n              }\n            : undefined,\n  };\n\n  const searchProps = deepFindOfType(children, ListSearch)?.props;\n  const itemViewProps = deepFindOfType(children, ListItem<never>)?.props;\n\n  const tableProps = deepFindOfType(children, TableSetupComponent)?.props;\n  const tableColumnProps = deepFilterByType(children, TableColumn<never>).map(\n    (c) => ({\n      ...c.props,\n      name: c.props.children,\n    }),\n  );\n  const tableCellProps = deepFilterByType(children, TableCell<never>).map(\n    (c) => ({\n      ...c.props,\n      renderFn: c.props.children,\n    }),\n  );\n\n  const tableRowProps = deepFindOfType(children, TableRow)?.props;\n  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;\n  const tableBodyProps = deepFindOfType(children, TableBody)?.props;\n\n  const listModel = ListModel.useNew<never>({\n    onChange,\n    loader: loaderShape,\n    filters: deepFilterByType(children, ListFilter<never, never, never>).map(\n      (f) => ({\n        ...f.props,\n        renderItem: f.props.children,\n      }),\n    ),\n    search: searchProps\n      ? {\n          render: searchProps.children,\n          textFieldProps: searchProps,\n          defaultValue: searchProps.defaultValue,\n          autosave: searchProps.autosave,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      preserveOrder: true,\n      tunnel: {\n        id: \"actions\",\n        component: \"List\",\n      },\n      className: headerStyles.actions,\n      Button: {\n        className: headerStyles.action,\n      },\n    },\n    ListSummary: {\n      tunnel: {\n        id: \"listSummary\",\n        component: \"List\",\n      },\n    },\n  };\n\n  const isEmpty = listModel.useIsEmpty();\n\n  // IMPORTANT: we always render the emptyView to the dom.\n  // otherwise we will lose e.g. modalState when switching from noItems to itemsAvailable and vise versa.\n  const emptyView = (\n    <DivView\n      aria-hidden={!isEmpty}\n      className={!isEmpty ? styles.hideVisuallyEmptyView : undefined}\n    >\n      <ListEmptyViewContainerView\n        viewType={listModel.getEmptyViewType()}\n        emptySearchResultView={listModel.emptySearchResultView}\n        emptyView={listModel.emptyView}\n      />\n    </DivView>\n  );\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <listContext.Provider\n        value={{\n          list: listModel,\n        }}\n      >\n        <DataLoader />\n        <DivView className={styles.list} ref={ref}>\n          {children}\n          <Header />\n\n          <DivView className={styles.listWrapper}>\n            {emptyView}\n            {listModel.items.entries.length > 0 && (\n              <UiComponentTunnelExit id=\"listSummary\" component=\"List\" />\n            )}\n            {(listModel.viewMode.isList || listModel.viewMode.isTiles) && (\n              <Items />\n            )}\n            {listModel.viewMode.isTable && <Table />}\n          </DivView>\n          {!hidePagination && <Footer />}\n        </DivView>\n      </listContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"names":["TableSetupComponent","ListModel"],"mappings":"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"}

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

@@ -1,11 +1,6 @@
 "use client"
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
 import { IconSearch } from '../../../Icon/components/icons/IconSearch.mjs';
 import locales from '../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import IllustratedMessageView from '../../../../views/IllustratedMessageView.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySearchResultView.mjs","sources":["../../../../../../../../../src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptySearchResultViewProps = Record<string, never>;\n\nexport const EmptySearchResultView: FC<EmptySearchResultViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconSearch />\n      <HeadingView>{stringFormatter.format(\"noResult.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noResult.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,wBAAwD,MAAM;AACzE,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA,EAAE,CAAA;AAAA,oBACzD,GAAA,CAAC,QAAA,EAAA,EAAU,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,eAAe,CAAA,EAAE;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EmptySearchResultView.mjs","sources":["../../../../../../../../../src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptySearchResultViewProps = Record<string, never>;\n\nexport const EmptySearchResultView: FC<EmptySearchResultViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconSearch />\n      <HeadingView>{stringFormatter.format(\"noResult.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noResult.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,wBAAwD,MAAM;AACzE,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA,EAAE,CAAA;AAAA,oBACzD,GAAA,CAAC,QAAA,EAAA,EAAU,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,eAAe,CAAA,EAAE;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}

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

@@ -5,11 +5,6 @@ import locales from '../../../../../../../_virtual/_.locale.json@8d5024994f97657
 import IllustratedMessageView from '../../../../views/IllustratedMessageView.mjs';
 import HeadingView from '../../../../views/HeadingView.mjs';
 import TextView from '../../../../views/TextView.mjs';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
 import { IconUnorderedList } from '../../../Icon/components/icons/IconUnorderedList.mjs';
 import '../../../TranslationProvider/TranslationProvider.mjs';
 import { useLocalizedStringFormatter } from '../../../TranslationProvider/useLocalizedStringFormatter.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyView.mjs","sources":["../../../../../../../../../src/components/List/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { IconUnorderedList } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptyViewProps = Record<string, never>;\n\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconUnorderedList />\n      <HeadingView>{stringFormatter.format(\"noItems.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noItems.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,YAAgC,MAAM;AACjD,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,iBAAiB,CAAA,EAAE,CAAA;AAAA,oBACxD,GAAA,CAAC,QAAA,EAAA,EAAU,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA,EAAE;AAAA,GAAA,EACpD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EmptyView.mjs","sources":["../../../../../../../../../src/components/List/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { IconUnorderedList } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptyViewProps = Record<string, never>;\n\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconUnorderedList />\n      <HeadingView>{stringFormatter.format(\"noItems.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noItems.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,YAAgC,MAAM;AACjD,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,iBAAiB,CAAA,EAAE,CAAA;AAAA,oBACxD,GAAA,CAAC,QAAA,EAAA,EAAU,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,cAAc,CAAA,EAAE;AAAA,GAAA,EACpD,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -6,11 +6,6 @@ import styles from './ActiveFilters.module.scss.mjs';
 import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { observer } from 'mobx-react-lite';
 import { useLocalizedStringFormatter } from '../../../../../TranslationProvider/useLocalizedStringFormatter.mjs';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
 import { IconClose } from '../../../../../Icon/components/icons/IconClose.mjs';
 import { IconSave } from '../../../../../Icon/components/icons/IconSave.mjs';
 import { IconUndo } from '../../../../../Icon/components/icons/IconUndo.mjs';

package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilters.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\nimport { Filter } from \"@/components/List/model/filter/Filter\";\nimport { transformDateValueToFormattedDate } from \"@/lib/date/transformDateValueToFormattedDate\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const ActiveFilters: FC<Props> = observer((props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const activeFilters = list.filters.flatMap((f) => {\n    if (f instanceof DateRangeFilter) {\n      const value = f.getValue();\n      if (value) {\n        return [\n          <BadgeView\n            key={f.name}\n            onClose={() => f.clear()}\n            isDisabled={isDisabled}\n          >\n            <TextView>\n              {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`}\n            </TextView>\n          </BadgeView>,\n        ];\n      }\n    }\n\n    return f.values\n      .filter((v) => v.isActive)\n      .map((v) => (\n        <BadgeView\n          key={v.id}\n          onClose={() => v.deactivate()}\n          isDisabled={isDisabled}\n        >\n          <TextView>{v.render()}</TextView>\n        </BadgeView>\n      ));\n  });\n\n  const storingAvailable = list.filters.some((f) => f.isStoringAvailable());\n  const hasChanges = list.filters.some((f) => f.hasChanges());\n\n  const storeFiltersButton = storingAvailable && hasChanges && (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.store\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() =>\n          Filter.storeFilters(list, { autosave: false, manualSave: true })\n        }\n        aria-label={formatter.format(\"filters.store\")}\n      >\n        <IconSave />\n      </ButtonView>\n    </TooltipTriggerView>\n  );\n\n  const resetFiltersButton = hasChanges ? (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.reset\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTriggerView>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTriggerView isDisabled={isDisabled}>\n        <TooltipView>{formatter.format(\"filters.clear\")}</TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTriggerView>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActiveFilters.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\nimport { Filter } from \"@/components/List/model/filter/Filter\";\nimport { transformDateValueToFormattedDate } from \"@/lib/date/transformDateValueToFormattedDate\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const ActiveFilters: FC<Props> = observer((props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const activeFilters = list.filters.flatMap((f) => {\n    if (f instanceof DateRangeFilter) {\n      const value = f.getValue();\n      if (value) {\n        return [\n          <BadgeView\n            key={f.name}\n            onClose={() => f.clear()}\n            isDisabled={isDisabled}\n          >\n            <TextView>\n              {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`}\n            </TextView>\n          </BadgeView>,\n        ];\n      }\n    }\n\n    return f.values\n      .filter((v) => v.isActive)\n      .map((v) => (\n        <BadgeView\n          key={v.id}\n          onClose={() => v.deactivate()}\n          isDisabled={isDisabled}\n        >\n          <TextView>{v.render()}</TextView>\n        </BadgeView>\n      ));\n  });\n\n  const storingAvailable = list.filters.some((f) => f.isStoringAvailable());\n  const hasChanges = list.filters.some((f) => f.hasChanges());\n\n  const storeFiltersButton = storingAvailable && hasChanges && (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.store\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() =>\n          Filter.storeFilters(list, { autosave: false, manualSave: true })\n        }\n        aria-label={formatter.format(\"filters.store\")}\n      >\n        <IconSave />\n      </ButtonView>\n    </TooltipTriggerView>\n  );\n\n  const resetFiltersButton = hasChanges ? (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.reset\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTriggerView>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTriggerView isDisabled={isDisabled}>\n        <TooltipView>{formatter.format(\"filters.clear\")}</TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTriggerView>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs

@@ -1,51 +1,26 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
 import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
 import ButtonView from '../../../../../../views/ButtonView.mjs';
-import 'invariant';
-import 'react-aria-components';
-import clsx from 'clsx';
-import '../../../ListItemView/ListItemView.mjs';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import '../../../../../ColumnLayout/ColumnLayout.mjs';
-import '../../../ListSummary/ListSummary.mjs';
-import '../../../../../../views/DivView.mjs';
-import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-import '../../../../../../views/IllustratedMessageView.mjs';
-import HeadingView from '../../../../../../views/HeadingView.mjs';
-import TextView from '../../../../../../views/TextView.mjs';
-import '../../../../../TranslationProvider/TranslationProvider.mjs';
-import { useLocalizedStringFormatter } from '../../../../../TranslationProvider/useLocalizedStringFormatter.mjs';
-import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
-import '../../../../../Heading/Heading.mjs';
-import '../../../../../Text/Text.mjs';
 import { useList } from '../../../../hooks/useList.mjs';
-import '../../../../listContext.mjs';
-import 'mobx';
-import '../../../../List.mjs';
-import '../../../../../DeprecationWarningProvider/DeprecationWarningProvider.mjs';
 import headerStyles from '../../Header.module.css.mjs';
+import { useLocalizedStringFormatter } from '../../../../../TranslationProvider/useLocalizedStringFormatter.mjs';
+import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import ContentView from '../../../../../../views/ContentView.mjs';
 import SectionView from '../../../../../../views/SectionView.mjs';
 import { FilterAccordion } from './FilterAccordion.mjs';
 import { ViewModeAccordion } from './ViewModeAccordion.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
 import { SortingAccordion } from './SortingAccordion.mjs';
 import ActionGroupView from '../../../../../../views/ActionGroupView.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../../../../../lib/controller/overlay/useOverlayController.mjs';
-import { ModalTrigger } from '../../../../../Modal/components/ModalTrigger/ModalTrigger.mjs';
+import HeadingView from '../../../../../../views/HeadingView.mjs';
+import clsx from 'clsx';
 import { Modal } from '../../../../../Modal/Modal.mjs';
 import { SkeletonText } from '../../../../../SkeletonText/SkeletonText.mjs';
 import { useAvailableViewModes } from '../../lib.mjs';
+import { useOverlayController } from '../../../../../../lib/controller/overlay/useOverlayController.mjs';
+import { ModalTrigger } from '../../../../../Modal/components/ModalTrigger/ModalTrigger.mjs';
 
 const AllFiltersModal = (props) => {
   const { isDisabled } = props;

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AllFiltersModal.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContentView from \"@/views/ContentView\";\nimport SectionView from \"@/views/SectionView\";\nimport { FilterAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordion\";\nimport { ViewModeAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion\";\nimport TextView from \"@/views/TextView\";\nimport { SortingAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/SortingAccordion\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport HeadingView from \"@/views/HeadingView\";\nimport clsx from \"clsx\";\nimport Modal, { ModalTrigger } from \"@/components/Modal\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { useAvailableViewModes } from \"../../lib\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const AllFiltersModal: FC<Props> = (props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const totalItemCount =\n    list.batches.getTotalItemsCount() ?? list.items.entries.length;\n\n  const availableViewModes = useAvailableViewModes();\n\n  const accordionCount =\n    (availableViewModes.length > 1 ? 1 : 0) +\n    (list.sorting.length > 0 ? 1 : 0) +\n    list.filters.length;\n\n  const expandAccordions = accordionCount <= 2;\n\n  const filterAccordions = list.filters.map((f) => (\n    <FilterAccordion\n      filter={f}\n      key={f.name}\n      expandAccordions={expandAccordions}\n    />\n  ));\n\n  const accordions = [\n    availableViewModes.length > 1 && (\n      <ViewModeAccordion key=\"viewMode\" expandAccordions={expandAccordions} />\n    ),\n    list.sorting.length > 0 && (\n      <SortingAccordion key=\"sorting\" expandAccordions={expandAccordions} />\n    ),\n    ...filterAccordions,\n  ].filter(Boolean);\n\n  const hasSecondaryFilters = list.filters.some(\n    (f) => f.priority === \"secondary\",\n  );\n\n  const controller = useOverlayController(\"Modal\", {\n    reuseControllerFromContext: false,\n  });\n\n  if (accordions.length === 0) {\n    return null;\n  }\n\n  return (\n    <ModalTrigger controller={controller}>\n      <ButtonView\n        className={clsx(\n          styles.hideOnMobile,\n          hasSecondaryFilters ? undefined : styles.hideOnDesktop,\n        )}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{stringFormatter.format(\"filters.all\")}</TextView>\n        <IconFilter />\n      </ButtonView>\n\n      <ButtonView\n        className={styles.hideOnDesktop}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"filters.all\")}\n      >\n        <IconFilter />\n      </ButtonView>\n\n      <Modal offCanvas controller={controller}>\n        <HeadingView>{stringFormatter.format(\"filters.all\")}</HeadingView>\n        <ContentView>\n          <SectionView>{...accordions}</SectionView>\n        </ContentView>\n\n        <ActionGroupView>\n          <ButtonView onPress={() => controller.close()}>\n            <TextView>\n              {isInitiallyLoading ? (\n                <SkeletonText width=\"16ch\" />\n              ) : (\n                stringFormatter.format(\"results.show\", {\n                  totalItemCount,\n                })\n              )}\n            </TextView>\n          </ButtonView>\n          <ButtonView\n            color=\"secondary\"\n            variant=\"soft\"\n            onPress={() => {\n              list.resetFilters();\n              controller.close();\n            }}\n          >\n            {stringFormatter.format(\"reset\")}\n          </ButtonView>\n        </ActionGroupView>\n      </Modal>\n    </ModalTrigger>\n  );\n};\n"],"names":["styles"],"mappings":"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"}
+{"version":3,"file":"AllFiltersModal.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContentView from \"@/views/ContentView\";\nimport SectionView from \"@/views/SectionView\";\nimport { FilterAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordion\";\nimport { ViewModeAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion\";\nimport TextView from \"@/views/TextView\";\nimport { SortingAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/SortingAccordion\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport HeadingView from \"@/views/HeadingView\";\nimport clsx from \"clsx\";\nimport Modal, { ModalTrigger } from \"@/components/Modal\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { useAvailableViewModes } from \"../../lib\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const AllFiltersModal: FC<Props> = (props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const totalItemCount =\n    list.batches.getTotalItemsCount() ?? list.items.entries.length;\n\n  const availableViewModes = useAvailableViewModes();\n\n  const accordionCount =\n    (availableViewModes.length > 1 ? 1 : 0) +\n    (list.sorting.length > 0 ? 1 : 0) +\n    list.filters.length;\n\n  const expandAccordions = accordionCount <= 2;\n\n  const filterAccordions = list.filters.map((f) => (\n    <FilterAccordion\n      filter={f}\n      key={f.name}\n      expandAccordions={expandAccordions}\n    />\n  ));\n\n  const accordions = [\n    availableViewModes.length > 1 && (\n      <ViewModeAccordion key=\"viewMode\" expandAccordions={expandAccordions} />\n    ),\n    list.sorting.length > 0 && (\n      <SortingAccordion key=\"sorting\" expandAccordions={expandAccordions} />\n    ),\n    ...filterAccordions,\n  ].filter(Boolean);\n\n  const hasSecondaryFilters = list.filters.some(\n    (f) => f.priority === \"secondary\",\n  );\n\n  const controller = useOverlayController(\"Modal\", {\n    reuseControllerFromContext: false,\n  });\n\n  if (accordions.length === 0) {\n    return null;\n  }\n\n  return (\n    <ModalTrigger controller={controller}>\n      <ButtonView\n        className={clsx(\n          styles.hideOnMobile,\n          hasSecondaryFilters ? undefined : styles.hideOnDesktop,\n        )}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{stringFormatter.format(\"filters.all\")}</TextView>\n        <IconFilter />\n      </ButtonView>\n\n      <ButtonView\n        className={styles.hideOnDesktop}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"filters.all\")}\n      >\n        <IconFilter />\n      </ButtonView>\n\n      <Modal offCanvas controller={controller}>\n        <HeadingView>{stringFormatter.format(\"filters.all\")}</HeadingView>\n        <ContentView>\n          <SectionView>{...accordions}</SectionView>\n        </ContentView>\n\n        <ActionGroupView>\n          <ButtonView onPress={() => controller.close()}>\n            <TextView>\n              {isInitiallyLoading ? (\n                <SkeletonText width=\"16ch\" />\n              ) : (\n                stringFormatter.format(\"results.show\", {\n                  totalItemCount,\n                })\n              )}\n            </TextView>\n          </ButtonView>\n          <ButtonView\n            color=\"secondary\"\n            variant=\"soft\"\n            onPress={() => {\n              list.resetFilters();\n              controller.close();\n            }}\n          >\n            {stringFormatter.format(\"reset\")}\n          </ButtonView>\n        </ActionGroupView>\n      </Modal>\n    </ModalTrigger>\n  );\n};\n"],"names":["styles"],"mappings":"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"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.mjs

@@ -8,31 +8,8 @@ import { useLocalizedStringFormatter } from '../../../../../TranslationProvider/
 import ContentView from '../../../../../../views/ContentView.mjs';
 import RadioGroupView from '../../../../../../views/RadioGroupView.mjs';
 import RadioView from '../../../../../../views/RadioView.mjs';
-import 'invariant';
-import 'react-aria-components';
-import 'clsx';
-import '../../../ListItemView/ListItemView.mjs';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import '../../../../../ColumnLayout/ColumnLayout.mjs';
-import '../../../ListSummary/ListSummary.mjs';
-import '../../../../../../views/DivView.mjs';
-import '@mittwald/flow-icons';
-import '../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
-import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-import '../../../../../../views/IllustratedMessageView.mjs';
-import '../../../../../../views/TextView.mjs';
-import '../../../../../TranslationProvider/TranslationProvider.mjs';
-import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
-import '../../../../../Heading/Heading.mjs';
-import '../../../../../Text/Text.mjs';
 import { useList } from '../../../../hooks/useList.mjs';
-import '../../../../listContext.mjs';
-import 'mobx';
-import '../../../../List.mjs';
-import '../../../../../DeprecationWarningProvider/DeprecationWarningProvider.mjs';
+import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 
 const SortingAccordion = (props) => {
   const { expandAccordions } = props;