unframer 2.18.0 → 2.18.2

package/dist/framer.js

@@ -507197,6 +507197,7 @@ const react_8 = require("react");
 const react_9 = require("react");
 const React2 = __importStar(require("react"));
 const react_10 = require("react");
+var __unframerNavigator = typeof window !== 'undefined' ? navigator : void 0;
 var require_memoize_browser_cjs = __commonJS({
     '../../../node_modules/@emotion/memoize/dist/memoize.browser.cjs.js'(exports) {
         'use strict';
@@ -513872,7 +513873,8 @@ var defaultLayoutTransition = {
     duration: 0.45,
     ease: [0.4, 0, 0.1, 1,],
 };
-var userAgentContains = (string) => typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().includes(string);
+var userAgentContains = (string) => typeof __unframerNavigator !== 'undefined' && __unframerNavigator.userAgent &&
+    __unframerNavigator.userAgent.toLowerCase().includes(string);
 var roundPoint = userAgentContains('applewebkit/') && !userAgentContains('chrome/') ? Math.round : noop;
 function roundAxis(axis) {
     axis.min = roundPoint(axis.min);
@@ -516934,7 +516936,7 @@ function steps(numSteps, direction = 'end') {
         return clamp(0, 1, rounded / numSteps);
     };
 }
-// /:https://app.framerstatic.com/framer.43KQGWBL.mjs
+// /:https://app.framerstatic.com/framer.3KX2OI4Q.mjs
 init_chunk_QLPHEVXG();
 const react_11 = __importDefault(require("react"));
 const react_12 = require("react");
@@ -516942,6 +516944,7 @@ const react_13 = require("react");
 const react_dom_1 = __importDefault(require("react-dom"));
 const react_14 = require("react");
 const react_15 = require("react");
+var __unframerNavigator2 = typeof window !== 'undefined' ? navigator : void 0;
 var require_hsluv = __commonJS({
     '../../../node_modules/hsluv/dist/hsluv.cjs'(exports) {
         'use strict';
@@ -518778,7 +518781,7 @@ function isGenerator2(value) {
 function isBot(userAgent) {
     return /bot|-google|google-|yandex|ia_archiver/iu.test(userAgent);
 }
-var shouldPreloadBasedOnUA = /* @__PURE__ */ (() => typeof window !== 'undefined' && !isBot(navigator.userAgent))();
+var shouldPreloadBasedOnUA = /* @__PURE__ */ (() => typeof window !== 'undefined' && !isBot(__unframerNavigator2.userAgent))();
 function useRoutePreloader(routeIds, enabled = true) {
     const { getRoute, } = useRouter();
     (0, react_2.useEffect)(() => {
@@ -519532,9 +519535,9 @@ function replaceHistoryState(data2, url, ignoreReplaceStateWrapper = false) {
 }
 var maybeHasPopstateBug = true;
 var isImpactedPopstateBugChromiumVersion = /* @__PURE__ */ (() => {
-    if (typeof navigator === 'undefined')
+    if (typeof __unframerNavigator2 === 'undefined')
         return false;
-    const userAgent = navigator.userAgent;
+    const userAgent = __unframerNavigator2.userAgent;
     const chromePos = userAgent.indexOf('Chrome/');
     const chromiumVersion = +userAgent.slice(chromePos + 7, userAgent.indexOf('.', chromePos));
     return chromiumVersion > 101 && chromiumVersion < 128;
@@ -519562,7 +519565,7 @@ async function pushHistoryState(data2, url, awaitPaintBeforeUpdate = false, isNa
             console.error(msg);
             (_a = window.__framer_events) == null ? void 0 : _a.push(['published_site_load_recoverable_error', {
                     message: msg,
-                    userAgent: navigator.userAgent,
+                    userAgent: __unframerNavigator2.userAgent,
                 },]);
         };
         window.addEventListener('popstate', popstateListener, {
@@ -520039,10 +520042,11 @@ var MarkSuspenseEffects = {
     End: MarkSuspenseEffectsEnd,
 };
 function renderPage(Page4, defaultPageStyle) {
-    const style = {
+    const props = {
         style: defaultPageStyle,
+        'data-framer-root': true,
     };
-    return react_11.default.isValidElement(Page4) ? react_11.default.cloneElement(Page4, style) : react_11.default.createElement(Page4, style);
+    return react_11.default.isValidElement(Page4) ? react_11.default.cloneElement(Page4, props) : react_11.default.createElement(Page4, props);
 }
 var NotFoundError = class extends Error {
 };
@@ -524935,10 +524939,7 @@ var ProvideParentSize = (props) => {
     const { parentSize, children, } = props;
     const value = react_11.default.useMemo(() => ({
         parentSize,
-    }), // We are generating the memoKeys in runtime and react doesn't like it,
-    // but it should be safe to ignore.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [getParentWidth(parentSize), getParentHeight(parentSize),]);
+    }), [getParentWidth(parentSize), getParentHeight(parentSize),]);
     if (currentParentSize === 1) {
         return children
             ? /* @__PURE__ */ (0, jsx_runtime_1.jsx)(react_8.Fragment, {
@@ -527594,6 +527595,10 @@ function supportsThemes(presetId, skin) {
     }
     return false;
 }
+function useIsStaticRenderer() {
+    const currentTarget = RenderTarget.current();
+    return currentTarget === RenderTarget.canvas || currentTarget === RenderTarget.export;
+}
 var asRecord = (object) => object;
 function memoize(fn) {
     const cache2 = Object.create(Object.prototype);
@@ -527914,7 +527919,7 @@ function htmlElementAsMotionComponent(asElem) {
     return asElem && asElem !== 'search' && asElem !== 'slot' && asElem !== 'template' ? motion[asElem] : motion['div'];
 }
 var import_process = __toESM(require_browser(), 1);
-var safeNavigator = typeof navigator !== 'undefined' ? navigator : void 0;
+var safeNavigator = typeof __unframerNavigator2 !== 'undefined' ? __unframerNavigator2 : void 0;
 var isBrowser2 = () => typeof document === 'object';
 var isWebKit = () => {
     var _a;
@@ -529038,9 +529043,9 @@ function useStyleAndRect(props) {
             ...defaultStyle,
         };
     }
-    const onCanvas = RenderTarget.current() === RenderTarget.canvas;
+    const isRenderingStaticContent = useIsStaticRenderer();
     if (props.positionSticky) {
-        if (!onCanvas || inCodeComponent) {
+        if (!isRenderingStaticContent || inCodeComponent) {
             resultStyle.position = 'sticky';
             resultStyle.willChange = 'transform';
             resultStyle.zIndex = 1;
@@ -529050,7 +529055,7 @@ function useStyleAndRect(props) {
             resultStyle.left = props.positionStickyLeft;
         }
     }
-    else if (onCanvas && (props.positionFixed || props.positionAbsolute)) {
+    else if (isRenderingStaticContent && (props.positionFixed || props.positionAbsolute)) {
         resultStyle.position = 'absolute';
     }
     if ('rotate' in resultStyle && resultStyle.rotate === void 0) {
@@ -529529,8 +529534,6 @@ var SharedIntersectionObserver = class {
 };
 var SharedIntersectionObserverContext = /* @__PURE__ */ (0, react_1.createContext)(/* @__PURE__ */ new Map());
 function useSharedIntersectionObserver(ref, callback, options) {
-    if (typeof IntersectionObserver === 'undefined')
-        return;
     const key7 = useConstant2(() => `${options.rootMargin}`);
     const observers2 = (0, react_2.useContext)(SharedIntersectionObserverContext);
     const { enabled, } = options;
@@ -535591,9 +535594,7 @@ function useUpdateScrollOffset(ref, side, offset, cancelEmulatedTouchScrollAnima
             cancelEmulatedTouchScrollAnimation == null ? void 0 : cancelEmulatedTouchScrollAnimation();
             element[side] = Math.abs(offset);
         }
-    }, // We only want to update on contentOffset changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [offset,]);
+    }, [offset,]);
 }
 var NativeScroll = /* @__PURE__ */ react_11.default.forwardRef(function NativeScroll2(props, forwardedRef) {
     const { direction = 'vertical', scrollBarVisible = false, dragEnabled = true, contentOffsetX = 0, contentOffsetY = 0, contentWidth: _contentWidth, contentHeight: _contentHeight, children, resetOffset, onScroll, className: className2, 
@@ -536034,10 +536035,6 @@ function useFXValues(values, enabled) {
     }, [effect, enabled,]);
     return effect;
 }
-function useIsStaticRenderer() {
-    const currentTarget = RenderTarget.current();
-    return currentTarget === RenderTarget.canvas || currentTarget === RenderTarget.export;
-}
 var loopOptionsKeys = /* @__PURE__ */ new Set(['loopEffectEnabled', 'loopTransition', 'loop', 'loopRepeatType', 'loopRepeatDelay',]);
 var useDelay = () => {
     const timeoutRef = (0, react_5.useRef)();
@@ -536449,7 +536446,8 @@ function useAnimationVariants({ opacity, targetOpacity, perspective: transformPe
             opacity: targetOpacity,
         }),
         exit: exit ?? makeStyle(),
-    }), [animateVariant2, defaultStyles, enter, exit, opacity, targetOpacity, transformPerspective,]);
+    }), // biome-ignore lint/correctness/useExhaustiveDependencies: `defaultStyles` makes this memo re-run on every render, but that appears to be fine.
+    [animateVariant2, defaultStyles, enter, exit, opacity, targetOpacity, transformPerspective,]);
 }
 function useStyleAppearEffect(options, ref) {
     const shouldReduceMotion = useReducedMotionConfig();
@@ -536491,9 +536489,7 @@ function useStyleAppearEffect(options, ref) {
                 }
             });
         }));
-    }, // All dependencies are object values or stable.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
+    }, []);
     const hasAnimatedOnce = options.animateOnce && playState.current.lastAppearState === true;
     const animateWithIntersectionObserver = !options.targets && options.styleAppearEffectEnabled && !options.scrollDirection &&
         !hasAnimatedOnce;
@@ -537049,8 +537045,14 @@ var SuspenseErrorBoundary = class extends react_7.Component {
 };
 var suspendPromise = /* @__PURE__ */ (() => typeof window !== 'undefined' ? new Promise(() => { }) : null)();
 function Suspend() {
-    if (typeof window === 'undefined' || window.__framer_STPD_OPT_OUT__)
-        return null;
+    if (typeof window === 'undefined' || window.__framer_STPD_OPT_OUT__) {
+        return /* @__PURE__ */ (0, jsx_runtime_1.jsx)('div', {
+            hidden: true,
+            dangerouslySetInnerHTML: {
+                __html: '<!-- SuspenseThatPreservesDOM fallback rendered -->',
+            },
+        });
+    }
     throw suspendPromise;
 }
 function SuspenseThatPreservesDom({ children, }) {
@@ -537162,14 +537164,21 @@ var DeprecatedContainerErrorBoundary = class extends react_7.Component {
         return hasError ? null : children;
     }
 };
-var IsInExternalComponentContext = /* @__PURE__ */ (() => react_11.default.createContext(0))();
-function useExternalComponentNestingLevel() {
-    return react_11.default.useContext(IsInExternalComponentContext);
-}
-function IsExternalComponent({ children, }) {
-    const count = react_11.default.useContext(IsInExternalComponentContext);
-    return /* @__PURE__ */ (0, jsx_runtime_1.jsx)(IsInExternalComponentContext.Provider, {
-        value: count + 1,
+var ExternalComponentContext = /* @__PURE__ */ (() => react_11.default.createContext({
+    level: 0,
+    scopeId: void 0,
+}))();
+function useNearestExternalComponent() {
+    return react_11.default.useContext(ExternalComponentContext);
+}
+function IsExternalComponent({ children, scopeId, }) {
+    const level = react_11.default.useContext(ExternalComponentContext).level;
+    const newValue = react_11.default.useMemo(() => ({
+        level: level + 1,
+        scopeId,
+    }), [level, scopeId,]);
+    return /* @__PURE__ */ (0, jsx_runtime_1.jsx)(ExternalComponentContext.Provider, {
+        value: newValue,
         children,
     });
 }
@@ -537186,27 +537195,32 @@ function getErrorMessageForOverride(scopeId, nodeId) {
 function getErrorMessageFor(element, scopeId, nodeId) {
     return `A code ${element} crashed while rendering due to the error above. To find and fix it, open the project in the editor \u2192 open Quick Actions (press Cmd+K or Ctrl+K) \u2192 paste this: ${formatCodeCrashLocationFromSourceNode(scopeId, nodeId)} \u2192 click \u201CShow Layer\u201D.`;
 }
-function shouldWrapComponentWithBoundary(externalModuleNestingLevel, isAuthoredByUser, isExternalComponent, inComponentSlot) {
-    const isLocalComponentInstance = 
-    // We know a component instance is local when it’s not nested inside any external component...
-    externalModuleNestingLevel === 0 ||
-        // ...or – “Ticker edge case” – when it’s nested inside an external component during React rendering,
-        // but is actually defined in a slot that’s passed into the component. (This is the “Ticker edge case”:
-        // if a site has a Ticker (or any other component with slots), and something in a Ticker’s slot crashes,
-        // we want to disable that something, not the whole ticker.)
-        externalModuleNestingLevel === 1 && inComponentSlot;
-    return (isAuthoredByUser || isExternalComponent) && isLocalComponentInstance;
-}
-function shouldWrapOverrideWithBoundary(externalModuleNestingLevel, inComponentSlot) {
-    const isWrappingFrameLocalToProject = 
-    // We know a frame is local when it’s not nested inside any external component...
-    externalModuleNestingLevel === 0 ||
-        // ...or – “Ticker edge case” – when it’s nested inside an external component during React rendering,
-        // but is actually defined in a slot that’s passed into the component. (This is the “Ticker edge case”:
-        // if a site has a Ticker (or any other component with slots), and an override in a Ticker’s slot crashes,
-        // we want to disable that override, not the whole ticker.)
-        externalModuleNestingLevel === 1 && inComponentSlot;
-    return isWrappingFrameLocalToProject;
+function shouldWrapComponentWithBoundary(scopeIdOfThisComponent, scopeIdOfNearestExternalComponent, externalComponentLevel, isAuthoredByUser, isExternalComponent, inComponentSlot) {
+    const isLocalComponentInstance = isNodeLocalToProject(scopeIdOfThisComponent, scopeIdOfNearestExternalComponent, externalComponentLevel, inComponentSlot);
+    return (
+    // case 1: all (local instances) of (local) (code components)
+    isLocalComponentInstance && !isExternalComponent && isAuthoredByUser ||
+        // case 2: all (local instances) of (external components)
+        isLocalComponentInstance && isExternalComponent);
+}
+function shouldWrapOverrideWithBoundary(scopeIdOfNodeWithOverride, scopeIdOfNearestExternalComponent, externalComponentLevel, inComponentSlot) {
+    return isNodeLocalToProject(scopeIdOfNodeWithOverride, scopeIdOfNearestExternalComponent, externalComponentLevel, inComponentSlot);
+}
+function isNodeLocalToProject(scopeIdOfThisNode, scopeIdOfNearestExternalComponent, externalComponentLevel, inComponentSlot) {
+    if (externalComponentLevel === 0)
+        return true;
+    const nodeIsDefinedInSameScopeAsExternalComponent = scopeIdOfThisNode === scopeIdOfNearestExternalComponent;
+    if (
+    // We know a component instance is local when it’s nested inside one external component,
+    externalComponentLevel === 1 &&
+        // and it lives in a slot,
+        inComponentSlot &&
+        // and it’s a slot of *that sole external component* (and not some other local component
+        // with slots that lives inside the external component).
+        nodeIsDefinedInSameScopeAsExternalComponent) {
+        return true;
+    }
+    return false;
 }
 var ContainerInner = /* @__PURE__ */ react_11.default.forwardRef(({ children, layoutId, as, scopeId, nodeId, isAuthoredByUser, isModuleExternal, inComponentSlot, ...props }, ref) => {
     const outerLayoutId = useConstant2(() => layoutId ? `${layoutId}-container` : void 0);
@@ -537263,7 +537277,7 @@ var SmartComponentScopedContainer = /* @__PURE__ */ react_11.default.forwardRef(
 });
 exports.SmartComponentScopedContainer = SmartComponentScopedContainer;
 function useWrapWithCodeBoundary(children, scopeId, nodeId, isAuthoredByUser, isExternalComponent, inComponentSlot) {
-    const externalModuleNestingLevel = useExternalComponentNestingLevel();
+    const nearestExternalComponent = useNearestExternalComponent();
     if (
     // Those props will either be all undefined, which means the Container wasn’t codegenned yet,
     // and we should use the old ContainerErrorBoundary –
@@ -537273,7 +537287,7 @@ function useWrapWithCodeBoundary(children, scopeId, nodeId, isAuthoredByUser, is
             children,
         });
     }
-    const shouldWrapWithBoundary = shouldWrapComponentWithBoundary(externalModuleNestingLevel, isAuthoredByUser ?? false, isExternalComponent ?? false, inComponentSlot ?? false);
+    const shouldWrapWithBoundary = shouldWrapComponentWithBoundary(scopeId, nearestExternalComponent.scopeId, nearestExternalComponent.level, isAuthoredByUser ?? false, isExternalComponent ?? false, inComponentSlot ?? false);
     if (shouldWrapWithBoundary) {
         children = /* @__PURE__ */ (0, jsx_runtime_1.jsx)(CodeComponentBoundary, {
             errorMessage: getErrorMessageForComponent(scopeId, nodeId),
@@ -537283,6 +537297,7 @@ function useWrapWithCodeBoundary(children, scopeId, nodeId, isAuthoredByUser, is
     }
     if (isExternalComponent) {
         children = /* @__PURE__ */ (0, jsx_runtime_1.jsx)(IsExternalComponent, {
+            scopeId,
             children,
         });
     }
@@ -538254,6 +538269,8 @@ var GracefullyDegradingErrorBoundary = class extends react_7.Component {
             error: void 0,
         });
         __publicField(this, 'message', 'Made UI non-interactive due to an error');
+        __publicField(this, 'messageFatal', 'Fatal error');
+        __publicField(this, 'messageUser', 'Please check any custom code or code overrides');
         __publicField(this, 'messageReport', 'If you are the author of this website, please report this issue to the Framer team via https://www.framer.community/');
     }
     static getDerivedStateFromError(error) {
@@ -538262,19 +538279,19 @@ var GracefullyDegradingErrorBoundary = class extends react_7.Component {
         };
     }
     componentDidCatch(error) {
-        var _a, _b;
+        var _a, _b, _c;
         window.__framer_hadFatalError = true;
         if ('cause' in error) {
             error = error.cause;
         }
-        console.error(`${this.message} (see above). ${this.messageReport}.`);
+        console.error(`${isBot(__unframerNavigator2.userAgent) ? this.message : this.messageFatal} (see above). ${((_a = this.context) == null ? void 0 : _a.codeBoundaries) ? this.messageUser : this.messageReport}.`);
         const sampleRate = Math.random();
-        if (!((_a = this.context) == null ? void 0 : _a.codeBoundaries) && sampleRate > 0.01)
+        if (!((_b = this.context) == null ? void 0 : _b.codeBoundaries) && sampleRate > 0.01)
             return;
         if (sampleRate > 0.25)
             return;
         const stack = error instanceof Error && typeof error.stack === 'string' ? error.stack : null;
-        (_b = window.__framer_events) == null ? void 0 : _b.push(['published_site_load_error', {
+        (_c = window.__framer_events) == null ? void 0 : _c.push(['published_site_load_error', {
                 message: String(error),
                 stack,
             },]);
@@ -538287,7 +538304,7 @@ var GracefullyDegradingErrorBoundary = class extends react_7.Component {
         const unwrappedError = 'cause' in error ? error.cause : error;
         const closingHTMLComment = /-->/gu;
         const closingHTMLCommentReplacement = '--!>';
-        const dom = isBot(navigator.userAgent) ? ((_a = document.getElementById('main')) == null ? void 0 : _a.innerHTML) || '' : // @FIXME: We should have a UI for fatal error recovery.
+        const dom = isBot(__unframerNavigator2.userAgent) ? ((_a = document.getElementById('main')) == null ? void 0 : _a.innerHTML) || '' : // @FIXME: We should have a UI for fatal error recovery.
             // We don't have a UI for fatal error recovery currently, so we just render nothing for regular users. If we were to throw, React would unmount too.
             // We do render instead of throwing, so that:
             // - `componentDidCatch` runs (if we throw here, it does not)
@@ -538514,8 +538531,8 @@ var preloadedRoutes = /* @__PURE__ */ new Set();
 var routeToNodesInViewport = /* @__PURE__ */ new Map();
 function getObserveRouteForPreloadingFn() {
     var _a;
-    const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection || {};
-    const lowDeviceMemory = navigator.deviceMemory && navigator.deviceMemory > LOW_MEMORY_THRESHOLD;
+    const connection = __unframerNavigator2.connection || __unframerNavigator2.mozConnection || __unframerNavigator2.webkitConnection || {};
+    const lowDeviceMemory = __unframerNavigator2.deviceMemory && __unframerNavigator2.deviceMemory > LOW_MEMORY_THRESHOLD;
     let effectiveType, preloadDisabled, maxPreloadAmount;
     function updateConnection() {
         effectiveType = connection.effectiveType || '';
@@ -539021,7 +539038,7 @@ function useReplaceNestedLinks(nodeId, href, propsAddedByLink) {
             return;
         event.preventDefault();
         event.stopPropagation();
-        const isAppleDevice = /Mac|iPod|iPhone|iPad/u.test(navigator.userAgent);
+        const isAppleDevice = /Mac|iPod|iPhone|iPad/u.test(__unframerNavigator2.userAgent);
         if (isAppleDevice ? event.metaKey : event.ctrlKey) {
             openExternalLink(propsAddedByLink.href, '', '_blank');
             return;
@@ -545252,12 +545269,12 @@ function useHydratedBreakpointVariants(initial, mediaQueries, hydratedWithInitia
                 });
             }
         }
-    }, [instantTransition, forceUpdate, onCanvas,]);
+    }, [instantTransition, forceUpdate,]);
     useIsomorphicLayoutEffect2(() => {
         if (!onCanvas)
             return;
         setActiveVariantInstant(initial);
-    }, [onCanvas, initial, setActiveVariantInstant,]);
+    }, [initial, setActiveVariantInstant,]);
     useIsomorphicLayoutEffect2(() => {
         if (!hydratedWithInitial || isInitialNavigation !== true)
             return;
@@ -545480,7 +545497,7 @@ var GamepadContext = /* @__PURE__ */ react_11.default.createContext(gamepadPolle
 exports.GamepadContext = GamepadContext;
 function getGamepadInputs() {
     let firstConnectedGamepad = null;
-    const gamepads = navigator.getGamepads();
+    const gamepads = __unframerNavigator2.getGamepads();
     for (const gamepad of gamepads) {
         if (!gamepad)
             continue;
@@ -546218,8 +546235,8 @@ function withCodeBoundaryForOverrides(Component18, { scopeId, nodeId, override,
     const appliedOverride = tryToApplyOverride(Component18, override);
     let hasErrorBeenLogged = false;
     function CodeBoundaryForOverrides(props, ref) {
-        const externalComponentNestingLevel = useExternalComponentNestingLevel();
-        const shouldWrapWithBoundary = shouldWrapOverrideWithBoundary(externalComponentNestingLevel, inComponentSlot ?? false);
+        const nearestExternalComponent = useNearestExternalComponent();
+        const shouldWrapWithBoundary = shouldWrapOverrideWithBoundary(scopeId, nearestExternalComponent.scopeId, nearestExternalComponent.level, inComponentSlot ?? false);
         if (shouldWrapWithBoundary) {
             if (appliedOverride.status === 'success') {
                 return /* @__PURE__ */ (0, jsx_runtime_1.jsx)(CodeComponentBoundary, {
@@ -547222,7 +547239,9 @@ function getCustomFontName(fileName, properties) {
     const isAssetVariableFont = Array.isArray(font.variationAxes);
     if (isAssetVariableFont && fontFamily.toLowerCase().includes('variable'))
         return fontFamily;
-    const variant = isAssetVariableFont ? 'Variable' : font.preferredSubFamily || font.fontSubFamily;
+    const variant = isAssetVariableFont ? 'Variable' : (font.preferredSubFamily || font.fontSubFamily).trim();
+    if (variant === '')
+        return fontFamily;
     return `${fontFamily} ${variant}`;
 }
 var CustomFontSource = class {
@@ -548827,12 +548846,14 @@ var styles = /* @__PURE__ */ (() => [
         backgroundColor: 'transparent',
         outline: 'none',
     }),
+    css(`.${textInputWrapperClassName} .${inputClassName}::-webkit-datetime-edit`, {
+        // Prevent browsers from improvising the date/time placeholder height.
+        height: css.variable('--framer-input-font-line-height'),
+    }),
     css(`.${textInputWrapperClassName} .${inputClassName}.${emptyValueClassName}::-webkit-datetime-edit`, {
         color: css.variable('--framer-input-placeholder-color'),
         // This tells safari to use the color for the shadow dom elements.
         '-webkit-text-fill-color': css.variable('--framer-input-placeholder-color'),
-        // Prevent browsers from improvising the date/time placeholder height.
-        height: css.variable('--framer-input-font-line-height'),
         overflow: 'visible',
     }),
     css(`.${textInputWrapperClassName} .${inputClassName}[type="date"]::before, .${textInputWrapperClassName} .${inputClassName}[type="time"]::before`, {
@@ -552351,19 +552372,11 @@ function useInitialRouteComponent(routes, homeNodeId) {
 var package_default = {
     name: 'framer',
     version: '2.4.1',
-    main: 'build/index.js',
+    private: true,
     type: 'module',
-    exports: {
-        '.': './build/index.js',
-        './package.json': './package.json',
-        './*': './build/*',
-    },
-    files: ['build', 'CHANGELOG.md', 'README.md', 'LICENSE.md', 'postinstall.cjs',],
-    types: './build/index.d.ts',
     author: 'Framer',
     license: 'MIT',
     scripts: {
-        prepublishOnly: 'make build',
         coverage: 'yarn :jest --coverage',
         lint: 'yarn :eslint ./src --ext .ts,.tsx --format codeframe --quiet --cache',
         'lint:ci': 'yarn :eslint ./src --ext .ts,.tsx --format codeframe --quiet --cache --cache-strategy content',
@@ -552415,20 +552428,6 @@ var package_default = {
     tsdoc: {
         tsdocFlavor: 'AEDoc',
     },
-    framer: {
-        components: [{
-                name: 'Scroll',
-                children: true,
-                properties: [{
-                        key: 'direction',
-                        title: 'Direction',
-                        kind: 'enum',
-                        options: ['horizontal', 'vertical', 'both',],
-                    },],
-            }, {
-                name: 'Page',
-            },],
-    },
     browserslist: ['extends @framer/browserslist-config/sites',],
 };
 var version = /* @__PURE__ */ (() => package_default.version)();