@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.1

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

@@ -1,77 +1,68 @@
 "use client"
 /* */
-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 { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
-import DivView from '../../views/DivView.mjs';
-import ButtonView from '../../views/ButtonView.mjs';
-
-const LightBox = flowComponent("LightBox", (props) => {
-  const {
-    controller: controllerFromProps,
-    children,
-    ref: ignoredRef,
-    className,
-    fitScreen = true,
-    ...rest
-  } = props;
-  const rootClassName = clsx(
-    styles.lightBox,
-    fitScreen && styles.fitScreen,
-    className
-  );
-  const propsContext = {
-    ActionGroup: {
-      className: styles.actionGroup,
-      Button: { variant: "solid", color: "light-static" },
-      tunnelId: "actionGroup"
-    }
-  };
-  const controllerFromContext = useOverlayController("LightBox", {
-    reuseControllerFromContext: true
-  });
-  const controller = controllerFromProps ?? controllerFromContext;
-  return /* @__PURE__ */ jsx(
-    Overlay,
-    {
-      overlayType: "LightBox",
-      className: rootClassName,
-      controller,
-      ...rest,
-      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
-        /* @__PURE__ */ jsx(DivView, { className: styles.content, children }),
-        /* @__PURE__ */ jsxs(DivView, { className: styles.actions, children: [
-          /* @__PURE__ */ jsx(
-            ButtonView,
-            {
-              color: "light-static",
-              variant: "solid",
-              onPress: () => controller.close(),
-              children: /* @__PURE__ */ jsx(IconClose, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(TunnelExit, { id: "actionGroup" })
-        ] })
-      ] }) })
-    }
-  );
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { IconClose } from "../Icon/components/icons/IconClose.mjs";
+import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
+import DivView from "../../views/DivView.mjs";
+import ButtonView from "../../views/ButtonView.mjs";
+import __locale_default from "../../../../../_virtual/_20.locale.mjs";
+import { Overlay } from "../Overlay/Overlay.mjs";
+import LightBox_module_default from "./LightBox.module.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/LightBox/LightBox.tsx
+var LightBox = flowComponent("LightBox", (props) => {
+	const { controller: controllerFromProps, children, ref: ignoredRef, className, fitScreen = true, ...rest } = props;
+	const rootClassName = clsx(LightBox_module_default.lightBox, fitScreen && LightBox_module_default.fitScreen, className);
+	const propsContext = {
+		ActionGroup: {
+			preserveOrder: true,
+			spacing: "m",
+			className: LightBox_module_default.actionGroup,
+			Button: {
+				variant: "solid",
+				color: "light-static"
+			},
+			tunnel: {
+				id: "actionGroup",
+				component: "LightBox"
+			}
+		},
+		LightBoxGallery: { className: LightBox_module_default.gallery }
+	};
+	const controllerFromContext = useOverlayController("LightBox", { reuseControllerFromContext: true });
+	const controller = controllerFromProps ?? controllerFromContext;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "LightBox");
+	return /* @__PURE__ */ jsx(Overlay, {
+		overlayType: "LightBox",
+		className: rootClassName,
+		controller,
+		...rest,
+		children: /* @__PURE__ */ jsxs(PropsContextProvider, {
+			props: propsContext,
+			children: [/* @__PURE__ */ jsx(DivView, {
+				className: LightBox_module_default.content,
+				children
+			}), /* @__PURE__ */ jsxs(DivView, {
+				className: LightBox_module_default.actions,
+				children: [/* @__PURE__ */ jsx(ButtonView, {
+					color: "light-static",
+					variant: "solid",
+					onPress: () => controller.close(),
+					"aria-label": stringFormatter.format("close"),
+					children: /* @__PURE__ */ jsx(IconClose, {})
+				}), /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+					id: "actionGroup",
+					component: "LightBox"
+				})]
+			})]
+		})
+	});
 });
+//#endregion
+export { LightBox, LightBox as default };
 
-export { LightBox };
-//# sourceMappingURL=LightBox.mjs.map
+//# sourceMappingURL=LightBox.mjs.map

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 { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport ButtonView from \"@/views/ButtonView\";\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      className: styles.actionGroup,\n      Button: { variant: \"solid\", color: \"light-static\" },\n      tunnelId: \"actionGroup\",\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\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            >\n              <IconClose />\n            </ButtonView>\n            <TunnelExit id=\"actionGroup\" />\n          </DivView>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BO,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,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAA,EAAS,OAAO,cAAA,EAAe;AAAA,MAClD,QAAA,EAAU;AAAA;AACZ,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,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,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,+BAAC,cAAA,EAAA,EACC,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,cAEhC,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,WACb;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,aAAA,EAAc;AAAA,SAAA,EAC/B;AAAA,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LightBox.mjs","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,MAAM,EACJ,YAAY,qBACZ,UACA,KAAK,YACL,WACA,YAAY,MACZ,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,wBAAO,UACP,aAAa,wBAAO,WACpB,SACF;CAEA,MAAM,eAA6B;EACjC,aAAa;GACX,eAAe;GACf,SAAS;GACT,WAAW,wBAAO;GAClB,QAAQ;IAAE,SAAS;IAAS,OAAO;GAAe;GAClD,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,iBAAiB,EACf,WAAW,wBAAO,QACpB;CACF;CAEA,MAAM,wBAAwB,qBAAqB,YAAY,EAC7D,4BAA4B,KAC9B,CAAC;CAED,MAAM,aAAa,uBAAuB;CAE1C,MAAM,kBAAkB,4BAA4B,kBAAS,UAAU;CAEvE,OACE,oBAAC,SAAD;EACE,aAAY;EACZ,WAAW;EACC;EACZ,GAAI;EAEJ,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACE,oBAAC,SAAD;IAAS,WAAW,wBAAO;IAAU;GAAkB,CAAA,GACvD,qBAAC,SAAD;IAAS,WAAW,wBAAO;IAA3B,UAAA,CACE,oBAAC,YAAD;KACE,OAAM;KACN,SAAQ;KACR,eAAe,WAAW,MAAM;KAChC,cAAY,gBAAgB,OAAO,OAAO;KAE1C,UAAA,oBAAC,WAAD,CAAY,CAAA;IACF,CAAA,GACZ,oBAAC,uBAAD;KAAuB,IAAG;KAAc,WAAU;IAAY,CAAA,CACvD;GACW,CAAA,CAAA;;CACf,CAAA;AAEb,CAAC"}

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

@@ -0,0 +1,21 @@
+"use client"
+/* */
+//#region src/components/LightBox/LightBox.module.scss
+var lightBox = "flow--light-box";
+var content = "flow--light-box--content";
+var fitScreen = "flow--light-box--fit-screen";
+var actions = "flow--light-box--actions";
+var actionGroup = "flow--light-box--action-group";
+var gallery = "flow--light-box--gallery";
+var LightBox_module_default = {
+	lightBox,
+	content,
+	fitScreen,
+	actions,
+	actionGroup,
+	gallery
+};
+//#endregion
+export { actionGroup, actions, content, LightBox_module_default as default, fitScreen, gallery, lightBox };
+
+//# sourceMappingURL=LightBox.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.module.mjs","names":[],"sources":["../../../../../../../src/components/LightBox/LightBox.module.scss"],"sourcesContent":[".lightBox {\n  > div {\n    position: fixed;\n    height: var(--visual-viewport-height);\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n\n    > div {\n      display: flex;\n      justify-content: center;\n      width: inherit;\n      max-height: var(--visual-viewport-height);\n    }\n  }\n\n  [role=\"dialog\"] {\n    outline: none;\n    display: flex;\n    justify-content: center;\n    max-width: var(--light-box--max-width);\n    max-height: var(--light-box--max-height);\n  }\n\n  .content {\n    overflow: auto;\n\n    > img {\n      width: 100%;\n    }\n  }\n\n  &.fitScreen {\n    .content {\n      > * {\n        max-height: var(--light-box--max-height);\n      }\n    }\n  }\n\n  .actions,\n  .actionGroup {\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n  }\n\n  .actions {\n    row-gap: var(--light-box--spacing);\n    padding-inline-start: var(--light-box--spacing);\n  }\n\n  .gallery {\n    width: var(--light-box--max-width);\n  }\n\n  &:has(.gallery) {\n    .actions {\n      display: none;\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .lightBox {\n    [role=\"dialog\"] {\n      max-width: var(--light-box--max-width-mobile);\n      max-height: var(--light-box--max-height-mobile);\n    }\n\n    &.fitScreen {\n      .content {\n        > * {\n          max-height: var(--light-box--max-height-mobile);\n        }\n      }\n    }\n\n    .gallery {\n      width: var(--light-box--max-width-mobile);\n    }\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
+import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/LightBox/components/LightBoxGallery/Controls.tsx
+var Controls = (props) => {
+	const { count, currentIndex } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "LightBox");
+	const indicators = Array(count).fill("").map((_, index) => /* @__PURE__ */ jsx("span", { className: clsx(LightBoxGallery_module_default.indicator, currentIndex === index && LightBoxGallery_module_default.current) }, index));
+	return /* @__PURE__ */ jsx("div", {
+		className: LightBoxGallery_module_default.indicators,
+		"aria-label": stringFormatter.format("indicator", {
+			current: currentIndex + 1,
+			count
+		}),
+		children: indicators
+	});
+};
+//#endregion
+export { Controls };
+
+//# sourceMappingURL=Controls.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.mjs","names":[],"sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGallery/Controls.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"@/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\n\ninterface Props {\n  count: number;\n  currentIndex: number;\n}\n\nexport const Controls: FC<Props> = (props) => {\n  const { count, currentIndex } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"LightBox\");\n\n  const indicators = Array(count)\n    .fill(\"\")\n    .map((_, index) => (\n      <span\n        key={index}\n        className={clsx(\n          styles.indicator,\n          currentIndex === index && styles.current,\n        )}\n      />\n    ));\n\n  return (\n    <div\n      className={styles.indicators}\n      aria-label={stringFormatter.format(\"indicator\", {\n        current: currentIndex + 1,\n        count,\n      })}\n    >\n      {indicators}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAWA,IAAa,YAAuB,UAAU;CAC5C,MAAM,EAAE,OAAO,iBAAiB;CAEhC,MAAM,kBAAkB,4BAA4B,kBAAS,UAAU;CAEvE,MAAM,aAAa,MAAM,KAAK,CAAC,CAC5B,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UACP,oBAAC,QAAD,EAEE,WAAW,KACT,+BAAO,WACP,iBAAiB,SAAS,+BAAO,OACnC,EACD,GALM,KAKN,CACF;CAEH,OACE,oBAAC,OAAD;EACE,WAAW,+BAAO;EAClB,cAAY,gBAAgB,OAAO,aAAa;GAC9C,SAAS,eAAe;GACxB;EACF,CAAC;EAEA,UAAA;CACE,CAAA;AAET"}

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

@@ -0,0 +1,105 @@
+"use client"
+/* */
+import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
+import { IconChevronLeft } from "../../../Icon/components/icons/IconChevronLeft.mjs";
+import { IconChevronRight } from "../../../Icon/components/icons/IconChevronRight.mjs";
+import { Button } from "../../../Button/Button.mjs";
+import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
+import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import { Controls } from "./Controls.mjs";
+import clsx from "clsx";
+import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/LightBox/components/LightBoxGallery/LightBoxGallery.tsx
+/** @flr-generate all */
+var LightBoxGallery = flowComponent("LightBoxGallery", (props) => {
+	const { children, className, defaultIndex = 0 } = props;
+	const [currentIndex, setIndex] = useState(defaultIndex);
+	const count = React.Children.count(children);
+	const isFirst = currentIndex === 0;
+	const isLast = currentIndex === count - 1;
+	const pointerStartX = useRef(null);
+	const swipeThreshold = 50;
+	const containerRef = useRef(null);
+	useEffect(() => {
+		containerRef.current?.focus();
+	}, [containerRef.current]);
+	const paginate = (direction) => {
+		setIndex((prev) => {
+			const next = prev + direction;
+			if (next < 0) return 0;
+			if (next >= count) return count - 1;
+			return next;
+		});
+	};
+	const handlePointerDown = (e) => {
+		if (!e.isPrimary) return;
+		pointerStartX.current = e.clientX;
+	};
+	const handlePointerUp = (e) => {
+		if (pointerStartX.current === null) return;
+		const distance = pointerStartX.current - e.clientX;
+		if (Math.abs(distance) > swipeThreshold) paginate(distance > 0 ? 1 : -1);
+		pointerStartX.current = null;
+	};
+	const handlePointerCancel = () => {
+		pointerStartX.current = null;
+	};
+	const handleKeyDown = (e) => {
+		switch (e.key) {
+			case "ArrowLeft":
+				if (!isFirst) paginate(-1);
+				break;
+			case "ArrowRight": if (!isLast) paginate(1);
+		}
+	};
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "LightBox");
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(LightBoxGallery_module_default.lightBoxGallery, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: containerRef,
+			className: LightBoxGallery_module_default.content,
+			onPointerDown: handlePointerDown,
+			onPointerUp: handlePointerUp,
+			onPointerCancel: handlePointerCancel,
+			tabIndex: 0,
+			onKeyDown: handleKeyDown,
+			role: "region",
+			"aria-roledescription": "carousel",
+			"aria-label": stringFormatter.format("gallery"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: LightBoxGallery_module_default.galleryItem,
+				children: children[currentIndex]
+			}, currentIndex), /* @__PURE__ */ jsxs("div", {
+				className: LightBoxGallery_module_default.controls,
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						"aria-label": stringFormatter.format("previous"),
+						onPress: () => paginate(-1),
+						color: "light-static",
+						className: LightBoxGallery_module_default.previousButton,
+						isDisabled: isFirst,
+						children: /* @__PURE__ */ jsx(IconChevronLeft, {})
+					}),
+					/* @__PURE__ */ jsx(Controls, {
+						count,
+						currentIndex
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						"aria-label": stringFormatter.format("next"),
+						onPress: () => paginate(1),
+						color: "light-static",
+						className: LightBoxGallery_module_default.nextButton,
+						isDisabled: isLast,
+						children: /* @__PURE__ */ jsx(IconChevronRight, {})
+					})
+				]
+			})]
+		})
+	});
+});
+//#endregion
+export { LightBoxGallery, LightBoxGallery as default };
+
+//# sourceMappingURL=LightBoxGallery.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxGallery.mjs","names":[],"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"],"mappings":";;;;;;;;;;;;;;;AAoBA,IAAa,kBAAkB,cAAc,oBAAoB,UAAU;CACzE,MAAM,EAAE,UAAU,WAAW,eAAe,MAAM;CAElD,MAAM,CAAC,cAAc,YAAY,SAAS,YAAY;CAEtD,MAAM,QAAQ,MAAM,SAAS,MAAM,QAAQ;CAE3C,MAAM,UAAU,iBAAiB;CACjC,MAAM,SAAS,iBAAiB,QAAQ;CAExC,MAAM,gBAAgB,OAAsB,IAAI;CAChD,MAAM,iBAAiB;CAEvB,MAAM,eAAe,OAAuB,IAAI;CAEhD,gBAAgB;EACd,aAAa,SAAS,MAAM;CAC9B,GAAG,CAAC,aAAa,OAAO,CAAC;CAEzB,MAAM,YAAY,cAAsB;EACtC,UAAU,SAAS;GACjB,MAAM,OAAO,OAAO;GAEpB,IAAI,OAAO,GAAG,OAAO;GACrB,IAAI,QAAQ,OAAO,OAAO,QAAQ;GAElC,OAAO;EACT,CAAC;CACH;CAEA,MAAM,qBAAqB,MAA0B;EACnD,IAAI,CAAC,EAAE,WAAW;EAClB,cAAc,UAAU,EAAE;CAC5B;CAEA,MAAM,mBAAmB,MAA0B;EACjD,IAAI,cAAc,YAAY,MAAM;EAEpC,MAAM,WAAW,cAAc,UAAU,EAAE;EAE3C,IAAI,KAAK,IAAI,QAAQ,IAAI,gBACvB,SAAS,WAAW,IAAI,IAAI,EAAE;EAGhC,cAAc,UAAU;CAC1B;CAEA,MAAM,4BAA4B;EAChC,cAAc,UAAU;CAC1B;CAEA,MAAM,iBAAiB,MAA2B;EAChD,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,IAAI,CAAC,SAAS,SAAS,EAAE;IACzB;GACF,KAAK,cACH,IAAI,CAAC,QAAQ,SAAS,CAAC;EAE3B;CACF;CAEA,MAAM,kBAAkB,4BAA4B,kBAAS,UAAU;CAEvE,OACE,oBAAC,OAAD;EAAK,WAAW,KAAK,+BAAO,iBAAiB,SAAS;EACpD,UAAA,qBAAC,OAAD;GACE,KAAK;GACL,WAAW,+BAAO;GAClB,eAAe;GACf,aAAa;GACb,iBAAiB;GACjB,UAAU;GACV,WAAW;GACX,MAAK;GACL,wBAAqB;GACrB,cAAY,gBAAgB,OAAO,SAAS;GAV9C,UAAA,CAYE,oBAAC,OAAD;IAAK,WAAW,+BAAO;IACpB,UAAA,SAAS;GACP,GAFoC,YAEpC,GAEL,qBAAC,OAAD;IAAK,WAAW,+BAAO;IAAvB,UAAA;KACE,oBAAC,QAAD;MACE,cAAY,gBAAgB,OAAO,UAAU;MAC7C,eAAe,SAAS,EAAE;MAC1B,OAAM;MACN,WAAW,+BAAO;MAClB,YAAY;MAEZ,UAAA,oBAAC,iBAAD,CAAkB,CAAA;KACZ,CAAA;KAER,oBAAC,UAAD;MAAiB;MAAqB;KAAe,CAAA;KAErD,oBAAC,QAAD;MACE,cAAY,gBAAgB,OAAO,MAAM;MACzC,eAAe,SAAS,CAAC;MACzB,OAAM;MACN,WAAW,+BAAO;MAClB,YAAY;MAEZ,UAAA,oBAAC,kBAAD,CAAmB,CAAA;KACb,CAAA;IACL;GACF,CAAA,CAAA;;CACF,CAAA;AAET,CAAC"}

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

@@ -0,0 +1,34 @@
+"use client"
+/* */
+//#region src/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss
+var lightBoxGallery = "flow--light-box--light-box-gallery";
+var content = "flow--light-box--light-box-gallery--content";
+var galleryItem = "flow--light-box--light-box-gallery--gallery-item";
+var actions = "flow--light-box--light-box-gallery--actions";
+var actionGroup = "flow--light-box--light-box-gallery--action-group";
+var image = "flow--light-box--light-box-gallery--image";
+var indicators = "flow--light-box--light-box-gallery--indicators";
+var indicator = "flow--light-box--light-box-gallery--indicator";
+var current = "flow--light-box--light-box-gallery--current";
+var previousButton = "flow--light-box--light-box-gallery--previous-button";
+var nextButton = "flow--light-box--light-box-gallery--next-button";
+var controls = "flow--light-box--light-box-gallery--controls";
+var LightBoxGallery_module_default = {
+	lightBoxGallery,
+	content,
+	galleryItem,
+	actions,
+	actionGroup,
+	image,
+	"fade-in": "flow--light-box--light-box-gallery--fade-in",
+	indicators,
+	indicator,
+	current,
+	previousButton,
+	nextButton,
+	controls
+};
+//#endregion
+export { actionGroup, actions, content, controls, current, LightBoxGallery_module_default as default, galleryItem, image, indicator, indicators, lightBoxGallery, nextButton, previousButton };
+
+//# sourceMappingURL=LightBoxGallery.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxGallery.module.mjs","names":[],"sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss"],"sourcesContent":[".lightBoxGallery {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  --button-size: calc(\n    var(--icon--size--m) + 2 * var(--button--padding-icon-only)\n  );\n  --button-size-plus-spacing: calc(\n    var(--button-size) + var(--light-box--spacing)\n  );\n  --indicator-height: calc(var(--light-box--spacing) + var(--icon--size--m));\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    justify-content: center;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .galleryItem {\n    position: relative;\n    margin: 0 auto;\n    user-select: none;\n  }\n\n  .actions {\n    position: absolute;\n    top: 0;\n    inset-inline-end: calc(var(--button-size-plus-spacing) * -1);\n    display: flex;\n    flex-direction: column;\n    row-gap: var(--light-box--spacing);\n  }\n\n  .actionGroup {\n    flex-direction: column;\n  }\n\n  .image {\n    animation: fade-in var(--transition--duration--default) ease-in forwards;\n    height: 100%;\n    width: 100%;\n    pointer-events: none;\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n\n  .indicators {\n    display: flex;\n    justify-content: center;\n    column-gap: var(--light-box--indicator-spacing);\n    color: var(--light-box--content-color);\n  }\n\n  .indicator {\n    display: block;\n    width: var(--light-box--indicator-size);\n    height: var(--light-box--indicator-size);\n    border: var(--light-box--indicator-border-width)\n      var(--light-box--indicator-border-style) var(--light-box--content-color);\n    border-radius: var(--light-box--indicator-corner-radius);\n\n    &.current {\n      background-color: var(--light-box--content-color);\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .content {\n    padding-inline: calc(\n      var(--button-size-plus-spacing) + var(--light-box--spacing)\n    );\n    padding-bottom: var(--indicator-height);\n    height: var(--light-box--max-height);\n  }\n\n  .galleryItem {\n    max-height: calc(var(--light-box--max-height) - var(--indicator-height));\n  }\n\n  .indicators {\n    position: absolute;\n    bottom: calc(var(--light-box--spacing) / 2);\n    inset-inline: 0;\n  }\n\n  .previousButton,\n  .nextButton {\n    position: absolute;\n    top: calc(50% - var(--button-size) / 2);\n  }\n\n  .previousButton {\n    inset-inline-start: 0;\n  }\n\n  .nextButton {\n    inset-inline-end: 0;\n  }\n}\n\n@media (max-width: 768px) {\n  .content {\n    padding-inline: var(--button-size-plus-spacing);\n    padding-bottom: var(--button-size-plus-spacing);\n    height: var(--light-box--max-height-mobile);\n  }\n\n  .galleryItem {\n    max-height: calc(\n      var(--light-box--max-height) - var(--button-size-plus-spacing)\n    );\n  }\n\n  .controls {\n    display: flex;\n    position: absolute;\n    bottom: 0;\n    inset-inline: 0;\n    justify-content: space-between;\n    align-items: center;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import { PropsContextProvider } from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
+import { IconClose } from "../../../Icon/components/icons/IconClose.mjs";
+import { Button } from "../../../Button/Button.mjs";
+import { UiComponentTunnelExit } from "../../../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import { useOverlayController } from "../../../../lib/controller/overlay/useOverlayController.mjs";
+import LightBoxGallery_module_default from "../LightBoxGallery/LightBoxGallery.module.mjs";
+import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.tsx
+/** @flr-generate all */
+var LightBoxGalleryItem = flowComponent("LightBoxGalleryItem", (props) => {
+	const { children } = props;
+	const controller = useOverlayController("Modal");
+	const propsContext = {
+		ActionGroup: {
+			spacing: "m",
+			className: LightBoxGallery_module_default.actionGroup,
+			Button: { color: "light-static" },
+			tunnel: {
+				id: "actionGroup",
+				component: "LightBoxGalleryItem"
+			}
+		},
+		Image: { className: LightBoxGallery_module_default.image }
+	};
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	return /* @__PURE__ */ jsxs(PropsContextProvider, {
+		props: propsContext,
+		children: [children, /* @__PURE__ */ jsxs("div", {
+			className: LightBoxGallery_module_default.actions,
+			children: [/* @__PURE__ */ jsx(Button, {
+				"aria-label": stringFormatter.format("close"),
+				color: "light-static",
+				onPress: () => controller.close(),
+				children: /* @__PURE__ */ jsx(IconClose, {})
+			}), /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+				id: "actionGroup",
+				component: "LightBoxGalleryItem"
+			})]
+		})]
+	});
+});
+//#endregion
+export { LightBoxGalleryItem, LightBoxGalleryItem as default };
+
+//# sourceMappingURL=LightBoxGalleryItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxGalleryItem.mjs","names":[],"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"],"mappings":";;;;;;;;;;;;;;AAcA,IAAa,sBAAsB,cACjC,wBACC,UAAU;CACT,MAAM,EAAE,aAAa;CAErB,MAAM,aAAa,qBAAqB,OAAO;CAE/C,MAAM,eAA6B;EACjC,aAAa;GACX,SAAS;GACT,WAAW,+BAAO;GAClB,QAAQ,EAAE,OAAO,eAAe;GAChC,QAAQ;IAAE,IAAI;IAAe,WAAW;GAAsB;EAChE;EACA,OAAO,EAAE,WAAW,+BAAO,MAAM;CACnC;CAEA,MAAM,kBAAkB,4BAA4B,gBAAO;CAE3D,OACE,qBAAC,sBAAD;EAAsB,OAAO;EAA7B,UAAA,CACG,UACD,qBAAC,OAAD;GAAK,WAAW,+BAAO;GAAvB,UAAA,CACE,oBAAC,QAAD;IACE,cAAY,gBAAgB,OAAO,OAAO;IAC1C,OAAM;IACN,eAAe,WAAW,MAAM;IAEhC,UAAA,oBAAC,WAAD,CAAY,CAAA;GACN,CAAA,GACR,oBAAC,uBAAD;IACE,IAAG;IACH,WAAU;GACX,CAAA,CACE;EACe,CAAA,CAAA;;AAE1B,CACF"}

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

@@ -1,23 +1,19 @@
 "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';
-
-const LightBoxTrigger = (props) => {
-  const { children, ...triggerProps } = props;
-  return /* @__PURE__ */ jsx(
-    OverlayTrigger,
-    {
-      overlayType: "LightBox",
-      ...triggerProps,
-      component: DialogTriggerView,
-      children
-    }
-  );
+import { OverlayTrigger } from "../../../OverlayTrigger/OverlayTrigger.mjs";
+import DialogTriggerView from "../../../../views/DialogTriggerView.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx
+var LightBoxTrigger = (props) => {
+	const { children, ...triggerProps } = props;
+	return /* @__PURE__ */ jsx(OverlayTrigger, {
+		overlayType: "LightBox",
+		...triggerProps,
+		component: DialogTriggerView,
+		children
+	});
 };
+//#endregion
+export { LightBoxTrigger, LightBoxTrigger as default };
 
-export { LightBoxTrigger };
-//# sourceMappingURL=LightBoxTrigger.mjs.map
+//# sourceMappingURL=LightBoxTrigger.mjs.map

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","names":[],"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"],"mappings":";;;;;;AAOA,IAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,UAAU,GAAG,iBAAiB;CACtC,OACE,oBAAC,gBAAD;EACE,aAAY;EACZ,GAAI;EACJ,WAAW;EAEV;CACa,CAAA;AAEpB"}