@mittwald/flow-react-components 0.1.0-alpha.358 → 0.1.0-alpha.359

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as y, cloneElement as g } from "react";
+import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as g, cloneElement as y } from "react";
 import { u as h } from "./propsContext-DzAKlmhS.js";
 import { mergeProps as T } from "@react-aria/utils";
 import { pickBy as v, omitBy as S } from "remeda";
@@ -14,6 +14,7 @@ const F = {
   Alert: !0,
   AlertBadge: !0,
   AlertIcon: !0,
+  Align: !0,
   Badge: !0,
   Button: !0,
   Checkbox: !0,
@@ -80,7 +81,7 @@ function d(t) {
 function k(t) {
   return !d(t);
 }
-const B = (t, o) => {
+const A = (t, o) => {
   const r = {};
   for (const e in t)
     if (k(e)) {
@@ -89,11 +90,11 @@ const B = (t, o) => {
     }
   return r;
 };
-function A(t) {
+function B(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
 const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
-  if (!A(o))
+  if (!B(o))
     return {};
   const r = o.children;
   if (!Array.isArray(r) && !x(r))
@@ -103,7 +104,7 @@ const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
     children: /* @__PURE__ */ s.createElement(b, { props: e, mergeInParentContext: !0 }, r)
   };
 }, M = (t, o) => {
-  const e = h()[t], n = e ? B(e, o) : void 0, i = e ? I(e, o) : void 0;
+  const e = h()[t], n = e ? A(e, o) : void 0, i = e ? I(e, o) : void 0;
   return T(
     e && S(
       e,
@@ -123,7 +124,7 @@ const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
   return /* @__PURE__ */ s.createElement(m.Provider, { value: i }, e);
 };
 function O(t, o) {
-  return y((r, e) => {
+  return g((r, e) => {
     const { tunnelId: n, wrapWith: i, ...c } = M(
       t,
       r
@@ -132,7 +133,7 @@ function O(t, o) {
       ...c
     };
     let u = /* @__PURE__ */ s.createElement(o, { ...C });
-    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;
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: t }, u)), i && (u = y(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-CmDyIRsZ.js";
-import { a as P, A as y } from "./Action-Bcw69Ub4.js";
+import { F as A } from "./FieldError-1vrCcwXu.js";
+import { a as P, A as y } from "./Action-CoAr9soG.js";
 const C = x({}), V = C.Provider, f = () => v(C);
 function D(t) {
   var i;

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

@@ -1,6 +1,7 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
-export interface AlignProps extends PropsWithChildren, PropsWithClassName {
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+export interface AlignProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps {
 }
-export declare const Align: FC<AlignProps>;
+export declare const Align: React.ForwardRefExoticComponent<AlignProps & React.RefAttributes<never>>;
 export default Align;

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

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+import { PropsWithClassName } from '../../lib/types/props';
+export interface MessageProps extends PropsWithChildren, PropsWithClassName {
+    /** @default "sender" */
+    type?: "responder" | "sender";
+    orientation?: "left" | "right";
+}
+export declare const Message: FC<MessageProps>;
+export default Message;

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Message } from '..';
+declare const meta: Meta<typeof Message>;
+export default meta;
+type Story = StoryObj<typeof Message>;
+export declare const Default: Story;
+export declare const Responder: Story;
+export declare const MessageOnly: Story;
+export declare const OrientationRight: Story;

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

@@ -50,6 +50,7 @@ import { SegmentedControlProps } from '../SegmentedControl';
 import { SegmentProps } from '../SegmentedControl/components/Segment';
 import { FileCardProps } from '../FileCard';
 import { FileFieldProps } from '../FileField';
+import { AlignProps } from '../Align';
 import type * as Aria from "react-aria-components";
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -58,6 +59,7 @@ export interface FlowComponentPropsTypes {
     Alert: AlertProps;
     AlertBadge: AlertBadgeProps;
     AlertIcon: AlertIconProps;
+    Align: AlignProps;
     Avatar: AvatarProps;
     Badge: BadgeProps;
     Button: ButtonProps;

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

@@ -5,6 +5,7 @@ export declare const propsContext: import('react').Context<Partial<{
     Alert: import('./types').ComponentPropsContext<"Alert">;
     AlertBadge: import('./types').ComponentPropsContext<"AlertBadge">;
     AlertIcon: import('./types').ComponentPropsContext<"AlertIcon">;
+    Align: import('./types').ComponentPropsContext<"Align">;
     Avatar: import('./types').ComponentPropsContext<"Avatar">;
     Badge: import('./types').ComponentPropsContext<"Badge">;
     Button: import('./types').ComponentPropsContext<"Button">;
@@ -67,6 +68,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     Alert: import('./types').ComponentPropsContext<"Alert">;
     AlertBadge: import('./types').ComponentPropsContext<"AlertBadge">;
     AlertIcon: import('./types').ComponentPropsContext<"AlertIcon">;
+    Align: import('./types').ComponentPropsContext<"Align">;
     Avatar: import('./types').ComponentPropsContext<"Avatar">;
     Badge: import('./types').ComponentPropsContext<"Badge">;
     Button: import('./types').ComponentPropsContext<"Button">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.358",
+  "version": "0.1.0-alpha.359",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -242,6 +242,11 @@
       "types": "./dist/js/types/components/MenuItem/index.d.ts",
       "import": "./dist/js/MenuItem.js"
     },
+    "./Message/styles.css": "./dist/css/Message.css",
+    "./Message": {
+      "types": "./dist/js/types/components/Message/index.d.ts",
+      "import": "./dist/js/Message.js"
+    },
     "./Modal/styles.css": "./dist/css/Modal.css",
     "./Modal": {
       "types": "./dist/js/types/components/Modal/index.d.ts",
@@ -420,7 +425,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.358",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.359",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -451,7 +456,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.358",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.359",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -546,5 +551,5 @@
       }
     }
   },
-  "gitHead": "3b4d762bd7143dff9a2bb842ec0c27bdbe438e46"
+  "gitHead": "873ee92fed2b742deddd25f2b0f2f5ae1537af77"
 }