@mittwald/flow-react-components 0.2.0-alpha.116 → 0.2.0-alpha.117

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.117](https://github.com/mittwald/flow/compare/0.2.0-alpha.116...0.2.0-alpha.117) (2025-03-27)
+
+### Features
+
+* **FileCard:** Support ContextMenu in FileCard ([#1323](https://github.com/mittwald/flow/issues/1323)) ([02b5562](https://github.com/mittwald/flow/commit/02b5562578947b11c7c0271e50595f4c5faf13ed))
+
 # [0.2.0-alpha.116](https://github.com/mittwald/flow/compare/0.2.0-alpha.115...0.2.0-alpha.116) (2025-03-26)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/assets/doc-properties.json

@@ -198687,6 +198687,72 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabList/TabList.tsx",
+    "description": "",
+    "displayName": "TabList",
+    "methods": [],
+    "props": {
+      "selection": {
+        "defaultValue": null,
+        "description": "",
+        "name": "selection",
+        "parent": {
+          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Key | undefined"
+        }
+      },
+      "onContextMenuSelectionChange": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onContextMenuSelectionChange",
+        "parent": {
+          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(key: Key) => void"
+        }
+      },
+      "disabledKeys": {
+        "defaultValue": null,
+        "description": "",
+        "name": "disabledKeys",
+        "parent": {
+          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Iterable<Key>"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all",
@@ -199293,72 +199359,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Tabs/components/TabList/TabList.tsx",
-    "description": "",
-    "displayName": "TabList",
-    "methods": [],
-    "props": {
-      "selection": {
-        "defaultValue": null,
-        "description": "",
-        "name": "selection",
-        "parent": {
-          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "Key | undefined"
-        }
-      },
-      "onContextMenuSelectionChange": {
-        "defaultValue": null,
-        "description": "",
-        "name": "onContextMenuSelectionChange",
-        "parent": {
-          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "(key: Key) => void"
-        }
-      },
-      "disabledKeys": {
-        "defaultValue": null,
-        "description": "",
-        "name": "disabledKeys",
-        "parent": {
-          "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-          "name": "Props"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/Tabs/components/TabList/TabList.tsx",
-            "name": "Props"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Iterable<Key>"
-        }
-      }
-    }
-  },
   {
     "tags": {
       "flr-generate": "all"
@@ -210005,34 +210005,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
-    "description": "",
-    "displayName": "DateRangeInput",
-    "methods": [],
-    "props": {
-      "isDisabled": {
-        "defaultValue": null,
-        "description": "",
-        "name": "isDisabled",
-        "parent": {
-          "fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
-          "name": "DateInputProps"
-        },
-        "declarations": [
-          {
-            "fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
-            "name": "DateInputProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      }
-    }
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/FileCard/components/Avatar/Avatar.tsx",
@@ -210080,6 +210052,34 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
+    "description": "",
+    "displayName": "DateRangeInput",
+    "methods": [],
+    "props": {
+      "isDisabled": {
+        "defaultValue": null,
+        "description": "",
+        "name": "isDisabled",
+        "parent": {
+          "fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
+          "name": "DateInputProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx",
+            "name": "DateInputProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/DatePicker/components/DateInput/DateInput.tsx",
@@ -210989,14 +210989,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx",
-    "description": "",
-    "displayName": "CalendarHeader",
-    "methods": [],
-    "props": {}
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ChartLegend/components/LegendContent/LegendContent.tsx",
@@ -220025,6 +220017,14 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx",
+    "description": "",
+    "displayName": "CalendarHeader",
+    "methods": [],
+    "props": {}
+  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx",
@@ -242648,14 +242648,6 @@
       }
     }
   },
-  {
-    "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx",
-    "description": "",
-    "displayName": "FallbackItems",
-    "methods": [],
-    "props": {}
-  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/Item/Item.tsx",
@@ -242782,9 +242774,9 @@
   },
   {
     "tags": {},
-    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx",
     "description": "",
-    "displayName": "ViewModeMenu",
+    "displayName": "FallbackItems",
     "methods": [],
     "props": {}
   },
@@ -249237,6 +249229,14 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.tsx",
+    "description": "",
+    "displayName": "ViewModeMenu",
+    "methods": [],
+    "props": {}
+  },
   {
     "tags": {},
     "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Items/components/Item/hooks/useGridItemProps.tsx",

package/dist/js/components/src/components/FileCard/FileCard.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import { Avatar } from './components/Avatar/Avatar.mjs';
 import { Text } from '../Text/Text.mjs';
@@ -11,6 +11,10 @@ import { FileSizeText } from './components/FileSizeText/FileSizeText.mjs';
 import { Link } from '../Link/Link.mjs';
 import { Wrap } from '../Wrap/Wrap.mjs';
 import { DeleteButton } from './components/DeleteButton/DeleteButton.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { OptionsButton } from '../List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs';
 
 const FileCard = flowComponent("FileCard", (props) => {
   const {
@@ -24,11 +28,18 @@ const FileCard = flowComponent("FileCard", (props) => {
     href,
     target,
     download,
-    imageSrc
+    imageSrc,
+    children
   } = props;
   const rootClassName = clsx(styles.fileCard, className);
+  const propsContext = {
+    ContextMenu: {
+      wrapWith: /* @__PURE__ */ jsx(OptionsButton, {}),
+      placement: "bottom right"
+    }
+  };
   const Element = elementType;
-  return /* @__PURE__ */ jsxs(Element, { className: rootClassName, children: [
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs(Element, { className: rootClassName, children: [
     /* @__PURE__ */ jsx(Wrap, { if: href || onPress, children: /* @__PURE__ */ jsxs(
       Link,
       {
@@ -47,8 +58,9 @@ const FileCard = flowComponent("FileCard", (props) => {
         ]
       }
     ) }),
-    onDelete && /* @__PURE__ */ jsx(DeleteButton, { onDelete })
-  ] });
+    onDelete && children === void 0 && /* @__PURE__ */ jsx(DeleteButton, { onDelete }),
+    children
+  ] }) });
 });
 
 export { FileCard, FileCard as default };

package/dist/js/components/src/components/FileCard/FileCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileCard.mjs","sources":["../../../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"./components/Avatar\";\nimport { Text } from \"@/components/Text\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport styles from \"./FileCard.module.scss\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { FileSizeText } from \"@/components/FileCard/components/FileSizeText\";\nimport { Link, type LinkProps } from \"@/components/Link\";\nimport Wrap from \"@/components/Wrap\";\nimport { DeleteButton } from \"@/components/FileCard/components/DeleteButton\";\n\nexport interface FileCardProps\n  extends PropsWithClassName,\n    PropsWithElementType<\"div\" | \"li\">,\n    Pick<LinkProps, \"onPress\" | \"href\" | \"target\" | \"download\"> {\n  /** The name of the file. */\n  name: string;\n  /** The type of the file. */\n  type?: string;\n  /** Handler that is called when the file cards delete button is clicked. */\n  onDelete?: () => void;\n  /** The size of the file in bytes. */\n  sizeInBytes?: number;\n  /** The source of an image file. */\n  imageSrc?: string;\n}\n\n/** @flr-generate all */\nexport const FileCard = flowComponent(\"FileCard\", (props) => {\n  const {\n    onDelete,\n    type,\n    sizeInBytes,\n    name,\n    className,\n    elementType = \"div\",\n    onPress,\n    href,\n    target,\n    download,\n    imageSrc,\n  } = props;\n\n  const rootClassName = clsx(styles.fileCard, className);\n\n  const Element = elementType;\n\n  return (\n    <Element className={rootClassName}>\n      <Wrap if={href || onPress}>\n        <Link\n          className={styles.link}\n          unstyled\n          href={href}\n          onPress={onPress}\n          target={target}\n          download={download}\n        >\n          <Avatar type={type} imageSrc={imageSrc} />\n          <span className={styles.text}>\n            <Text className={styles.title}>\n              <b>{name}</b>\n            </Text>\n            {sizeInBytes && <FileSizeText sizeInBytes={sizeInBytes} />}\n          </span>\n        </Link>\n      </Wrap>\n      {onDelete && <DeleteButton onDelete={onDelete} />}\n    </Element>\n  );\n});\n\nexport default FileCard;\n"],"names":[],"mappings":";;;;;;;;;;;;AAgCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EACE,uBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAClB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,IAAQ,OAChB,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,QAAQ,EAAA,IAAA;AAAA,QACR,IAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,MAAY,QAAoB,EAAA,CAAA;AAAA,0BACvC,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,IACtB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,SAAW,EAAA,MAAA,CAAO,OACtB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,gBAAK,CACX,EAAA,CAAA;AAAA,YACC,WAAA,oBAAgB,GAAA,CAAA,YAAA,EAAA,EAAa,WAA0B,EAAA;AAAA,WAC1D,EAAA;AAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,QAAA,oBAAa,GAAA,CAAA,YAAA,EAAA,EAAa,QAAoB,EAAA;AAAA,GACjD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"FileCard.mjs","sources":["../../../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"./components/Avatar\";\nimport { Text } from \"@/components/Text\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport styles from \"./FileCard.module.scss\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { FileSizeText } from \"@/components/FileCard/components/FileSizeText\";\nimport { Link, type LinkProps } from \"@/components/Link\";\nimport Wrap from \"@/components/Wrap\";\nimport { DeleteButton } from \"@/components/FileCard/components/DeleteButton\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\n\nexport interface FileCardProps\n  extends PropsWithClassName,\n    PropsWithElementType<\"div\" | \"li\">,\n    Pick<LinkProps, \"onPress\" | \"href\" | \"target\" | \"download\"> {\n  /** The name of the file. */\n  name: string;\n  /** The type of the file. */\n  type?: string;\n  /** Handler that is called when the file cards delete button is clicked. */\n  onDelete?: () => void;\n  /** The size of the file in bytes. */\n  sizeInBytes?: number;\n  /** The source of an image file. */\n  imageSrc?: string;\n}\n\n/** @flr-generate all */\nexport const FileCard = flowComponent(\"FileCard\", (props) => {\n  const {\n    onDelete,\n    type,\n    sizeInBytes,\n    name,\n    className,\n    elementType = \"div\",\n    onPress,\n    href,\n    target,\n    download,\n    imageSrc,\n    children,\n  } = props;\n\n  const rootClassName = clsx(styles.fileCard, className);\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      wrapWith: <OptionsButton />,\n      placement: \"bottom right\",\n    },\n  };\n\n  const Element = elementType;\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <Element className={rootClassName}>\n        <Wrap if={href || onPress}>\n          <Link\n            className={styles.link}\n            unstyled\n            href={href}\n            onPress={onPress}\n            target={target}\n            download={download}\n          >\n            <Avatar type={type} imageSrc={imageSrc} />\n            <span className={styles.text}>\n              <Text className={styles.title}>\n                <b>{name}</b>\n              </Text>\n              {sizeInBytes && <FileSizeText sizeInBytes={sizeInBytes} />}\n            </span>\n          </Link>\n        </Wrap>\n        {onDelete && children === undefined && (\n          <DeleteButton onDelete={onDelete} />\n        )}\n        {children}\n      </Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default FileCard;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAA,sBAAW,aAAc,EAAA,EAAA,CAAA;AAAA,MACzB,SAAW,EAAA;AAAA;AACb,GACF;AAEA,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAClB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,IAAQ,OAChB,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,QAAQ,EAAA,IAAA;AAAA,QACR,IAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,MAAY,QAAoB,EAAA,CAAA;AAAA,0BACvC,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,IACtB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,SAAW,EAAA,MAAA,CAAO,OACtB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,gBAAK,CACX,EAAA,CAAA;AAAA,YACC,WAAA,oBAAgB,GAAA,CAAA,YAAA,EAAA,EAAa,WAA0B,EAAA;AAAA,WAC1D,EAAA;AAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,QAAY,IAAA,QAAA,KAAa,MACxB,oBAAA,GAAA,CAAC,gBAAa,QAAoB,EAAA,CAAA;AAAA,IAEnC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/types/components/FileCard/FileCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIzD,MAAM,WAAW,aACf,SAAQ,kBAAkB,EACxB,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAAC,EAClC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7D,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,8EA0CnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMzD,MAAM,WAAW,aACf,SAAQ,kBAAkB,EACxB,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAAC,EAClC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7D,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,8EAuDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

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

@@ -9,5 +9,6 @@ export declare const WithSize: Story;
 export declare const WithOnDelete: Story;
 export declare const WithLink: Story;
 export declare const WithLinkAndOnDelete: Story;
+export declare const WithContextMenu: Story;
 export declare const WithImage: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/FileCard/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileCard/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAK/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAuC,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,KAAwC,CAAC;AAEhE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/FileCard/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAK/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAuC,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,KAAwC,CAAC;AAEhE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.116",
+  "version": "0.2.0-alpha.117",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.116",
+    "@mittwald/react-tunnel": "0.2.0-alpha.117",
     "@mittwald/react-use-promise": "^3.0.3",
     "@react-aria/form": "^3.0.14",
     "@react-aria/utils": "^3.28.1",
@@ -93,7 +93,7 @@
     "@faker-js/faker": "^9.6.0",
     "@internationalized/date": "^3.7.0",
     "@mfalkenberg/remote-dom-react": "1.2.3",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.116",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.117",
     "@mittwald/react-use-promise": "^2.6.0",
     "@mittwald/typescript-config": "",
     "@nx/storybook": "^20.5.0",
@@ -173,5 +173,5 @@
       "optional": true
     }
   },
-  "gitHead": "ba590ed3f8fa3490dff512cb78e2a8072e4a0320"
+  "gitHead": "a34171fcad0231a7d30a32a02503b0892afbfa78"
 }