@mittwald/flow-react-components 0.1.0-alpha.171 → 0.1.0-alpha.173

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

@@ -2,9 +2,10 @@ import { PropsWithChildren } from 'react';
 import { OverlayController } from '../../lib/controller';
 import { ActionModel } from './models/ActionModel';
 import { FlowComponentName } from '../propTypes';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
 export type ActionFn = (...args: unknown[]) => unknown;
-export interface ActionProps extends PropsWithChildren {
+export interface ActionProps extends PropsWithChildren, FlowComponentProps {
     action?: ActionFn;
     actionModel?: ActionModel;
     closeOverlay?: FlowComponentName | OverlayController;

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

@@ -1,11 +1,12 @@
 import { ComponentType, FC, ReactNode } from 'react';
 import { FlowComponentName } from '../propTypes';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
 type AriaComponentType = ComponentType<{
     isOpen?: boolean;
     children: ReactNode;
 }>;
-export interface OverlayTriggerProps {
+export interface OverlayTriggerProps extends FlowComponentProps {
     isDefaultOpen?: boolean;
     children: ReactNode;
 }

package/dist/types/components/Section/components/SectionHeader/SectionHeader.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { PropsWithClassName } from '../../../../lib/types/props';
+
+export type SectionHeaderProps = PropsWithChildren & PropsWithClassName;
+export declare const SectionHeader: FC<SectionHeaderProps>;
+export default SectionHeader;

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

@@ -6,5 +6,4 @@ 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;
+export declare const WithHeaderContent: Story;

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

@@ -36,6 +36,7 @@ import { FlowComponentName } from './types';
 import { ContextualHelpProps } from '../ContextualHelp';
 import { PopoverProps } from '../Popover';
 import { ContextMenuSectionProps } from '../ContextMenu/components/ContextMenuSection';
+import { OverlayTriggerProps } from '../OverlayTrigger';
 
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -49,6 +50,7 @@ export interface FlowComponentPropsTypes {
     Content: ContentProps;
     ContextMenu: ContextMenuProps;
     ContextMenuSection: ContextMenuSectionProps;
+    ContextMenuTrigger: OverlayTriggerProps;
     ContextualHelp: ContextualHelpProps;
     CopyButton: CopyButtonProps;
     CounterBadge: CounterBadgeProps;

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

@@ -15,6 +15,7 @@ export declare const overlayContext: import('react').Context<Partial<{
     Content: OverlayController | undefined;
     ContextMenu: OverlayController | undefined;
     ContextMenuSection: OverlayController | undefined;
+    ContextMenuTrigger: OverlayController | undefined;
     ContextualHelp: OverlayController | undefined;
     CopyButton: OverlayController | undefined;
     CounterBadge: OverlayController | undefined;

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

@@ -11,6 +11,7 @@ export declare const propsContext: import('react').Context<Partial<{
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
     ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
+    ContextMenuTrigger: import('./types').ComponentPropsContext<"ContextMenuTrigger">;
     ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
@@ -55,6 +56,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
     ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
+    ContextMenuTrigger: import('./types').ComponentPropsContext<"ContextMenuTrigger">;
     ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
     CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;

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

@@ -11,6 +11,7 @@ export declare const slotContext: import('react').Context<Partial<{
     Content: string;
     ContextMenu: string;
     ContextMenuSection: string;
+    ContextMenuTrigger: string;
     ContextualHelp: string;
     CopyButton: string;
     CounterBadge: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.171",
+  "version": "0.1.0-alpha.173",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.171",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.173",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.171",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.173",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.4.0",
     "@storybook/addon-a11y": "^8.1.11",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "ed04d61cfdbd51117dd5301104cd7806915685b7"
+  "gitHead": "382ff60cf43672d7d822a503da4d7a61b775314c"
 }

package/dist/Header-aoK_P4c0.js

@@ -1,11 +0,0 @@
-"use client"
-/* */
-import a from "react";
-import { f as c } from "./flowComponent-TgbbWDzO.js";
-const s = c("Header", (e) => {
-  const { children: r, refProp: t, elementType: o = "header", ...n } = e, m = o;
-  return /* @__PURE__ */ a.createElement(m, { ...n, ref: t }, r);
-});
-export {
-  s as H
-};

package/dist/Heading-DccQpM5H.js

@@ -1,48 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import d from "clsx";
-import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as g } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import { f as p } from "./flowComponent-TgbbWDzO.js";
-import * as w from "react-aria-components";
-const C = "flow--heading", x = "flow--heading--dark", P = "flow--heading--light", u = "flow--heading--icon", H = "flow--heading--h1", N = "flow--heading--h2", k = "flow--heading--h3", v = "flow--heading--h4", E = "flow--heading--h5", y = "flow--heading--h6", o = {
-  heading: C,
-  dark: x,
-  light: P,
-  icon: u,
-  h1: H,
-  h2: N,
-  h3: k,
-  h4: v,
-  h5: E,
-  h6: y
-}, q = p("Heading", (r) => {
-  const {
-    children: a,
-    className: i,
-    level: n = 2,
-    levelVisual: t = n,
-    color: s = "primary",
-    refProp: h,
-    ...l
-  } = r, c = d(
-    o.heading,
-    t && o[`h${t}`],
-    o[s],
-    i
-  ), m = {
-    Icon: {
-      "aria-hidden": !0,
-      size: "s",
-      className: o.icon
-    }
-  };
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(w.Heading, { level: n, className: c, ...l, ref: h }, /* @__PURE__ */ e.createElement(g, { props: m }, a)));
-});
-export {
-  q as H
-};

package/dist/slotContext-DoCFkzCA.js

@@ -1,8 +0,0 @@
-"use client"
-/* */
-import { createContext as t, useContext as o } from "react";
-const e = t({}), n = () => o(e);
-export {
-  e as s,
-  n as u
-};