@mittwald/flow-react-components 0.1.0-alpha.116 → 0.1.0-alpha.118

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

@@ -1,10 +1,11 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
-export interface AvatarProps extends PropsWithChildren, PropsWithClassName {
+export interface AvatarProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps<"Avatar"> {
     /** @default "m" */
     size?: "xs" | "s" | "m" | "l";
     variant?: 1 | 2 | 3 | 4;
 }
-export declare const Avatar: FC<AvatarProps>;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<never>>;
 export default Avatar;

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

@@ -3,6 +3,7 @@ import { PropsWithElementType } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
 export interface ContentProps extends PropsWithChildren, PropsWithElementType<"div" | "section" | "span">, FlowComponentProps<"Content"> {
+    slot?: string;
 }
 export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<never>>;
 export default Content;

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

@@ -8,3 +8,4 @@ export declare const Default: Story;
 export declare const SingleSelection: Story;
 export declare const MultipleSelection: Story;
 export declare const WithLinks: Story;
+export declare const WithSeparator: Story;

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

@@ -2,7 +2,7 @@ import { PropsWithChildren, default as React } from 'react';
 import { PropsWithElementType } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
-export interface HeaderProps extends PropsWithChildren, PropsWithElementType<"div" | "header" | "span">, FlowComponentProps {
+export interface HeaderProps extends PropsWithChildren, PropsWithElementType<"div" | "header" | "span">, FlowComponentProps<"Header"> {
 }
 export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<never>>;
 export default Header;

package/dist/types/components/List/stories/ListItem.stories.d.ts

@@ -4,7 +4,8 @@ import { default as List } from '../List';
 declare const meta: Meta<typeof List>;
 export default meta;
 type Story = StoryObj<typeof List>;
-export declare const WithoutAvatar: Story;
-export declare const WithoutSubtitle: Story;
-export declare const WithoutContent: Story;
-export declare const WithoutContextMenu: Story;
+export declare const Default: Story;
+export declare const WithTopContent: Story;
+export declare const WithContent: Story;
+export declare const WithButton: Story;
+export declare const SmallSpace: Story;

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

@@ -7,4 +7,5 @@ type Story = StoryObj<typeof Navigation>;
 export declare const Default: Story;
 export declare const WithIcons: Story;
 export declare const WithGroups: Story;
+export declare const WithSeparator: Story;
 export declare const WithCollapsableGroups: Story;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+import * as Aria from "react-aria-components";
+export type SeparatorProps = Omit<Aria.SeparatorProps, "orientation">;
+export declare const Separator: FC<SeparatorProps>;
+export default Separator;

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

@@ -0,0 +1,4 @@
+import { Separator } from './Separator';
+
+export { type SeparatorProps, Separator } from './Separator';
+export default Separator;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.116",
+  "version": "0.1.0-alpha.118",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -182,6 +182,10 @@
       "types": "./dist/types/components/Select/index.d.ts",
       "import": "./dist/Select.js"
     },
+    "./Separator": {
+      "types": "./dist/types/components/Separator/index.d.ts",
+      "import": "./dist/Separator.js"
+    },
     "./Skeleton": {
       "types": "./dist/types/components/Skeleton/index.d.ts",
       "import": "./dist/Skeleton.js"
@@ -251,7 +255,7 @@
   },
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.116",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.118",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.0",
     "@react-types/shared": "^3.23.0",
@@ -275,7 +279,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.116",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.118",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.0.3",
     "@storybook/addon-a11y": "^8.1.0",
@@ -351,5 +355,5 @@
       "optional": true
     }
   },
-  "gitHead": "aa76f67de660988456e4db3f8cb9a5dbc469327d"
+  "gitHead": "face36eb122e31d202a8bb93cc96cb4b21f1dcd8"
 }

package/dist/flowComponent-D-odaa-x.js

@@ -1,36 +0,0 @@
-"use client"
-/* */
-import r, { forwardRef as a } from "react";
-import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
-import "./propsContext-CauylOgH.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { u } from "./useProps-L-mDIVx4.js";
-import { TunnelEntry as C } from "@mittwald/react-tunnel";
-function d(e, o) {
-  return a((i, s) => {
-    const { render: n, tunnelId: p, ...l } = u(
-      e,
-      i
-    ), m = {
-      ref: s,
-      ...l
-    };
-    let t = /* @__PURE__ */ r.createElement(o, { ...m });
-    if (n) {
-      const f = d(
-        e,
-        o
-      );
-      t = /* @__PURE__ */ r.createElement(c, null, n(
-        f,
-        m
-      ));
-    }
-    return p && (t = /* @__PURE__ */ r.createElement(C, { id: p }, t)), t;
-  });
-}
-export {
-  d as f
-};

package/dist/useProps-L-mDIVx4.js

@@ -1,91 +0,0 @@
-"use client"
-/* */
-import { mergeProps as s } from "@react-aria/utils";
-import { u as p } from "./propsContext-CauylOgH.js";
-import c, { isValidElement as d } from "react";
-import { pickBy as a, omit as m } from "remeda";
-import { P as C } from "./PropsContextProvider-DZvwqHLP.js";
-const l = {
-  Action: !0,
-  Avatar: !0,
-  Button: !0,
-  ButtonGroup: !0,
-  Checkbox: !0,
-  CheckboxButton: !0,
-  CheckboxGroup: !0,
-  Content: !0,
-  ContextMenu: !0,
-  CopyButton: !0,
-  FieldDescription: !0,
-  FieldError: !0,
-  Header: !0,
-  Heading: !0,
-  Icon: !0,
-  Image: !0,
-  Initials: !0,
-  InlineAlert: !0,
-  Label: !0,
-  LayoutCard: !0,
-  Link: !0,
-  MenuItem: !0,
-  Modal: !0,
-  NumberField: !0,
-  Radio: !0,
-  Option: !0,
-  RadioButton: !0,
-  RadioGroup: !0,
-  Section: !0,
-  Select: !0,
-  StatusBadge: !0,
-  Switch: !0,
-  Tabs: !0,
-  TestComponent: !0,
-  Text: !0,
-  TextArea: !0,
-  TextField: !0
-}, u = Object.keys(
-  l
-);
-function x(t) {
-  return !!t && typeof t == "object" && "__dynamicProp" in t;
-}
-function i(t) {
-  return typeof t == "string" && u.includes(t);
-}
-function f(t) {
-  return !i(t);
-}
-const y = (t, r) => {
-  const e = {};
-  for (const o in t)
-    if (f(o)) {
-      const n = t[o];
-      x(n) && (e[o] = n.__dynamicProp(r));
-    }
-  return e;
-};
-function P(t) {
-  return !!t && typeof t == "object" && "children" in t && !!t.children;
-}
-const h = (t) => a(t, (r, e) => i(e)), b = (t, r) => {
-  if (!P(r))
-    return {};
-  const e = r.children;
-  if (!Array.isArray(e) && !d(e))
-    return {};
-  const o = h(t);
-  return Object.keys(o).length === 0 ? {} : {
-    children: /* @__PURE__ */ c.createElement(C, { props: o, mergeInParentContext: !0 }, r.children)
-  };
-}, F = (t, r) => {
-  const e = p()[t], o = e ? y(e, r) : void 0, n = e ? b(e, r) : void 0;
-  return s(
-    e && m(e, u),
-    r,
-    o,
-    n
-  );
-};
-export {
-  F as u
-};