@mittwald/flow-react-components 0.1.0-alpha.40 → 0.1.0-alpha.42

package/dist/types/components/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from "react";
+import { PropsWithElementType } from '../../lib/types/props';
+export interface HeaderProps extends PropsWithChildren, PropsWithElementType {
+}
+export declare const Header: FC<HeaderProps>;
+export default Header;

package/dist/types/components/Header/index.d.ts

@@ -0,0 +1,3 @@
+import { Header } from "./Header";
+export { type HeaderProps, Header } from "./Header";
+export default Header;

package/dist/types/components/Header/stories/Default.stories.d.ts

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

package/dist/types/components/Section/stories/Default.stories.d.ts

@@ -5,3 +5,5 @@ export default meta;
 type Story = StoryObj<typeof Section>;
 export declare const Default: Story;
 export declare const MultipleSections: Story;
+export declare const WithSwitch: Story;
+export declare const WithStatusBadge: Story;

package/dist/types/components/Section/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Section from "../Section";
+import { Text } from '../../Text';
+declare const meta: Meta<typeof Section>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const WithLongHeading: Story;
+export declare const SmallSpace: Story;

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

@@ -4,7 +4,7 @@ import type { IconProps } from '../Icon';
 import type { LabelProps } from '../Label';
 import type { ContentProps } from '../Content';
 import type { LayoutCardProps } from '../LayoutCard';
-import type { NavigationItemProps, NavigationProps } from '../Navigation';
+import type { NavigationItemProps } from '../Navigation';
 import type { LinkProps } from '../Link';
 import type { FieldErrorProps } from '../FieldError';
 import type { FieldDescriptionProps } from '../FieldDescription';
@@ -13,23 +13,24 @@ import type { HeadingProps } from '../Heading';
 import type { InitialsProps } from '../Initials';
 import type { ImageProps } from '../Image';
 import type { CopyButtonProps } from '../CopyButton';
+import { HeaderProps } from '../Header';
 export * from "./types";
 export interface FlowComponentPropsTypes {
-    Text: TextProps;
     Button: ButtonProps;
+    Content: ContentProps;
     CopyButton: CopyButtonProps;
+    FieldDescription: FieldDescriptionProps;
+    FieldError: FieldErrorProps;
+    Header: HeaderProps;
+    Heading: HeadingProps;
     Icon: IconProps;
+    Image: ImageProps;
+    Initials: InitialsProps;
+    InlineAlert: InlineAlertProps;
     Label: LabelProps;
-    Content: ContentProps;
     LayoutCard: LayoutCardProps;
-    Navigation: NavigationProps;
-    NavigationItem: NavigationItemProps;
-    Heading: HeadingProps;
-    InlineAlert: InlineAlertProps;
     Link: LinkProps;
-    Initials: InitialsProps;
-    Image: ImageProps;
-    FieldError: FieldErrorProps;
-    FieldDescription: FieldDescriptionProps;
+    NavigationItem: NavigationItemProps;
+    Text: TextProps;
 }
 export declare const propsContextSupportingComponents: string[];

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

@@ -1,20 +1,20 @@
 /// <reference types="react" />
 export declare const propsContext: import("react").Context<Partial<{
-    Text: import('./types').ComponentPropsContext<"Text">;
     Button: import('./types').ComponentPropsContext<"Button">;
+    Content: import('./types').ComponentPropsContext<"Content">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
+    FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
+    FieldError: import('./types').ComponentPropsContext<"FieldError">;
+    Header: import('./types').ComponentPropsContext<"Header">;
+    Heading: import('./types').ComponentPropsContext<"Heading">;
     Icon: import('./types').ComponentPropsContext<"Icon">;
+    Image: import('./types').ComponentPropsContext<"Image">;
+    Initials: import('./types').ComponentPropsContext<"Initials">;
+    InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
     Label: import('./types').ComponentPropsContext<"Label">;
-    Content: import('./types').ComponentPropsContext<"Content">;
     LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
-    Navigation: import('./types').ComponentPropsContext<"Navigation">;
-    NavigationItem: import('./types').ComponentPropsContext<"NavigationItem">;
-    Heading: import('./types').ComponentPropsContext<"Heading">;
-    InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
     Link: import('./types').ComponentPropsContext<"Link">;
-    Initials: import('./types').ComponentPropsContext<"Initials">;
-    Image: import('./types').ComponentPropsContext<"Image">;
-    FieldError: import('./types').ComponentPropsContext<"FieldError">;
-    FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
+    NavigationItem: import('./types').ComponentPropsContext<"NavigationItem">;
+    Text: import('./types').ComponentPropsContext<"Text">;
     TestComponent: import('./types').ComponentPropsContext<"TestComponent">;
 }>>;

package/dist/useProps-d5Do2me4.js

@@ -0,0 +1,69 @@
+"use client"
+/* */
+import { mergeProps as s } from "@react-aria/utils";
+import p, { isValidElement as u, useContext as c } from "react";
+import { P as d, p as m } from "./PropsContextProvider-C7Evvjhy.js";
+import { pickBy as a } from "remeda";
+function C(t) {
+  return !!t && typeof t == "object" && "__dynamicProp" in t;
+}
+const l = {
+  Text: !0,
+  Button: !0,
+  CopyButton: !0,
+  Header: !0,
+  Icon: !0,
+  Label: !0,
+  Content: !0,
+  LayoutCard: !0,
+  NavigationItem: !0,
+  Heading: !0,
+  InlineAlert: !0,
+  Link: !0,
+  Initials: !0,
+  Image: !0,
+  FieldError: !0,
+  FieldDescription: !0,
+  TestComponent: !0
+}, f = Object.keys(
+  l
+);
+function i(t) {
+  return typeof t == "string" && f.includes(t);
+}
+function y(t) {
+  return !i(t);
+}
+const P = (t, r) => {
+  const e = {};
+  for (const n in t)
+    if (y(n)) {
+      const o = t[n];
+      C(o) ? e[n] = o.__dynamicProp(r) : e[n] = o;
+    }
+  return e;
+};
+function x(t) {
+  return !!t && typeof t == "object" && "children" in t && !!t.children;
+}
+const h = (t) => a(t, (r, e) => i(e)), v = (t, r) => {
+  if (!x(r))
+    return {};
+  const e = r.children;
+  if (!Array.isArray(e) && !u(e))
+    return {};
+  const n = h(t);
+  return Object.keys(n).length === 0 ? {} : {
+    children: /* @__PURE__ */ p.createElement(d, { props: n }, r.children)
+  };
+}, E = (t, r) => {
+  const e = c(m)[t], n = e ? P(e, r) : void 0, o = e ? v(e, r) : void 0;
+  return s(
+    n,
+    r,
+    o
+  );
+};
+export {
+  E as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.40",
+  "version": "0.1.0-alpha.42",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -38,6 +38,10 @@
       "types": "./dist/types/components/FieldError/index.d.ts",
       "import": "./dist/FieldError.js"
     },
+    "./Header": {
+      "types": "./dist/types/components/Header/index.d.ts",
+      "import": "./dist/Header.js"
+    },
     "./Heading": {
       "types": "./dist/types/components/Heading/index.d.ts",
       "import": "./dist/Heading.js"
@@ -164,7 +168,7 @@
     "remeda": "^1.51.0"
   },
   "devDependencies": {
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.37",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.41",
     "@nx/storybook": "^18.1.1",
     "@storybook/addon-a11y": "^7.6.17",
     "@storybook/addon-actions": "^7.6.17",
@@ -228,5 +232,5 @@
       "optional": true
     }
   },
-  "gitHead": "d54cb6ae67a40f3749ec3ed509902880e410d0f2"
+  "gitHead": "835fb2130c3a17de560c02f9c970d1663872eaa1"
 }

package/dist/PropsContextProvider-C0o9mDtR.js

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import c, { createContext as m, useContext as P, useMemo as a } from "react";
-import { mergeProps as d } from "@react-aria/utils";
-const n = m({}), i = (r, t) => {
-  const o = Object.keys({
-    ...r,
-    ...t
-  });
-  return Object.fromEntries(
-    o.map((e) => [
-      e,
-      d(
-        r[e],
-        t[e]
-      )
-    ])
-  );
-}, C = (r) => {
-  const { props: t, dependencies: o = [], children: e } = r, s = P(n), p = a(
-    () => i(s, t),
-    [s, ...o]
-  );
-  return /* @__PURE__ */ c.createElement(n.Provider, { value: p }, e);
-};
-export {
-  C as P,
-  n as p
-};

package/dist/useProps-DWCkDfxd.js

@@ -1,67 +0,0 @@
-"use client"
-/* */
-import { mergeProps as p } from "@react-aria/utils";
-import s, { useContext as u } from "react";
-import { P as c, p as d } from "./PropsContextProvider-C0o9mDtR.js";
-import { pickBy as a } from "remeda";
-function m(t) {
-  return !!t && typeof t == "object" && "__dynamicProp" in t;
-}
-const C = {
-  Text: !0,
-  Button: !0,
-  CopyButton: !0,
-  Icon: !0,
-  Label: !0,
-  Content: !0,
-  LayoutCard: !0,
-  Navigation: !0,
-  NavigationItem: !0,
-  Heading: !0,
-  InlineAlert: !0,
-  Link: !0,
-  Initials: !0,
-  Image: !0,
-  FieldError: !0,
-  FieldDescription: !0,
-  TestComponent: !0
-}, f = Object.keys(
-  C
-);
-function i(t) {
-  return typeof t == "string" && f.includes(t);
-}
-function l(t) {
-  return !i(t);
-}
-const y = (t, r) => {
-  const e = {};
-  for (const n in t)
-    if (l(n)) {
-      const o = t[n];
-      m(o) ? e[n] = o.__dynamicProp(r) : e[n] = o;
-    }
-  return e;
-};
-function P(t) {
-  return !!t && typeof t == "object" && "children" in t && !!t.children;
-}
-const x = (t) => a(t, (r, e) => i(e)), h = (t, r) => {
-  const e = {};
-  if (!P(r) || typeof r.children != "object")
-    return e;
-  const n = x(t);
-  return {
-    children: /* @__PURE__ */ s.createElement(c, { props: n }, r.children)
-  };
-}, I = (t, r) => {
-  const e = u(d)[t], n = e ? y(e, r) : void 0, o = e ? h(e, r) : void 0;
-  return p(
-    n,
-    r,
-    o
-  );
-};
-export {
-  I as u
-};