unframer 1.0.0 → 1.0.1

package/README.md

@@ -6,9 +6,6 @@
     <br/>
 </div>
 
-> [!IMPORTANT]
-> If your component has any problem like missing imports create an issue with the component url, these issues are usually because of updates to the `framer` runtime which is kept in sync in this repository in [unframer/framer-fixed/dist](./unframer/framer-fixed/dist) folder
-
 Download framer components as simple files
 
 -   Works with any React framework (Next.js, Gatsby, Vite, etc)
@@ -139,6 +136,10 @@ Known limitations:
 }
 ```
 
+-   Instead of using links to your Framer pages you should make links variables and set them when rendering the component. This is because links to Framer pages are not supported in `unframer`.
+
+-   Internationalization is not supported
+
 ## Example
 
-Look at the [nextjs-app](./nextjs-app) folder for an example
+Look at the [nextjs-app](./nextjs-app) folder for an example and the deployed example [here](https://unframer-nextjs-app.vercel.app/)

package/dist/react.d.ts

@@ -1,4 +1,3 @@
-import { ComponentType } from 'react';
 declare const breakpointSizes: {
     readonly base: 0;
     readonly sm: 320;
@@ -11,15 +10,6 @@ export type UnframerBreakpoint = keyof typeof breakpointSizes;
 export declare function FramerStyles({ Components }: {
     Components?: any[] | undefined;
 }): any;
-export declare const WithFramerBreakpoints: import("react").ForwardRefExoticComponent<{
-    Component: ComponentType<{
-        variant?: any;
-        className?: string | undefined;
-    }>;
-    variants: Record<"base" | "sm" | "md" | "lg" | "xl" | "2xl", any>;
-} & Omit<{
-    variant?: any;
-    className?: string | undefined;
-}, "variant"> & import("react").RefAttributes<unknown>>;
+export declare const WithFramerBreakpoints: any;
 export {};
 //# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,aAAa,EAKhB,MAAM,OAAO,CAAA;AA+Cd,QAAA,MAAM,eAAe;;;;;;;CAOX,CAAA;AAOV,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,eAAe,CAAA;AAsF7D,wBAAgB,YAAY,CAAC,EAAE,UAAwB,EAAE;;CAAA,GAAG,GAAG,CA6C9D;AAED,eAAO,MAAM,qBAAqB;;kBACM,GAAG;;;;;cAAH,GAAG;;uDA2EzC,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAyDA,QAAA,MAAM,eAAe;;;;;;;CAOX,CAAA;AAOV,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,eAAe,CAAA;AAsF7D,wBAAgB,YAAY,CAAC,EAAE,UAAwB,EAAE;;CAAA,GAAG,GAAG,CA6C9D;AAED,eAAO,MAAM,qBAAqB,KA4EhC,CAAA"}

package/framer-fixed/dist/framer.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 
-import { AnimationPlaybackControls } from 'framer-motion';
+import type { AnimationPlaybackControls } from 'framer-motion';
 import { Component } from 'react';
 import { ComponentType } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -9,19 +9,19 @@ import { DeprecatedLayoutGroupContext as LayoutGroupContext } from 'framer-motio
 import { MotionProps } from 'framer-motion';
 import type { MotionStyle } from 'framer-motion';
 import type { MotionTransform } from 'framer-motion';
-import { MotionValue } from 'framer-motion';
+import type { MotionValue } from 'framer-motion';
 import { PanInfo } from 'framer-motion';
 import { PropsWithoutRef } from 'react';
 import { default as React_2 } from 'react';
 import type { ReactNode } from 'react';
 import { RefAttributes } from 'react';
-import { SpringOptions as SpringOptions_2 } from 'framer-motion';
-import { TargetAndTransition } from 'framer-motion';
-import { Transition } from 'framer-motion';
+import type { SpringOptions as SpringOptions_2 } from 'framer-motion';
+import type { TargetAndTransition } from 'framer-motion';
+import type { Transition } from 'framer-motion';
 import { useDeprecatedAnimatedState as useAnimatedState } from 'framer-motion';
 import { useDeprecatedInvertedScale as useInvertedScale } from 'framer-motion';
-import { ValueAnimationTransition } from 'framer-motion';
-import { VariantLabels } from 'framer-motion';
+import type { ValueAnimationTransition } from 'framer-motion';
+import type { VariantLabels } from 'framer-motion';
 
 /** @public */
 export declare function addFonts(component: React_2.ComponentType<unknown>, passedFonts: (ComponentFontV1 | ComponentFontBundle)[], flags?: {
@@ -3457,7 +3457,7 @@ export declare type PageProps = Partial<PageProperties> & Partial<Omit<FrameProp
  * Webkit issue: https://bugs.webkit.org/show_bug.cgi?id=240653
  * */
 /** @public */
-export declare function PageRoot({ RootComponent, isWebsite, routeId, pathVariables, routes, collectionUtils, notFoundPage, isReducedMotion, includeDataObserver, localeId, locales, preserveQueryParams, enableSuspenseThatPreservesDom, }: PageRootProps): JSX.Element;
+export declare function PageRoot({ RootComponent, isWebsite, routeId, pathVariables, routes, collectionUtils, notFoundPage, isReducedMotion, includeDataObserver, localeId, locales, preserveQueryParams, enableSuspenseThatPreservesDom, shouldMarkHydrationEnd, }: PageRootProps): JSX.Element;
 
 declare interface PageRootProps {
     RootComponent: RouteComponent;
@@ -3472,7 +3472,10 @@ declare interface PageRootProps {
     locales?: Locale[];
     localeId?: LocaleId;
     preserveQueryParams?: boolean;
+    /** Is `true` when the noWhiteFlashSuspense experiment is enabled. To be removed when the experiment is removed. */
     enableSuspenseThatPreservesDom?: boolean;
+    /** Is `true` when the page root is used at the live site and is being hydrated. */
+    shouldMarkHydrationEnd?: boolean;
 }
 
 export declare interface PageScopeControlDescription<P = any> extends BaseControlDescription<P> {