unframer 2.5.2 → 2.6.0

package/esm/react.d.ts

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

package/esm/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEH,sBAAsB,EAEzB,MAAM,UAAU,CAAA;AAWjB,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AA8BpE;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAwB,EAAE;;CAAA,GAAG,GAAG,CAmD9D;AAED,eAAO,MAAM,qBAAqB,KA4EhC,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,aAAa,EAKhB,MAAM,OAAO,CAAA;AACd,OAAO,EAEH,sBAAsB,EAEzB,MAAM,UAAU,CAAA;AAWjB,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AA8BpE;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAwB,EAAE;;CAAA,GAAG,GAAG,CAmD9D;AAED,eAAO,MAAM,qBAAqB;;kBACM,GAAG;;;;;cAAH,GAAG;;uDA2EzC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unframer",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "Import Framer components directly in your React app, type safe and customizable",
   "sideEffects": false,
   "repository": "https://github.com/remorses/unframer",
@@ -20,6 +20,9 @@
       "module": "./esm/index.js",
       "default": "./dist/index.js"
     },
+    "./src/framer.js": {
+      "default": "./src/framer.js"
+    },
     "./package.json": "./package.json"
   },
   "keywords": [],
@@ -43,7 +46,7 @@
     "json5": "^2.2.3",
     "native-fetch": "^4.0.2",
     "picocolors": "^1.0.0",
-    "real-framer-motion": "npm:framer-motion@11.1.7",
+    "real-framer-motion": "npm:framer-motion@11.2.10",
     "tmp": "^0.2.1"
   },
   "devDependencies": {
@@ -56,8 +59,10 @@
     "@babel/types": "^7.24.5",
     "@types/babel__core": "^7.20.5",
     "@types/babel__traverse": "^7.20.5",
+    "@types/bun": "^1.1.5",
     "@types/fs-extra": "^11.0.1",
     "@types/node": "^20.5.7",
+    "@types/react": "^18.3.3",
     "@xmorse/deployment-utils": "^0.1.0",
     "concurrently": "^8.2.2",
     "openai": "^4.40.2",

package/src/esbuild.ts

@@ -12,6 +12,7 @@ export const externalPackages = [
 let redirectCache = new Map<string, Promise<string>>()
 export function esbuildPluginBundleDependencies({
     signal = undefined as AbortSignal | undefined,
+    externalizeNpm = false,
 }) {
     const codeCache = new Map()
 
@@ -72,6 +73,12 @@ export function esbuildPluginBundleDependencies({
                         namespace,
                     }
                 }
+                if (externalizeNpm) {
+                    return {
+                        path: args.path,
+                        external: true,
+                    }
+                }
 
                 const url = `https://esm.sh/${args.path}`
 
@@ -119,7 +126,14 @@ export function esbuildPluginBundleDependencies({
                         loader = 'json'
                         return await res.text()
                     }
-                    const text = await res.text()
+                    let text = await res.text()
+
+                    // when it finds a line with /* webpackIgnore: true */
+                    // it also adds /* @vite-ignore */
+                    text = text.replace(
+                        /(\/\* webpackIgnore: true \*\/)/g,
+                        '$1 /* @vite-ignore */',
+                    )
 
                     const transformed = await transform(text, {
                         define: {