@mittwald/flow-react-components 0.1.0-alpha.348 → 0.1.0-alpha.349

package/dist/js/{flowComponent-1wOIvUIq.js → flowComponent-D-FBrwbQ.js}

@@ -40,6 +40,7 @@ const F = {
   Initials: !0,
   Label: !0,
   LayoutCard: !0,
+  LightBox: !0,
   Link: !0,
   List: !0,
   ListSummary: !0,
@@ -70,42 +71,42 @@ const F = {
 }, l = Object.keys(
   F
 );
-function a(e) {
-  return !!e && typeof e == "object" && "__dynamicProp" in e;
+function a(t) {
+  return !!t && typeof t == "object" && "__dynamicProp" in t;
 }
-function d(e) {
-  return typeof e == "string" && l.includes(e);
+function d(t) {
+  return typeof t == "string" && l.includes(t);
 }
-function k(e) {
-  return !d(e);
+function k(t) {
+  return !d(t);
 }
-const A = (e, o) => {
+const B = (t, o) => {
   const r = {};
-  for (const t in e)
-    if (k(t)) {
-      const n = e[t];
-      a(n) && (r[t] = n.__dynamicProp(o));
+  for (const e in t)
+    if (k(e)) {
+      const n = t[e];
+      a(n) && (r[e] = n.__dynamicProp(o));
     }
   return r;
 };
-function B(e) {
-  return !!e && typeof e == "object" && "children" in e && !!e.children;
+function A(t) {
+  return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const w = (e) => v(e, (o, r) => d(r)), I = (e, o) => {
-  if (!B(o))
+const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
+  if (!A(o))
     return {};
   const r = o.children;
   if (!Array.isArray(r) && !x(r))
     return {};
-  const t = w(e);
-  return Object.keys(t).length === 0 ? {} : {
-    children: /* @__PURE__ */ s.createElement(b, { props: t, mergeInParentContext: !0 }, r)
+  const e = w(t);
+  return Object.keys(e).length === 0 ? {} : {
+    children: /* @__PURE__ */ s.createElement(b, { props: e, mergeInParentContext: !0 }, r)
   };
-}, M = (e, o) => {
-  const t = h()[e], n = t ? A(t, o) : void 0, i = t ? I(t, o) : void 0;
+}, M = (t, o) => {
+  const e = h()[t], n = e ? B(e, o) : void 0, i = e ? I(e, o) : void 0;
   return T(
-    t && S(
-      t,
+    e && S(
+      e,
       (c, p) => l.includes(
         p
       ) || a(c)
@@ -114,24 +115,24 @@ const w = (e) => v(e, (o, r) => d(r)), I = (e, o) => {
     n,
     i
   );
-}, m = f({}), R = () => P(m), D = (e) => {
-  const { slot: o, component: r, children: t } = e, i = {
+}, m = f({}), R = () => P(m), D = (t) => {
+  const { slot: o, component: r, children: e } = t, i = {
     ...R(),
     [r]: o
   };
-  return /* @__PURE__ */ s.createElement(m.Provider, { value: i }, t);
+  return /* @__PURE__ */ s.createElement(m.Provider, { value: i }, e);
 };
-function O(e, o) {
-  return y((r, t) => {
+function O(t, o) {
+  return y((r, e) => {
     const { tunnelId: n, wrapWith: i, ...c } = M(
-      e,
+      t,
       r
     ), C = {
-      refProp: t,
+      refProp: e,
       ...c
     };
     let u = /* @__PURE__ */ s.createElement(o, { ...C });
-    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: e }, u)), i && (u = g(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(E, { id: n }, u)), u;
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: t }, u)), i && (u = g(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(E, { id: n }, u)), u;
   });
 }
 export {

package/dist/js/react-hook-form.js

@@ -7,8 +7,8 @@ import { PropsContextProvider as b } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as F } from "./dynamic-ClpUSmEt.js";
-import { F as A } from "./FieldError-BvH18haz.js";
-import { a as P, A as y } from "./Action-isbDYaAK.js";
+import { F as A } from "./FieldError-CmDyIRsZ.js";
+import { a as P, A as y } from "./Action-Bcw69Ub4.js";
 const C = x({}), V = C.Provider, f = () => v(C);
 function D(t) {
   var i;

package/dist/js/types/components/LightBox/LightBox.d.ts

@@ -0,0 +1,10 @@
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithChildren, default as React } from 'react';
+import { PropsWithClassName } from '../../lib/types/props';
+import { OverlayController } from '../../lib/controller';
+export interface LightBoxProps extends PropsWithChildren, FlowComponentProps, PropsWithClassName {
+    controller?: OverlayController;
+    fitScreen?: boolean;
+}
+export declare const LightBox: React.ForwardRefExoticComponent<LightBoxProps & React.RefAttributes<never>>;
+export default LightBox;

package/dist/js/types/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { OverlayTriggerProps } from '../../../OverlayTrigger';
+export declare const LightBoxTrigger: FC<OverlayTriggerProps>;

package/dist/js/types/components/LightBox/components/LightBoxTrigger/index.d.ts

@@ -0,0 +1,3 @@
+import { LightBoxTrigger } from './LightBoxTrigger';
+export * from './LightBoxTrigger';
+export default LightBoxTrigger;

package/dist/js/types/components/LightBox/index.d.ts

@@ -0,0 +1,4 @@
+import { LightBox } from './LightBox';
+export * from './components/LightBoxTrigger';
+export { type LightBoxProps, LightBox } from './LightBox';
+export default LightBox;

package/dist/js/types/components/LightBox/stories/Default.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LightBox } from '..';
+declare const meta: Meta<typeof LightBox>;
+export default meta;
+type Story = StoryObj<typeof LightBox>;
+export declare const Default: Story;
+export declare const WithoutFitScreen: Story;

package/dist/js/types/components/{ModalOverlay/ModalOverlay.d.ts → Overlay/Overlay.d.ts}

@@ -1,9 +1,10 @@
 import { FC, PropsWithChildren } from 'react';
 import { OverlayController } from '../../lib/controller';
-export interface ModalOverlayProps extends PropsWithChildren {
+export interface OverlayProps extends PropsWithChildren {
     controller?: OverlayController;
     isDismissable?: boolean;
     className?: string;
+    overlayType?: "Modal" | "LightBox";
 }
-export declare const ModalOverlay: FC<ModalOverlayProps>;
-export default ModalOverlay;
+export declare const Overlay: FC<OverlayProps>;
+export default Overlay;

package/dist/js/types/components/Overlay/index.d.ts

@@ -0,0 +1,3 @@
+import { Overlay } from './Overlay';
+export { type OverlayProps, Overlay } from './Overlay';
+export default Overlay;

package/dist/js/types/components/propTypes/index.d.ts

@@ -5,6 +5,7 @@ import { LabelProps } from '../Label';
 import { ContentProps } from '../Content';
 import { LayoutCardProps } from '../LayoutCard';
 import { LinkProps } from '../Link';
+import { LightBoxProps } from '../LightBox';
 import { FieldErrorProps } from '../FieldError';
 import { FieldDescriptionProps } from '../FieldDescription';
 import { AlertProps } from '../Alert';
@@ -46,7 +47,7 @@ import { TimeFieldProps } from '../TimeField';
 import { AlertIconProps } from '../AlertIcon';
 import { ListSummaryProps } from '../List/components/ListSummary/ListSummary';
 import { SegmentedControlProps } from '../SegmentedControl';
-import { SegmentProps } from 'src/components/SegmentedControl/components/Segment';
+import { SegmentProps } from '../SegmentedControl/components/Segment';
 import { FileCardProps } from '../FileCard';
 import { FileFieldProps } from '../FileField';
 import type * as Aria from "react-aria-components";
@@ -84,6 +85,7 @@ export interface FlowComponentPropsTypes {
     Initials: InitialsProps;
     Label: LabelProps;
     LayoutCard: LayoutCardProps;
+    LightBox: LightBoxProps;
     Link: LinkProps;
     List: ListProps<never>;
     ListSummary: ListSummaryProps;

package/dist/js/types/lib/controller/overlay/context.d.ts

@@ -36,6 +36,7 @@ export declare const overlayContext: import('react').Context<Partial<{
     Initials: OverlayController | undefined;
     Label: OverlayController | undefined;
     LayoutCard: OverlayController | undefined;
+    LightBox: OverlayController | undefined;
     Link: OverlayController | undefined;
     List: OverlayController | undefined;
     ListSummary: OverlayController | undefined;

package/dist/js/types/lib/propsContext/propsContext.d.ts

@@ -32,6 +32,7 @@ export declare const propsContext: import('react').Context<Partial<{
     Initials: import('./types').ComponentPropsContext<"Initials">;
     Label: import('./types').ComponentPropsContext<"Label">;
     LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
+    LightBox: import('./types').ComponentPropsContext<"LightBox">;
     Link: import('./types').ComponentPropsContext<"Link">;
     List: import('./types').ComponentPropsContext<"List">;
     ListSummary: import('./types').ComponentPropsContext<"ListSummary">;
@@ -93,6 +94,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     Initials: import('./types').ComponentPropsContext<"Initials">;
     Label: import('./types').ComponentPropsContext<"Label">;
     LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
+    LightBox: import('./types').ComponentPropsContext<"LightBox">;
     Link: import('./types').ComponentPropsContext<"Link">;
     List: import('./types').ComponentPropsContext<"List">;
     ListSummary: import('./types').ComponentPropsContext<"ListSummary">;

package/dist/js/types/lib/slotContext/slotContext.d.ts

@@ -32,6 +32,7 @@ export declare const slotContext: import('react').Context<Partial<{
     Initials: string;
     Label: string;
     LayoutCard: string;
+    LightBox: string;
     Link: string;
     List: string;
     ListSummary: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.348",
+  "version": "0.1.0-alpha.349",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -203,6 +203,11 @@
       "types": "./dist/js/types/components/LayoutCard/index.d.ts",
       "import": "./dist/js/LayoutCard.js"
     },
+    "./LightBox/styles.css": "./dist/css/LightBox.css",
+    "./LightBox": {
+      "types": "./dist/js/types/components/LightBox/index.d.ts",
+      "import": "./dist/js/LightBox.js"
+    },
     "./Link/styles.css": "./dist/css/Link.css",
     "./Link": {
       "types": "./dist/js/types/components/Link/index.d.ts",
@@ -405,7 +410,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.6",
     "@internationalized/string-compiler": "^3.2.5",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.348",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.349",
     "@mittwald/react-use-promise": "^2.5.0",
     "@react-aria/form": "^3.0.10",
     "@react-aria/utils": "^3.25.3",
@@ -435,7 +440,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.3",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.348",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.349",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^20.0.0",
     "@storybook/addon-a11y": "^8.3.5",
@@ -530,5 +535,5 @@
       }
     }
   },
-  "gitHead": "c692dba514c04952d39cd622893fddb4e1be7a2d"
+  "gitHead": "9abd015cbaa3978e1bd624bf2f15972e6ac7af65"
 }

package/dist/js/types/components/ModalOverlay/index.d.ts

@@ -1,3 +0,0 @@
-import { ModalOverlay } from './ModalOverlay';
-export { type ModalOverlayProps, ModalOverlay } from './ModalOverlay';
-export default ModalOverlay;