@mittwald/flow-react-components 0.1.0-alpha.53 → 0.1.0-alpha.55

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

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from "react";
+import * as Aria from "react-aria-components";
+import { ContextMenuItemProps } from './components/ContextMenuItem';
+export interface ContextMenuProps extends Omit<Aria.PopoverProps, "children">, Pick<Aria.MenuProps<ContextMenuItemProps>, "onAction">, PropsWithChildren {
+}
+export declare const ContextMenu: FC<ContextMenuProps>;
+export default ContextMenu;

package/dist/types/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import * as Aria from "react-aria-components";
+export interface ContextMenuItemProps extends Aria.MenuItemProps {
+}
+export declare const ContextMenuItem: FC<ContextMenuItemProps>;
+export default ContextMenuItem;

package/dist/types/components/ContextMenu/components/ContextMenuItem/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import { ContextMenu } from "./ContextMenu";
+export { type ContextMenuProps, ContextMenu } from "./ContextMenu";
+export * from "./components/ContextMenuItem";
+export { MenuTrigger as ContextMenuTrigger } from "react-aria-components";
+export default ContextMenu;

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.53",
+  "version": "0.1.0-alpha.55",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -30,6 +30,10 @@
       "types": "./dist/types/components/Content/index.d.ts",
       "import": "./dist/Content.js"
     },
+    "./ContextMenu": {
+      "types": "./dist/types/components/ContextMenu/index.d.ts",
+      "import": "./dist/ContextMenu.js"
+    },
     "./CopyButton": {
       "types": "./dist/types/components/CopyButton/index.d.ts",
       "import": "./dist/CopyButton.js"
@@ -191,7 +195,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.53",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.55",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^18.1.2",
     "@storybook/addon-a11y": "^7.6.17",
@@ -262,5 +266,5 @@
       "optional": true
     }
   },
-  "gitHead": "ef8dc4182179aadf3a2462bc80164ab5be59b4bc"
+  "gitHead": "726fa40be566f15692b13a0f5ad323858ed9452a"
 }

package/dist/Button-BnXrfuF-.js

@@ -1,80 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import * as y from "react-aria-components";
-import I from "clsx";
-import { C as P } from "./ClearPropsContext-CD1-9TZA.js";
-import { P as C } from "./PropsContextProvider-B6QiUIPM.js";
-import "@react-aria/utils";
-import "./propsContext-Dx7WKmmM.js";
-import "remeda";
-import "@tabler/icons-react";
-import "html-react-parser";
-import { f as E } from "./flowComponent-92d7kP4i.js";
-import { b as N, I as S, a as F } from "./IconSucceeded-C_S9H4Jp.js";
-import { T as h } from "./Text-Dts2bzGQ.js";
-const z = "flow--button", B = "flow--button--icon", v = "flow--button--text", T = "flow--button--content", D = "flow--button--state-icon", A = "flow--button--is-succeeded", R = "flow--button--is-failed", W = "flow--button--is-pending", _ = "flow--button--plain", $ = "flow--button--primary", j = "flow--button--solid", k = "flow--button--accent", q = "flow--button--danger", G = "flow--button--secondary", H = "flow--button--soft", t = {
-  button: z,
-  icon: B,
-  text: v,
-  content: T,
-  stateIcon: D,
-  "size-s": "flow--button--size-s",
-  isSucceeded: A,
-  isFailed: R,
-  isPending: W,
-  plain: _,
-  primary: $,
-  solid: j,
-  accent: k,
-  danger: q,
-  secondary: G,
-  soft: H
-}, f = (e) => {
-  const { if: s, children: n } = e;
-  return s ? n : n.props.children;
-}, ot = E("Button", (e) => {
-  const {
-    variant: s = "primary",
-    style: n = "solid",
-    children: l,
-    className: p,
-    size: c = "m",
-    isPending: i,
-    isDisabled: u,
-    isSucceeded: a,
-    isFailed: r,
-    ...b
-  } = e, w = I(
-    t.button,
-    i && t.isPending,
-    a && t.isSucceeded,
-    r && t.isFailed,
-    t[`size-${c}`],
-    t[s],
-    t[n],
-    p
-  ), g = {
-    Icon: {
-      className: t.icon,
-      "aria-hidden": !0,
-      size: c
-    },
-    Text: {
-      className: t.text
-    }
-  }, d = a ? N : r ? S : i ? F : void 0, m = d && /* @__PURE__ */ o.createElement(d, { size: c, className: t.stateIcon }), x = typeof l == "string";
-  return /* @__PURE__ */ o.createElement(P, null, /* @__PURE__ */ o.createElement(
-    y.Button,
-    {
-      className: w,
-      isDisabled: u || i || a || r,
-      ...b
-    },
-    /* @__PURE__ */ o.createElement(f, { if: m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(h, null, /* @__PURE__ */ o.createElement(C, { props: g }, l))))),
-    m
-  ));
-});
-export {
-  ot as B
-};