@mittwald/flow-react-components 0.1.0-alpha.282 → 0.1.0-alpha.284

package/dist/ContextMenu.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-DvbVYHFh.js";
-import { a } from "./ContextMenuTrigger-DvbVYHFh.js";
+import { C as t } from "./ContextMenuTrigger-C5qGifbA.js";
+import { a } from "./ContextMenuTrigger-C5qGifbA.js";
 import { M as n } from "./MenuItem-CWcJNHm3.js";
 export {
   t as ContextMenu,

package/dist/{ContextMenuTrigger-DvbVYHFh.js → ContextMenuTrigger-C5qGifbA.js}

@@ -4,7 +4,7 @@ import e from "react";
 import * as i from "react-aria-components";
 import { s } from "./ContextMenu.module-BZingr2B.js";
 import { f as c } from "./flowComponent-uZXy7sF4.js";
-import { P } from "./PopoverTrigger-FxIUjWed.js";
+import { P } from "./PopoverTrigger-5ZSb5Xrj.js";
 import { C as E } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/ContextualHelp.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import t from "react";
-import { P as s } from "./PopoverTrigger-FxIUjWed.js";
+import { P as s } from "./PopoverTrigger-5ZSb5Xrj.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/DatePicker.js

@@ -13,7 +13,7 @@ import "./Icon-COqUQ8Af.js";
 import { a as C } from "./IconCalendar-9aQBibiV.js";
 import { F as D } from "./FieldError-DeuLuagS.js";
 import { f as a } from "./FormField.module-CqWpTQKP.js";
-import { P as N } from "./PopoverTrigger-FxIUjWed.js";
+import { P as N } from "./PopoverTrigger-5ZSb5Xrj.js";
 import "mobx";
 import { u as P } from "./useOverlayController-D8pgx8nV.js";
 import { f as y } from "./flowComponent-uZXy7sF4.js";

package/dist/DateRangePicker.js

@@ -8,7 +8,7 @@ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import * as t from "react-aria-components";
-import { P as g } from "./PopoverTrigger-FxIUjWed.js";
+import { P as g } from "./PopoverTrigger-5ZSb5Xrj.js";
 import { s as i, C } from "./CalendarHeader-B04CnM9J.js";
 import { B as D } from "./Button-Da1fC2tj.js";
 import "@tabler/icons-react";

package/dist/List.js

@@ -13,7 +13,7 @@ import { B as y } from "./Button-Da1fC2tj.js";
 import { IconArrowBackUp as rt } from "@tabler/icons-react";
 import { I as ue } from "./Icon-COqUQ8Af.js";
 import { I as lt } from "./IconContextMenu-CzXLrZcd.js";
-import { a as R, C as Y } from "./ContextMenuTrigger-DvbVYHFh.js";
+import { a as R, C as Y } from "./ContextMenuTrigger-C5qGifbA.js";
 import { M as _ } from "./MenuItem-CWcJNHm3.js";
 import { useLocalizedStringFormatter as w } from "react-aria";
 import { TunnelProvider as ye, TunnelExit as D } from "@mittwald/react-tunnel";

package/dist/Popover.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { P as r } from "./PopoverTrigger-FxIUjWed.js";
-import { a as p } from "./PopoverTrigger-FxIUjWed.js";
+import { P as r } from "./PopoverTrigger-5ZSb5Xrj.js";
+import { a as p } from "./PopoverTrigger-5ZSb5Xrj.js";
 export {
   r as Popover,
   p as PopoverTrigger,

package/dist/{PopoverTrigger-FxIUjWed.js → PopoverTrigger-5ZSb5Xrj.js}

@@ -4,15 +4,15 @@ import e from "react";
 import * as o from "react-aria-components";
 import l from "clsx";
 import "mobx";
-import { u as h } from "./useOverlayController-D8pgx8nV.js";
+import { u as y } from "./useOverlayController-D8pgx8nV.js";
 import { f as a } from "./flowComponent-uZXy7sF4.js";
-import { O as y, a as E } from "./OverlayTrigger-bD8_mPel.js";
-const x = "flow--popover", N = "flow--popover--content", T = "flow--popover--tip", s = {
-  popover: x,
-  content: N,
-  tip: T,
+import { O as E, a as x } from "./OverlayTrigger-bD8_mPel.js";
+const N = "flow--popover", T = "flow--popover--content", D = "flow--popover--tip", s = {
+  popover: N,
+  content: T,
+  tip: D,
   "popover-slide": "flow--popover--popover-slide"
-}, M = a("Popover", (r) => {
+}, R = a("Popover", (r) => {
   const {
     children: t,
     className: n,
@@ -22,28 +22,36 @@ const x = "flow--popover", N = "flow--popover--content", T = "flow--popover--tip
     withTip: v,
     refProp: f,
     defaultOpen: g = !1,
-    ...P
-  } = r, C = h("Popover", {
+    width: P,
+    ...d
+  } = r, C = y("Popover", {
     reuseControllerFromContext: !0,
     isDefaultOpen: g
-  }), p = m ?? C, d = p.useIsOpen(), O = l(s.popover, n), u = i ? o.Dialog : "div";
+  }), p = m ?? C, O = p.useIsOpen(), w = l(s.popover, n), h = i ? o.Dialog : "div";
   return /* @__PURE__ */ e.createElement(
     o.Popover,
     {
-      ...P,
-      className: O,
+      ...d,
+      className: w,
       containerPadding: 16,
       ref: f,
-      isOpen: d,
-      onOpenChange: (w) => p.setOpen(w)
+      isOpen: O,
+      onOpenChange: (u) => p.setOpen(u)
     },
     v && /* @__PURE__ */ e.createElement(o.OverlayArrow, { className: s.tip }, /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
-    /* @__PURE__ */ e.createElement(u, { className: l(s.content, c) }, /* @__PURE__ */ e.createElement(y, { type: "Popover", controller: p }, t))
+    /* @__PURE__ */ e.createElement(
+      h,
+      {
+        style: { width: P },
+        className: l(s.content, c)
+      },
+      /* @__PURE__ */ e.createElement(E, { type: "Popover", controller: p }, t)
+    )
   );
-}), R = a("PopoverTrigger", (r) => {
+}), b = a("PopoverTrigger", (r) => {
   const { children: t, ...n } = r;
   return /* @__PURE__ */ e.createElement(
-    E,
+    x,
     {
       overlayType: "Popover",
       ...n,
@@ -53,6 +61,6 @@ const x = "flow--popover", N = "flow--popover--content", T = "flow--popover--tip
   );
 });
 export {
-  M as P,
-  R as a
+  R as P,
+  b as a
 };

package/dist/Select.js

@@ -13,7 +13,7 @@ import "@tabler/icons-react";
 import "./Icon-COqUQ8Af.js";
 import { I as F } from "./IconChevronDown-Cs4gzBPk.js";
 import { f as E } from "./flowComponent-uZXy7sF4.js";
-import { P } from "./PopoverTrigger-FxIUjWed.js";
+import { P } from "./PopoverTrigger-5ZSb5Xrj.js";
 import "mobx";
 import { u as C } from "./useOverlayController-D8pgx8nV.js";
 import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";

package/dist/Tabs.js

@@ -6,7 +6,7 @@ import u from "clsx";
 import { TunnelExit as E, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as O } from "./flowComponent-uZXy7sF4.js";
 import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-DvbVYHFh.js";
+import { a as A, C as B } from "./ContextMenuTrigger-C5qGifbA.js";
 import { M as K } from "./MenuItem-CWcJNHm3.js";
 import { B as L } from "./Button-Da1fC2tj.js";
 import "@tabler/icons-react";

package/dist/Wrap.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { W as r } from "./Wrap-DGT1h1o3.js";
+export {
+  r as Wrap,
+  r as default
+};

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

@@ -5,6 +5,7 @@ import { MenuItemProps } from '../MenuItem';
 import * as Aria from "react-aria-components";
 export interface ContextMenuProps extends Omit<PopoverProps, "withTip">, Pick<Aria.MenuProps<MenuItemProps>, "onAction" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange" | "disabledKeys">, FlowComponentProps {
     selectionMode?: "single" | "multiple" | "navigation";
+    width?: string | number;
 }
 export declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<never>>;
 export default ContextMenu;

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

@@ -9,3 +9,4 @@ export declare const MultipleSelection: Story;
 export declare const WithLinks: Story;
 export declare const WithSeparator: Story;
 export declare const WithContextMenuSection: Story;
+export declare const CustomWidth: Story;

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

@@ -6,6 +6,7 @@ export interface PopoverProps extends PropsWithChildren<Omit<Aria.PopoverProps,
     isDialogContent?: boolean;
     controller?: OverlayController;
     contentClassName?: string;
+    width?: string | number;
 }
 export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<never>>;
 export default Popover;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.282",
+  "version": "0.1.0-alpha.284",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -278,6 +278,10 @@
       "types": "./dist/types/components/Tooltip/index.d.ts",
       "import": "./dist/Tooltip.js"
     },
+    "./Wrap": {
+      "types": "./dist/types/components/Wrap/index.d.ts",
+      "import": "./dist/Wrap.js"
+    },
     "./hooks": {
       "types": "./dist/types/lib/hooks/index.d.ts",
       "import": "./dist/hooks.js"
@@ -313,7 +317,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.6",
     "@internationalized/string-compiler": "^3.2.5",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.282",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.284",
     "@mittwald/react-use-promise": "^2.5.0",
     "@react-aria/utils": "^3.25.3",
     "@react-types/shared": "^3.25.0",
@@ -340,7 +344,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.3",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.282",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.284",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^20.0.0",
     "@storybook/addon-a11y": "^8.3.5",
@@ -417,5 +421,5 @@
       "optional": true
     }
   },
-  "gitHead": "4b4f6e2e28e28f442776d8d938babd6d9dbc612b"
+  "gitHead": "a86840a9f95dc24d5d7b6824b6cef9801ab56d43"
 }