@mittwald/flow-react-components 0.2.0-alpha.97 → 0.2.0-alpha.970

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

@@ -0,0 +1,37 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import styles from './LabeledValue.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const LabeledValue = (props) => {
+  const { children, className } = props;
+  const rootClassName = clsx(styles.labeledValue, className);
+  const labelId = useId();
+  const propsContext = {
+    Label: {
+      className: styles.label,
+      elementType: "span",
+      id: labelId
+    },
+    CopyButton: {
+      className: styles.button,
+      variant: "plain",
+      size: "s"
+    },
+    Button: {
+      className: styles.button,
+      size: "s"
+    },
+    Link: {
+      inline: true
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: rootClassName, role: "group", "aria-labelledby": labelId, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+};
+
+export { LabeledValue };
+//# sourceMappingURL=LabeledValue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledValue.mjs","sources":["../../../../../../../src/components/LabeledValue/LabeledValue.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useId } from \"react\";\nimport styles from \"./LabeledValue.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface LabeledValueProps\n  extends PropsWithChildren, PropsWithClassName {}\n\n/** @flr-generate all */\nexport const LabeledValue: FC<LabeledValueProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.labeledValue, className);\n\n  const labelId = useId();\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      elementType: \"span\",\n      id: labelId,\n    },\n    CopyButton: {\n      className: styles.button,\n      variant: \"plain\",\n      size: \"s\",\n    },\n    Button: {\n      className: styles.button,\n      size: \"s\",\n    },\n    Link: {\n      inline: true,\n    },\n  };\n\n  return (\n    <div className={rootClassName} role=\"group\" aria-labelledby={labelId}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default LabeledValue;\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,YAAA,EAAc,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAU,KAAA,EAAM;AAEtB,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,MAAA,CAAO,KAAA;AAAA,MAClB,WAAA,EAAa,MAAA;AAAA,MACb,EAAA,EAAI;AAAA,KACN;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAW,MAAA,CAAO,MAAA;AAAA,MAClB,OAAA,EAAS,OAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,WAAW,MAAA,CAAO,MAAA;AAAA,MAClB,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ;AAAA;AACV,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAe,IAAA,EAAK,OAAA,EAAQ,iBAAA,EAAiB,OAAA,EAC3D,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from './LayoutCard.module.scss.mjs';
+import clsx from 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const LayoutCard = flowComponent(
+  "LayoutCard",
+  (props) => {
+    const { children, className, elementType = "div", ref, ...rest } = props;
+    const rootClassName = clsx(styles.layoutCard, className);
+    const Element = elementType;
+    const propsContext = {
+      Tabs: {
+        className: styles.tabs
+      },
+      AccentBox: { className: styles.accentBox }
+    };
+    return /* @__PURE__ */ jsx(Element, { className: rootClassName, ...rest, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+  },
+  { type: "layout" }
+);
+
+export { LayoutCard };
+//# sourceMappingURL=LayoutCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCard.mjs","sources":["../../../../../../../src/components/LayoutCard/LayoutCard.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./LayoutCard.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface LayoutCardProps\n  extends\n    PropsWithChildren,\n    PropsWithElementType<\"div\" | \"main\" | \"footer\" | \"header\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const LayoutCard = flowComponent(\n  \"LayoutCard\",\n  (props) => {\n    const { children, className, elementType = \"div\", ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.layoutCard, className);\n\n    const Element = elementType;\n\n    const propsContext: PropsContext = {\n      Tabs: {\n        className: styles.tabs,\n      },\n      AccentBox: { className: styles.accentBox },\n    };\n\n    return (\n      <Element className={rootClassName} {...rest} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    );\n  },\n  { type: \"layout\" },\n);\n\nexport default LayoutCard;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,UAAA,GAAa,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,UAAU,SAAA,EAAW,WAAA,GAAc,OAAO,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAEnE,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,UAAA,EAAY,SAAS,CAAA;AAEvD,IAAA,MAAM,OAAA,GAAU,WAAA;AAEhB,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,IAAA,EAAM;AAAA,QACJ,WAAW,MAAA,CAAO;AAAA,OACpB;AAAA,MACA,SAAA,EAAW,EAAE,SAAA,EAAW,MAAA,CAAO,SAAA;AAAU,KAC3C;AAEA,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,GAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,QAAA;AACV;;;;"}

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './Legend.module.scss.mjs';
+
+const Legend = (props) => {
+  const { children, className, ...rest } = props;
+  const rootClassName = clsx(styles.legend, className);
+  return /* @__PURE__ */ jsx("ul", { className: rootClassName, ...rest, children });
+};
+
+export { Legend, Legend as default };
+//# sourceMappingURL=Legend.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.mjs","sources":["../../../../../../../src/components/Legend/Legend.tsx"],"sourcesContent":["import type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Legend.module.scss\";\n\nexport type LegendProps = PropsWithChildren & PropsWithClassName;\n\n/** @flr-generate all */\nexport const Legend: FC<LegendProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.legend, className);\n\n  return (\n    <ul className={rootClassName} {...rest}>\n      {children}\n    </ul>\n  );\n};\n\nexport default Legend;\n"],"names":[],"mappings":";;;;AAQO,MAAM,MAAA,GAA0B,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AAEnD,EAAA,2BACG,IAAA,EAAA,EAAG,SAAA,EAAW,aAAA,EAAgB,GAAG,MAC/B,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Legend/Legend.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const legend = "flow--legend";
+const styles = {
+	legend: legend
+};
+
+export { styles as default, legend };
+//# sourceMappingURL=Legend.module.scss.mjs.map

package/dist/js/packages/components/src/components/Legend/Legend.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/packages/components/src/components/Legend/components/LegendItem/LegendItem.mjs

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text } from '../../../Text/Text.mjs';
+import styles from './LegendItem.module.scss.mjs';
+import clsx from 'clsx';
+import { isCategoricalColor } from '../../../../lib/tokens/isCategoricalColor.mjs';
+
+const LegendItem = (props) => {
+  const { children, color: colorFromProps } = props;
+  const color = colorFromProps ? isCategoricalColor(colorFromProps) ? `var(--color--categorical--${colorFromProps})` : colorFromProps : void 0;
+  return /* @__PURE__ */ jsxs("li", { className: styles.legendItem, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: colorFromProps ? { backgroundColor: color } : void 0,
+        className: clsx(styles.colorSquare)
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("small", { children }) })
+  ] });
+};
+
+export { LegendItem };
+//# sourceMappingURL=LegendItem.mjs.map

package/dist/js/packages/components/src/components/Legend/components/LegendItem/LegendItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.mjs","sources":["../../../../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import Text from \"@/components/Text\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./LegendItem.module.scss\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport clsx from \"clsx\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\nexport interface LegendItemProps extends PropsWithChildren {\n  color?: CategoricalWithCustomColor;\n}\n\nexport const LegendItem: FC<LegendItemProps> = (props) => {\n  const { children, color: colorFromProps } = props;\n\n  const color = colorFromProps\n    ? isCategoricalColor(colorFromProps)\n      ? `var(--color--categorical--${colorFromProps})`\n      : colorFromProps\n    : undefined;\n\n  return (\n    <li className={styles.legendItem}>\n      <div\n        style={colorFromProps ? { backgroundColor: color } : undefined}\n        className={clsx(styles.colorSquare)}\n      />\n      <Text>\n        <small>{children}</small>\n      </Text>\n    </li>\n  );\n};\n\nexport default LegendItem;\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,cAAA,EAAe,GAAI,KAAA;AAE5C,EAAA,MAAM,KAAA,GAAQ,iBACV,kBAAA,CAAmB,cAAc,IAC/B,CAAA,0BAAA,EAA6B,cAAc,MAC3C,cAAA,GACF,MAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,UAAA,EACpB,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,cAAA,GAAiB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,QACrD,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAW;AAAA;AAAA,KACpC;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAO,UAAS,CAAA,EACnB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const legendItem = "flow--legend--legend-item";
+const colorSquare = "flow--legend--legend-item--color-square";
+const styles = {
+	legendItem: legendItem,
+	colorSquare: colorSquare
+};
+
+export { colorSquare, styles as default, legendItem };
+//# sourceMappingURL=LegendItem.module.scss.mjs.map

package/dist/js/packages/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1,89 @@
+"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 DivView from '../../views/DivView.mjs';
+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';
+
+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: {
+      preserveOrder: true,
+      spacing: "m",
+      className: styles.actionGroup,
+      Button: { variant: "solid", color: "light-static" },
+      tunnel: {
+        id: "actionGroup",
+        component: "LightBox"
+      }
+    },
+    LightBoxGallery: {
+      className: styles.gallery
+    }
+  };
+  const controllerFromContext = useOverlayController("LightBox", {
+    reuseControllerFromContext: true
+  });
+  const controller = controllerFromProps ?? controllerFromContext;
+  const stringFormatter = useLocalizedStringFormatter(locales, "LightBox");
+  return /* @__PURE__ */ jsx(
+    Overlay,
+    {
+      overlayType: "LightBox",
+      className: rootClassName,
+      controller,
+      ...rest,
+      children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, 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(),
+              "aria-label": stringFormatter.format("close"),
+              children: /* @__PURE__ */ jsx(IconClose, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(UiComponentTunnelExit, { id: "actionGroup", component: "LightBox" })
+        ] })
+      ] })
+    }
+  );
+});
+
+export { LightBox };
+//# sourceMappingURL=LightBox.mjs.map

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

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

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+const lightBox = "flow--light-box";
+const content = "flow--light-box--content";
+const fitScreen = "flow--light-box--fit-screen";
+const actions = "flow--light-box--actions";
+const actionGroup = "flow--light-box--action-group";
+const gallery = "flow--light-box--gallery";
+const styles = {
+	lightBox: lightBox,
+	content: content,
+	fitScreen: fitScreen,
+	actions: actions,
+	actionGroup: actionGroup,
+	gallery: gallery
+};
+
+export { actionGroup, actions, content, styles as default, fitScreen, gallery, lightBox };
+//# sourceMappingURL=LightBox.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from './LightBoxGallery.module.scss.mjs';
+import clsx from 'clsx';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../../_virtual/_.locale.json@336b55642799ceb712b6536282d93365.mjs';
+
+const Controls = (props) => {
+  const { count, currentIndex } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales, "LightBox");
+  const indicators = Array(count).fill("").map((_, index) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(
+        styles.indicator,
+        currentIndex === index && styles.current
+      )
+    },
+    index
+  ));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: styles.indicators,
+      "aria-label": stringFormatter.format("indicator", {
+        current: currentIndex + 1,
+        count
+      }),
+      children: indicators
+    }
+  );
+};
+
+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","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"],"names":[],"mappings":";;;;;;AAWO,MAAM,QAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAO,YAAA,EAAa,GAAI,KAAA;AAEhC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,UAAU,CAAA;AAEvE,EAAA,MAAM,UAAA,GAAa,KAAA,CAAM,KAAK,CAAA,CAC3B,IAAA,CAAK,EAAE,CAAA,CACP,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACP,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAW,IAAA;AAAA,QACT,MAAA,CAAO,SAAA;AAAA,QACP,YAAA,KAAiB,SAAS,MAAA,CAAO;AAAA;AACnC,KAAA;AAAA,IAJK;AAAA,GAMR,CAAA;AAEH,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,UAAA;AAAA,MAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,WAAA,EAAa;AAAA,QAC9C,SAAS,YAAA,GAAe,CAAA;AAAA,QACxB;AAAA,OACD,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -0,0 +1,111 @@
+"use client"
+/* */
+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';
+import clsx from 'clsx';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../../_virtual/_.locale.json@336b55642799ceb712b6536282d93365.mjs';
+import { Button } from '../../../Button/Button.mjs';
+import { Controls } from './Controls.mjs';
+
+const 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);
+        break;
+    }
+  };
+  const stringFormatter = useLocalizedStringFormatter(locales, "LightBox");
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.lightBoxGallery, className), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: styles.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: styles.galleryItem, children: children[currentIndex] }, currentIndex),
+        /* @__PURE__ */ jsxs("div", { className: styles.controls, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": stringFormatter.format("previous"),
+              onPress: () => paginate(-1),
+              color: "light-static",
+              className: styles.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: styles.nextButton,
+              isDisabled: isLast,
+              children: /* @__PURE__ */ jsx(IconChevronRight, {})
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+});
+
+export { LightBoxGallery };
+//# 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","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/LightBoxGallery/LightBoxGallery.module.scss.mjs

@@ -0,0 +1,31 @@
+"use client"
+/* */
+const lightBoxGallery = "flow--light-box--light-box-gallery";
+const content = "flow--light-box--light-box-gallery--content";
+const galleryItem = "flow--light-box--light-box-gallery--gallery-item";
+const actions = "flow--light-box--light-box-gallery--actions";
+const actionGroup = "flow--light-box--light-box-gallery--action-group";
+const image = "flow--light-box--light-box-gallery--image";
+const indicators = "flow--light-box--light-box-gallery--indicators";
+const indicator = "flow--light-box--light-box-gallery--indicator";
+const current = "flow--light-box--light-box-gallery--current";
+const previousButton = "flow--light-box--light-box-gallery--previous-button";
+const nextButton = "flow--light-box--light-box-gallery--next-button";
+const controls = "flow--light-box--light-box-gallery--controls";
+const styles = {
+	lightBoxGallery: lightBoxGallery,
+	content: content,
+	galleryItem: galleryItem,
+	actions: actions,
+	actionGroup: actionGroup,
+	image: image,
+	indicators: indicators,
+	indicator: indicator,
+	current: current,
+	previousButton: previousButton,
+	nextButton: nextButton,
+	controls: controls
+};
+
+export { actionGroup, actions, content, controls, current, styles as default, galleryItem, image, indicator, indicators, lightBoxGallery, nextButton, previousButton };
+//# sourceMappingURL=LightBoxGallery.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxGallery.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,64 @@
+"use client"
+/* */
+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 'remeda';
+import '@react-aria/utils';
+import 'dot-prop';
+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';
+
+const LightBoxGalleryItem = flowComponent(
+  "LightBoxGalleryItem",
+  (props) => {
+    const { children } = props;
+    const controller = useOverlayController("Modal");
+    const propsContext = {
+      ActionGroup: {
+        spacing: "m",
+        className: styles.actionGroup,
+        Button: { color: "light-static" },
+        tunnel: { id: "actionGroup", component: "LightBoxGalleryItem" }
+      },
+      Image: { className: styles.image }
+    };
+    const stringFormatter = useLocalizedStringFormatter(locales);
+    return /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+      children,
+      /* @__PURE__ */ jsxs("div", { className: styles.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"
+          }
+        )
+      ] })
+    ] });
+  }
+);
+
+export { LightBoxGalleryItem };
+//# 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","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

@@ -0,0 +1,23 @@
+"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
+    }
+  );
+};
+
+export { LightBoxTrigger };
+//# sourceMappingURL=LightBoxTrigger.mjs.map

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

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