feat: unstable multi specification api

Author: michalkvasnicak

packages/render/package.json

@@ -120,6 +120,46 @@
         "default": "./dist/use-frame.cjs"
       }
     },
+    "./unstable-use-frame-state": {
+      "import": {
+        "types": "./dist/unstable-use-frame-state.d.ts",
+        "default": "./dist/unstable-use-frame-state.js"
+      },
+      "require": {
+        "types": "./dist/unstable-use-frame-state.d.cts",
+        "default": "./dist/unstable-use-frame-state.cjs"
+      }
+    },
+    "./unstable-use-fetch-frame": {
+      "import": {
+        "types": "./dist/unstable-use-fetch-frame.d.ts",
+        "default": "./dist/unstable-use-fetch-frame.js"
+      },
+      "require": {
+        "types": "./dist/unstable-use-fetch-frame.d.cts",
+        "default": "./dist/unstable-use-fetch-frame.cjs"
+      }
+    },
+    "./unstable-use-frame": {
+      "import": {
+        "types": "./dist/unstable-use-frame.d.ts",
+        "default": "./dist/unstable-use-frame.js"
+      },
+      "require": {
+        "types": "./dist/unstable-use-frame.d.cts",
+        "default": "./dist/unstable-use-frame.cjs"
+      }
+    },
+    "./unstable-types": {
+      "import": {
+        "types": "./dist/unstable-types.d.ts",
+        "default": "./dist/unstable-types.js"
+      },
+      "require": {
+        "types": "./dist/unstable-types.d.cts",
+        "default": "./dist/unstable-types.cjs"
+      }
+    },
     "./identity/anonymous": {
       "import": {
         "types": "./dist/identity/anonymous/index.d.ts",

packages/render/src/collapsed-frame-ui.tsx

@@ -2,6 +2,7 @@ import type { ImgHTMLAttributes } from "react";
 import React, { useState } from "react";
 import type { Frame } from "frames.js";
 import type { FrameTheme, FrameState } from "./types";
+import type { UseFrameReturnValue } from "./unstable-types";
 
 const defaultTheme: Required<FrameTheme> = {
   buttonBg: "#fff",
@@ -20,7 +21,7 @@ const getThemeWithDefaults = (theme: FrameTheme): FrameTheme => {
 };
 
 export type CollapsedFrameUIProps = {
-  frameState: FrameState<any, any>;
+  frameState: FrameState<any, any> | UseFrameReturnValue;
   theme?: FrameTheme;
   FrameImage?: React.FC<ImgHTMLAttributes<HTMLImageElement> & { src: string }>;
   allowPartialFrame?: boolean;