unframer 2.18.0 → 2.18.2

package/esm/framer.js

@@ -506934,6 +506934,7 @@ import { createElement, Fragment, } from 'react';
 import { useState, } from 'react';
 import * as React2 from 'react';
 import { Children, isValidElement, } from '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';
@@ -513567,7 +513568,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);
@@ -516613,7 +516615,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();
 import React4 from 'react';
 import { Suspense as Suspense3, } from 'react';
@@ -516621,6 +516623,7 @@ import { memo as memo2, startTransition as startTransition2, } from 'react';
 import ReactDOM from 'react-dom';
 import { createRef, } from 'react';
 import { cloneElement as cloneElement32, } from 'react';
+var __unframerNavigator2 = typeof window !== 'undefined' ? navigator : void 0;
 var require_hsluv = __commonJS({
     '../../../node_modules/hsluv/dist/hsluv.cjs'(exports) {
         'use strict';
@@ -518457,7 +518460,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();
     useEffect(() => {
@@ -519211,9 +519214,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;
@@ -519241,7 +519244,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, {
@@ -519717,10 +519720,11 @@ var MarkSuspenseEffects = {
     End: MarkSuspenseEffectsEnd,
 };
 function renderPage(Page4, defaultPageStyle) {
-    const style = {
+    const props = {
         style: defaultPageStyle,
+        'data-framer-root': true,
     };
-    return React4.isValidElement(Page4) ? React4.cloneElement(Page4, style) : React4.createElement(Page4, style);
+    return React4.isValidElement(Page4) ? React4.cloneElement(Page4, props) : React4.createElement(Page4, props);
 }
 var NotFoundError = class extends Error {
 };
@@ -524592,10 +524596,7 @@ var ProvideParentSize = (props) => {
     const { parentSize, children, } = props;
     const value = React4.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__ */ jsx(Fragment, {
@@ -527246,6 +527247,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);
@@ -527565,7 +527570,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;
@@ -528682,9 +528687,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;
@@ -528694,7 +528699,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) {
@@ -529172,8 +529177,6 @@ var SharedIntersectionObserver = class {
 };
 var SharedIntersectionObserverContext = /* @__PURE__ */ createContext(/* @__PURE__ */ new Map());
 function useSharedIntersectionObserver(ref, callback, options) {
-    if (typeof IntersectionObserver === 'undefined')
-        return;
     const key7 = useConstant2(() => `${options.rootMargin}`);
     const observers2 = useContext(SharedIntersectionObserverContext);
     const { enabled, } = options;
@@ -535218,9 +535221,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__ */ React4.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, 
@@ -535655,10 +535656,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 = useRef();
@@ -536070,7 +536067,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();
@@ -536112,9 +536110,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;
@@ -536665,8 +536661,14 @@ var SuspenseErrorBoundary = class extends 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__ */ jsx('div', {
+            hidden: true,
+            dangerouslySetInnerHTML: {
+                __html: '<!-- SuspenseThatPreservesDOM fallback rendered -->',
+            },
+        });
+    }
     throw suspendPromise;
 }
 function SuspenseThatPreservesDom({ children, }) {
@@ -536778,14 +536780,21 @@ var DeprecatedContainerErrorBoundary = class extends Component {
         return hasError ? null : children;
     }
 };
-var IsInExternalComponentContext = /* @__PURE__ */ (() => React4.createContext(0))();
-function useExternalComponentNestingLevel() {
-    return React4.useContext(IsInExternalComponentContext);
-}
-function IsExternalComponent({ children, }) {
-    const count = React4.useContext(IsInExternalComponentContext);
-    return /* @__PURE__ */ jsx(IsInExternalComponentContext.Provider, {
-        value: count + 1,
+var ExternalComponentContext = /* @__PURE__ */ (() => React4.createContext({
+    level: 0,
+    scopeId: void 0,
+}))();
+function useNearestExternalComponent() {
+    return React4.useContext(ExternalComponentContext);
+}
+function IsExternalComponent({ children, scopeId, }) {
+    const level = React4.useContext(ExternalComponentContext).level;
+    const newValue = React4.useMemo(() => ({
+        level: level + 1,
+        scopeId,
+    }), [level, scopeId,]);
+    return /* @__PURE__ */ jsx(ExternalComponentContext.Provider, {
+        value: newValue,
         children,
     });
 }
@@ -536802,27 +536811,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__ */ React4.forwardRef(({ children, layoutId, as, scopeId, nodeId, isAuthoredByUser, isModuleExternal, inComponentSlot, ...props }, ref) => {
     const outerLayoutId = useConstant2(() => layoutId ? `${layoutId}-container` : void 0);
@@ -536877,7 +536891,7 @@ var SmartComponentScopedContainer = /* @__PURE__ */ React4.forwardRef((props, re
     }
 });
 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 –
@@ -536887,7 +536901,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__ */ jsx(CodeComponentBoundary, {
             errorMessage: getErrorMessageForComponent(scopeId, nodeId),
@@ -536897,6 +536911,7 @@ function useWrapWithCodeBoundary(children, scopeId, nodeId, isAuthoredByUser, is
     }
     if (isExternalComponent) {
         children = /* @__PURE__ */ jsx(IsExternalComponent, {
+            scopeId,
             children,
         });
     }
@@ -537861,6 +537876,8 @@ var GracefullyDegradingErrorBoundary = class extends 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) {
@@ -537869,19 +537886,19 @@ var GracefullyDegradingErrorBoundary = class extends 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,
             },]);
@@ -537894,7 +537911,7 @@ var GracefullyDegradingErrorBoundary = class extends 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)
@@ -538118,8 +538135,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 || '';
@@ -538621,7 +538638,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;
@@ -544837,12 +544854,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;
@@ -545064,7 +545081,7 @@ var gamepadPoller = /* @__PURE__ */ createGamepadPoller();
 var GamepadContext = /* @__PURE__ */ React4.createContext(gamepadPoller);
 function getGamepadInputs() {
     let firstConnectedGamepad = null;
-    const gamepads = navigator.getGamepads();
+    const gamepads = __unframerNavigator2.getGamepads();
     for (const gamepad of gamepads) {
         if (!gamepad)
             continue;
@@ -545800,8 +545817,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__ */ jsx(CodeComponentBoundary, {
@@ -546797,7 +546814,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 {
@@ -548399,12 +548418,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`, {
@@ -551906,19 +551927,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',
@@ -551970,20 +551983,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)();