@servicetitan/anvil2 1.30.0 → 1.31.0

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useAccessibleColor';
+export * from './useBreakpoint';
 export * from './useLinkStyles';
 export * from './useMergeRefs';
 export * from './usePrefersColorScheme';

package/dist/hooks/useBreakpoint/index.d.ts

@@ -0,0 +1 @@
+export { useBreakpoint, useBreakpoint as default, type BreakpointReturnProps, } from '@servicetitan/hammer-react';

package/dist/index.js

@@ -1,64 +1,65 @@
-export { A as Alert } from './Alert-Cbv8tBx5.js';
-export { A as Announcement } from './Announcement-BaytX5oD.js';
-export { A as Avatar, a as AvatarGroup } from './Avatar-D7OvWjMn.js';
-export { B as Badge } from './Badge-CQ4Ha9_F.js';
-export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-C22dKJ0j.js';
-export { B as Button } from './Button-CDE1Yn-v.js';
-export { B as ButtonCompound } from './ButtonCompound-BBWz8boD.js';
-export { B as ButtonLink } from './ButtonLink-CDRjX8oW.js';
-export { B as ButtonToggle } from './ButtonToggle-NM3o2ytz.js';
-export { C as Calendar, b as CalendarMonth, c as CalendarNext, a as CalendarNow, d as CalendarPrev } from './Calendar-B25CTzF_.js';
-export { C as Card } from './Card-D5Tu7fxP.js';
-export { C as Checkbox, a as CheckboxGroup } from './Checkbox-7blvrf_a.js';
-export { C as Chip } from './Chip-hM1s-8Zy.js';
-export { C as Combobox, e as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, g as ComboboxItem, h as ComboboxItemAddNew, f as ComboboxList, c as ComboboxSearchField, b as ComboboxSelect, d as ComboboxSelectTrigger, u as useInfiniteCombobox } from './Combobox-DB-iA60L.js';
-export { D as DateField } from './DateField-Be6t2RVY.js';
-export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CSkJPqp0.js';
-export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-7rYeJxoF.js';
-export { D as Divider } from './Divider-BYJdiS0V.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-3T2QLWa7.js';
-export { E as EditCard } from './EditCard-C6oNHLbs.js';
-export { F as Flex } from './Flex-CBbc0w2g.js';
-export { G as Grid } from './Grid-d8fZM9zL.js';
-export { I as Icon } from './Icon-DEnUtsNv.js';
-export { I as InputMask } from './InputMask-DF40Qlfh.js';
+export { A as Alert } from './Alert-KVBpZzAt.js';
+export { A as Announcement } from './Announcement-DnaX0j_E.js';
+export { A as Avatar, a as AvatarGroup } from './Avatar-CylY-nHK.js';
+export { B as Badge } from './Badge-Lt1iCyYK.js';
+export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink } from './Breadcrumbs-DicsW4mk.js';
+export { B as Button } from './Button-CRGbkHTO.js';
+export { B as ButtonCompound } from './ButtonCompound-Dq-3iCqQ.js';
+export { B as ButtonLink } from './ButtonLink-B1b4NVwl.js';
+export { B as ButtonToggle } from './ButtonToggle-BdIwMXdH.js';
+export { C as Calendar, b as CalendarMonth, c as CalendarNext, a as CalendarNow, d as CalendarPrev } from './Calendar-CqEPLYlk.js';
+export { C as Card } from './Card-D-ntWPsN.js';
+export { C as Checkbox, a as CheckboxGroup } from './Checkbox-K1ZrRTEZ.js';
+export { C as Chip } from './Chip-i-OBdpYm.js';
+export { C as Combobox, e as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, g as ComboboxItem, h as ComboboxItemAddNew, f as ComboboxList, c as ComboboxSearchField, b as ComboboxSelect, d as ComboboxSelectTrigger, u as useInfiniteCombobox } from './Combobox-3SWKXAYu.js';
+export { D as DateField } from './DateField-YjnaTpA4.js';
+export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CtCidzce.js';
+export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-DDF9Xyrs.js';
+export { D as Divider } from './Divider-By5PjW0_.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-Bffoaren.js';
+export { E as EditCard } from './EditCard-DripZNiC.js';
+export { F as Flex } from './Flex-CbkDTKfn.js';
+export { G as Grid } from './Grid-LhlvpLTc.js';
+export { I as Icon } from './Icon-U0zxixxg.js';
+export { I as InputMask } from './InputMask-DdF90b0D.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.js';
-export { L as Link } from './Link-D-9J_gG_.js';
-export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup } from './Listbox-s35NI8bz.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-D4Oo5dk0.js';
-export { M as Menu, a as MenuItem } from './Menu-C2lb6-aj.js';
-export { O as Overflow, a as OverflowText } from './Overflow-4SGStPcA.js';
-export { P as Page, e as PageContent, d as PageHeader, c as PagePanel, a as PageSidebar, b as PageSidebarHeader } from './Page-DPU93uSw.js';
-export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-DPh9L2_b.js';
-export { P as ProgressBar } from './ProgressBar-DCHzTUlk.js';
-export { R as Radio, a as RadioGroup } from './Radio-DrKWItPI.js';
-export { S as SearchField } from './SearchField-Gt55jMYS.js';
-export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-CxzfDyuq.js';
-export { S as SelectCard, a as SelectCardGroup } from './SelectCardGroup-BqqYDfvw.js';
-export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink } from './SideNav-B2j-pcOF.js';
-export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText } from './Skeleton-B7npJs-G.js';
-export { S as Spinner } from './Spinner-C0SZj1Xr.js';
+export { L as Link } from './Link-DDBu_8WX.js';
+export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup } from './Listbox-BQP8FRTF.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-BU0TCQ4k.js';
+export { M as Menu, a as MenuItem } from './Menu-BtinbJQ_.js';
+export { O as Overflow, a as OverflowText } from './Overflow-CKVmrb1N.js';
+export { P as Page, e as PageContent, d as PageHeader, c as PagePanel, a as PageSidebar, b as PageSidebarHeader } from './Page-DnroZYyr.js';
+export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-C7aIgvIl.js';
+export { P as ProgressBar } from './ProgressBar-BfdgLTrw.js';
+export { R as Radio, a as RadioGroup } from './Radio-vM4P73jb.js';
+export { S as SearchField } from './SearchField-DMx9YWba.js';
+export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-D-kdk7BJ.js';
+export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-u0bbiRwe.js';
+export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink } from './SideNav-BIV-c-1o.js';
+export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText } from './Skeleton-CO1kBH8A.js';
+export { S as Spinner } from './Spinner-DUXjTDlr.js';
 export { S as SrOnly } from './SrOnly-DcDlKd4y.js';
-export { S as Stepper, d as StepperFinalPanel, a as StepperList, e as StepperNextButton, c as StepperPanel, f as StepperPrevButton, b as StepperStep } from './Stepper-uGzkVA9L.js';
-export { S as Switch } from './Switch-DksEtlPC.js';
-export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-Bmh5FvNz.js';
-export { T as Text } from './Text-BG5eKasv.js';
-export { T as Textarea } from './Textarea-DC-Mo0BS.js';
-export { T as TextField } from './TextField-D-wM0LoN.js';
-export { T as Toaster, t as toast } from './toast-BckKmAqz.js';
-export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-C3h5EZAS.js';
-export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-DSgdpQUh.js';
-export { u as useAccessibleColor } from './useAccessibleColor-CR4Gw85S-D9BFnrDq.js';
-export { u as useLinkStyles } from './Link-CFxV5mt6-BRludqlY.js';
+export { S as Stepper, d as StepperFinalPanel, a as StepperList, e as StepperNextButton, c as StepperPanel, f as StepperPrevButton, b as StepperStep } from './Stepper-tJSGpsW1.js';
+export { S as Switch } from './Switch-CksM88Ks.js';
+export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-qn_tnvF4.js';
+export { T as Text } from './Text-CF2KcnWA.js';
+export { T as Textarea } from './Textarea-CaMvxI9Y.js';
+export { T as TextField } from './TextField-B7Asq1aB.js';
+export { T as Toaster, t as toast } from './toast-KF3GWYbk.js';
+export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-OYgCC3Up.js';
+export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-rDXwk4az.js';
+export { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
+export { u as useBreakpoint } from './useBreakpoint-7QkBkSeP-Cv5fnZxs.js';
+export { u as useLinkStyles } from './Link-DIyZHRIV-DXK6prKs.js';
 export { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
 export { u as useSwipe } from './useSwipe-DIUHs7T5-DIUHs7T5.js';
 export { useTrackingId } from './useTrackingId.js';
-export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-H7GLsTTs.js';
-export { L as LocalizationProvider } from './LocalizationProvider-BMrx361C-CWnp1u1b.js';
+export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-C3E7FZAC.js';
+export { L as LocalizationProvider } from './LocalizationProvider-BrxC1a2D-B1iQENoJ.js';
 export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR-BUIYgNp2.js';
 export { P as PortalProvider, a as PortalProviderContext } from './PortalProvider-9lXkQ0xY-BKoGegS1.js';
-export { T as ThemeProvider } from './ThemeProvider-C99PP3mE.js';
+export { T as ThemeProvider } from './ThemeProvider-Drjj0EtN.js';
 export { T as TrackingProvider } from './TrackingProvider-BtSjkmpM.js';
 export { u as useTrackingContext } from './useTrackingContext-DRwDL8DE.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/internal/components/Shadow.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const Shadow: ({ children, ...rest }: ComponentPropsWithoutRef<"div">) => import("react/jsx-runtime").JSX.Element;
+export default Shadow;

package/dist/{proxy-Cy56d5Wf.js → proxy-CreWmH-e.js}

@@ -96,7 +96,6 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 const MotionGlobalConfig = {
-    skipAnimations: false,
     useManualTiming: false,
 };
 
@@ -109,6 +108,9 @@ const stepsOrder = [
     "postRender", // Compute
 ];
 
+const statsBuffer = {
+    value: null};
+
 function createRenderStep(runNextFrame, stepName) {
     /**
      * We create and reuse two queues, one to queue jobs for the current frame
@@ -131,11 +133,13 @@ function createRenderStep(runNextFrame, stepName) {
         timestamp: 0.0,
         isProcessing: false,
     };
+    let numCalls = 0;
     function triggerCallback(callback) {
         if (toKeepAlive.has(callback)) {
             step.schedule(callback);
             runNextFrame();
         }
+        numCalls++;
         callback(latestFrameData);
     }
     const step = {
@@ -176,6 +180,13 @@ function createRenderStep(runNextFrame, stepName) {
             [thisFrame, nextFrame] = [nextFrame, thisFrame];
             // Execute this frame
             thisFrame.forEach(triggerCallback);
+            /**
+             * If we're recording stats then
+             */
+            if (stepName && statsBuffer.value) {
+                statsBuffer.value.frameloop[stepName].push(numCalls);
+            }
+            numCalls = 0;
             // Clear the frame so no callbacks remain. This is to avoid
             // memory leaks should this render step not run for a while.
             thisFrame.clear();
@@ -200,7 +211,7 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     };
     const flagRunNextFrame = () => (runNextFrame = true);
     const steps = stepsOrder.reduce((acc, key) => {
-        acc[key] = createRenderStep(flagRunNextFrame);
+        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);
         return acc;
     }, {});
     const { read, resolveKeyframes, update, preRender, render, postRender } = steps;
@@ -551,7 +562,7 @@ const camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCas
 const optimizedAppearDataId = "framerAppearId";
 const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
 
-const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
+const { schedule: microtask} = createRenderBatcher(queueMicrotask, false);
 
 /**
  * Internal, exported only for usage in Framer
@@ -609,8 +620,8 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
      */
     const optimisedAppearId = props[optimizedAppearDataAttribute];
     const wantsHandoff = useRef(Boolean(optimisedAppearId) &&
-        !((_a = window.MotionHandoffIsComplete) === null || _a === undefined ? undefined : _a.call(window, optimisedAppearId)) &&
-        ((_b = window.MotionHasOptimisedAnimation) === null || _b === undefined ? undefined : _b.call(window, optimisedAppearId)));
+        !((_a = window.MotionHandoffIsComplete) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)) &&
+        ((_b = window.MotionHasOptimisedAnimation) === null || _b === void 0 ? void 0 : _b.call(window, optimisedAppearId)));
     useIsomorphicLayoutEffect(() => {
         if (!visualElement)
             return;
@@ -642,7 +653,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
             // This ensures all future calls to animateChanges() in this component will run in useEffect
             queueMicrotask(() => {
                 var _a;
-                (_a = window.MotionHandoffMarkAsComplete) === null || _a === undefined ? undefined : _a.call(window, optimisedAppearId);
+                (_a = window.MotionHandoffMarkAsComplete) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId);
             });
             wantsHandoff.current = false;
         }
@@ -726,7 +737,7 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
     }
     MotionComponent.displayName = `motion.${typeof Component === "string"
         ? Component
-        : `create(${(_b = (_a = Component.displayName) !== null && _a !== undefined ? _a : Component.name) !== null && _b !== undefined ? _b : ""})`}`;
+        : `create(${(_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : ""})`}`;
     const ForwardRefMotionComponent = forwardRef(MotionComponent);
     ForwardRefMotionComponent[motionComponentSymbol] = Component;
     return ForwardRefMotionComponent;
@@ -758,7 +769,7 @@ function getProjectionFunctionality(props) {
         return {};
     const combined = { ...drag, ...layout };
     return {
-        MeasureLayout: (drag === null || drag === undefined ? undefined : drag.isEnabled(props)) || (layout === null || layout === undefined ? undefined : layout.isEnabled(props))
+        MeasureLayout: (drag === null || drag === void 0 ? void 0 : drag.isEnabled(props)) || (layout === null || layout === void 0 ? void 0 : layout.isEnabled(props))
             ? combined.MeasureLayout
             : undefined,
         ProjectionNode: combined.ProjectionNode,
@@ -1326,7 +1337,7 @@ function createUseRender(forwardMotionProps = false) {
 
 function getValueState(visualElement) {
     const state = [{}, {}];
-    visualElement === null || visualElement === undefined ? undefined : visualElement.values.forEach((value, key) => {
+    visualElement === null || visualElement === void 0 ? void 0 : visualElement.values.forEach((value, key) => {
         state[0][key] = value.get();
         state[1][key] = value.getVelocity();
     });
@@ -1470,7 +1481,7 @@ function scrapeMotionValuesFromProps$1(props, prevProps, visualElement) {
             (prevProps.style &&
                 isMotionValue(prevProps.style[key])) ||
             isForcedMotionValue(key, props) ||
-            ((_a = visualElement === null || visualElement === undefined ? undefined : visualElement.getValue(key)) === null || _a === undefined ? undefined : _a.liveStyle) !== undefined) {
+            ((_a = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== undefined) {
             newValues[key] = style[key];
         }
     }
@@ -2209,7 +2220,7 @@ const supportsFlags = {
 
 function memoSupports(callback, supportsFlag) {
     const memoized = memo(callback);
-    return () => { var _a; return (_a = supportsFlags[supportsFlag]) !== null && _a !== undefined ? _a : memoized(); };
+    return () => { var _a; return (_a = supportsFlags[supportsFlag]) !== null && _a !== void 0 ? _a : memoized(); };
 }
 
 const supportsLinearEasing = /*@__PURE__*/ memoSupports(() => {
@@ -2510,8 +2521,8 @@ function test(v) {
     var _a, _b;
     return (isNaN(v) &&
         typeof v === "string" &&
-        (((_a = v.match(floatRegex)) === null || _a === undefined ? undefined : _a.length) || 0) +
-            (((_b = v.match(colorRegex)) === null || _b === undefined ? undefined : _b.length) || 0) >
+        (((_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) +
+            (((_b = v.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) >
             0);
 }
 const NUMBER_TOKEN = "number";
@@ -2755,7 +2766,7 @@ function measureAllKeyframes() {
             if (restore) {
                 restore.forEach(([key, value]) => {
                     var _a;
-                    (_a = element.getValue(key)) === null || _a === undefined ? undefined : _a.set(value);
+                    (_a = element.getValue(key)) === null || _a === void 0 ? void 0 : _a.set(value);
                 });
             }
         });
@@ -2842,7 +2853,7 @@ class KeyframeResolver {
                  * If the first keyframe is null, we need to find its value by sampling the element
                  */
                 if (i === 0) {
-                    const currentValue = motionValue === null || motionValue === undefined ? undefined : motionValue.get();
+                    const currentValue = motionValue === null || motionValue === void 0 ? void 0 : motionValue.get();
                     const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
                     if (currentValue !== undefined) {
                         unresolvedKeyframes[0] = currentValue;
@@ -2909,7 +2920,7 @@ function parseCSSVariable(current) {
     if (!match)
         return [,];
     const [, token1, token2, fallback] = match;
-    return [`--${token1 !== null && token1 !== undefined ? token1 : token2}`, fallback];
+    return [`--${token1 !== null && token1 !== void 0 ? token1 : token2}`, fallback];
 }
 const maxDepth = 4;
 function getVariableValue(current, element, depth = 1) {
@@ -3061,7 +3072,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
             this.finalKeyframe = finalKeyframe;
         }
         // If we removed transform values, reapply them before the next render
-        if ((_a = this.removedTransforms) === null || _a === undefined ? undefined : _a.length) {
+        if ((_a = this.removedTransforms) === null || _a === void 0 ? void 0 : _a.length) {
             this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {
                 element
                     .getValue(unsetTransformName)
@@ -3462,7 +3473,7 @@ function matchOrder(origin, target) {
     for (let i = 0; i < target.values.length; i++) {
         const type = target.types[i];
         const originIndex = origin.indexes[type][pointers[type]];
-        const originValue = (_a = origin.values[originIndex]) !== null && _a !== undefined ? _a : 0;
+        const originValue = (_a = origin.values[originIndex]) !== null && _a !== void 0 ? _a : 0;
         orderedOrigin[i] = originValue;
         pointers[type]++;
     }
@@ -4090,7 +4101,7 @@ class MainThreadAnimation extends BaseAnimation {
             onStop && onStop();
         };
         const { name, motionValue, element, keyframes } = this.options;
-        const KeyframeResolver$1 = (element === null || element === undefined ? undefined : element.KeyframeResolver) || KeyframeResolver;
+        const KeyframeResolver$1 = (element === null || element === void 0 ? void 0 : element.KeyframeResolver) || KeyframeResolver;
         const onResolved = (resolvedKeyframes, finalKeyframe) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe);
         this.resolver = new KeyframeResolver$1(keyframes, onResolved, name, motionValue, element);
         this.resolver.scheduleResolve();
@@ -4339,7 +4350,7 @@ class MainThreadAnimation extends BaseAnimation {
             this.startTime = now - this.holdTime;
         }
         else if (!this.startTime) {
-            this.startTime = startTime !== null && startTime !== undefined ? startTime : this.calcStartTime();
+            this.startTime = startTime !== null && startTime !== void 0 ? startTime : this.calcStartTime();
         }
         else if (this.state === "finished") {
             this.startTime = now;
@@ -4363,7 +4374,7 @@ class MainThreadAnimation extends BaseAnimation {
             return;
         }
         this.state = "paused";
-        this.holdTime = (_a = this.currentTime) !== null && _a !== undefined ? _a : 0;
+        this.holdTime = (_a = this.currentTime) !== null && _a !== void 0 ? _a : 0;
     }
     complete() {
         if (this.state !== "running") {
@@ -4549,7 +4560,7 @@ class AcceleratedAnimation extends BaseAnimation {
         const animation = startWaapiAnimation(motionValue.owner.current, name, keyframes, { ...this.options, duration, times, ease });
         // Override the browser calculated startTime with one synchronised to other JS
         // and WAAPI animations starting this event loop.
-        animation.startTime = startTime !== null && startTime !== undefined ? startTime : this.calcStartTime();
+        animation.startTime = startTime !== null && startTime !== void 0 ? startTime : this.calcStartTime();
         if (this.pendingTimeline) {
             attachTimeline(animation, this.pendingTimeline);
             this.pendingTimeline = undefined;
@@ -4905,7 +4916,7 @@ function animateTarget(visualElement, targetAndTransition, { delay = 0, transiti
         visualElement.animationState &&
         visualElement.animationState.getState()[type];
     for (const key in target) {
-        const value = visualElement.getValue(key, (_a = visualElement.latestValues[key]) !== null && _a !== undefined ? _a : null);
+        const value = visualElement.getValue(key, (_a = visualElement.latestValues[key]) !== null && _a !== void 0 ? _a : null);
         const valueTarget = target[key];
         if (valueTarget === undefined ||
             (animationTypeState &&
@@ -4953,7 +4964,7 @@ function animateTarget(visualElement, targetAndTransition, { delay = 0, transiti
 function animateVariant(visualElement, variant, options = {}) {
     var _a;
     const resolved = resolveVariant(visualElement, variant, options.type === "exit"
-        ? (_a = visualElement.presenceContext) === null || _a === undefined ? undefined : _a.custom
+        ? (_a = visualElement.presenceContext) === null || _a === void 0 ? void 0 : _a.custom
         : undefined);
     let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
     if (options.transitionOverride) {
@@ -5086,7 +5097,7 @@ function createAnimationState(visualElement) {
     const buildResolvedTypeValues = (type) => (acc, definition) => {
         var _a;
         const resolved = resolveVariant(visualElement, definition, type === "exit"
-            ? (_a = visualElement.presenceContext) === null || _a === undefined ? undefined : _a.custom
+            ? (_a = visualElement.presenceContext) === null || _a === void 0 ? void 0 : _a.custom
             : undefined);
         if (resolved) {
             const { transition, transitionEnd, ...target } = resolved;
@@ -5334,7 +5345,7 @@ function createAnimationState(visualElement) {
                 if (motionValue)
                     motionValue.liveStyle = true;
                 // @ts-expect-error - @mattgperry to figure if we should do something here
-                fallbackAnimation[key] = fallbackTarget !== null && fallbackTarget !== undefined ? fallbackTarget : null;
+                fallbackAnimation[key] = fallbackTarget !== null && fallbackTarget !== void 0 ? fallbackTarget : null;
             });
             animations.push({ animation: fallbackAnimation });
         }
@@ -5356,7 +5367,7 @@ function createAnimationState(visualElement) {
         if (state[type].isActive === isActive)
             return Promise.resolve();
         // Propagate active change to children
-        (_a = visualElement.variantChildren) === null || _a === undefined ? undefined : _a.forEach((child) => { var _a; return (_a = child.animationState) === null || _a === undefined ? undefined : _a.setActive(type, isActive); });
+        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach((child) => { var _a; return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive); });
         state[type].isActive = isActive;
         const animations = animateChanges(type);
         for (const key in state) {
@@ -5444,7 +5455,7 @@ class AnimationFeature extends Feature {
     unmount() {
         var _a;
         this.node.animationState.reset();
-        (_a = this.unmountControls) === null || _a === undefined ? undefined : _a.call(this);
+        (_a = this.unmountControls) === null || _a === void 0 ? void 0 : _a.call(this);
     }
 }
 
@@ -6251,7 +6262,7 @@ class VisualElementDragControls {
         const resumeAnimation = () => eachAxis((axis) => {
             var _a;
             return this.getAnimationState(axis) === "paused" &&
-                ((_a = this.getAxisMotionValue(axis).animation) === null || _a === undefined ? undefined : _a.play());
+                ((_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.play());
         });
         const { dragSnapToOrigin } = this.getProps();
         this.panSession = new PanSession(originEvent, {
@@ -6311,7 +6322,7 @@ class VisualElementDragControls {
         const layout = this.visualElement.projection &&
             !this.visualElement.projection.layout
             ? this.visualElement.projection.measure(false)
-            : (_a = this.visualElement.projection) === null || _a === undefined ? undefined : _a.layout;
+            : (_a = this.visualElement.projection) === null || _a === void 0 ? void 0 : _a.layout;
         const prevConstraints = this.constraints;
         if (dragConstraints && isRefObject(dragConstraints)) {
             if (!this.constraints) {
@@ -6375,7 +6386,7 @@ class VisualElementDragControls {
             if (!shouldDrag(axis, drag, this.currentDirection)) {
                 return;
             }
-            let transition = (constraints[axis]) || {};
+            let transition = (constraints && constraints[axis]) || {};
             if (dragSnapToOrigin)
                 transition = { min: 0, max: 0 };
             /**
@@ -6414,11 +6425,11 @@ class VisualElementDragControls {
         eachAxis((axis) => this.getAxisMotionValue(axis).stop());
     }
     pauseAnimation() {
-        eachAxis((axis) => { var _a; return (_a = this.getAxisMotionValue(axis).animation) === null || _a === undefined ? undefined : _a.pause(); });
+        eachAxis((axis) => { var _a; return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.pause(); });
     }
     getAnimationState(axis) {
         var _a;
-        return (_a = this.getAxisMotionValue(axis).animation) === null || _a === undefined ? undefined : _a.state;
+        return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.state;
     }
     /**
      * Drag works differently depending on which props are provided.
@@ -7224,7 +7235,7 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
      */
     const xTranslate = delta.x.translate / treeScale.x;
     const yTranslate = delta.y.translate / treeScale.y;
-    const zTranslate = (latestTransform === null || latestTransform === undefined ? undefined : latestTransform.z) || 0;
+    const zTranslate = (latestTransform === null || latestTransform === void 0 ? void 0 : latestTransform.z) || 0;
     if (xTranslate || yTranslate || zTranslate) {
         transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;
     }
@@ -7300,7 +7311,7 @@ function cancelTreeOptimisedTransformAnimations(projectionNode) {
 }
 function createProjectionNode({ attachResizeListener, defaultParent, measureScroll, checkIsScrollRoot, resetTransform, }) {
     return class ProjectionNode {
-        constructor(latestValues = {}, parent = defaultParent === null || defaultParent === undefined ? undefined : defaultParent()) {
+        constructor(latestValues = {}, parent = defaultParent === null || defaultParent === void 0 ? void 0 : defaultParent()) {
             /**
              * A unique ID generated for every projection node.
              */
@@ -7823,7 +7834,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             if (!visualElement)
                 return createBox();
             const box = visualElement.measureViewportBox();
-            const wasInScrollRoot = ((_a = this.scroll) === null || _a === undefined ? undefined : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
+            const wasInScrollRoot = ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
             if (!wasInScrollRoot) {
                 // Remove viewport scroll to give page-relative coordinates
                 const { scroll } = this.root;
@@ -7838,7 +7849,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             var _a;
             const boxWithoutScroll = createBox();
             copyBoxInto(boxWithoutScroll, box);
-            if ((_a = this.scroll) === null || _a === undefined ? undefined : _a.wasRoot) {
+            if ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) {
                 return boxWithoutScroll;
             }
             /**
@@ -7959,7 +7970,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             const canSkip = !(forceRecalculation ||
                 (isShared && this.isSharedProjectionDirty) ||
                 this.isProjectionDirty ||
-                ((_a = this.parent) === null || _a === undefined ? undefined : _a.isProjectionDirty) ||
+                ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty) ||
                 this.attemptToResolveRelativeTarget ||
                 this.root.updateBlockedByResize);
             if (canSkip)
@@ -8086,7 +8097,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
              * If this is a normal layout animation and neither this node nor its nearest projecting
              * is dirty then we can't skip.
              */
-            if (this.isProjectionDirty || ((_a = this.parent) === null || _a === undefined ? undefined : _a.isProjectionDirty)) {
+            if (this.isProjectionDirty || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty)) {
                 canSkip = false;
             }
             /**
@@ -8193,7 +8204,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         }
         scheduleRender(notifyAll = true) {
             var _a;
-            (_a = this.options.visualElement) === null || _a === undefined ? undefined : _a.scheduleRender();
+            (_a = this.options.visualElement) === null || _a === void 0 ? void 0 : _a.scheduleRender();
             if (notifyAll) {
                 const stack = this.getStack();
                 stack && stack.scheduleRender();
@@ -8379,12 +8390,12 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         getLead() {
             var _a;
             const { layoutId } = this.options;
-            return layoutId ? ((_a = this.getStack()) === null || _a === undefined ? undefined : _a.lead) || this : this;
+            return layoutId ? ((_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.lead) || this : this;
         }
         getPrevLead() {
             var _a;
             const { layoutId } = this.options;
-            return layoutId ? (_a = this.getStack()) === null || _a === undefined ? undefined : _a.prevLead : undefined;
+            return layoutId ? (_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.prevLead : undefined;
         }
         getStack() {
             const { layoutId } = this.options;
@@ -8472,7 +8483,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
                 this.needsReset = false;
                 styles.opacity = "";
                 styles.pointerEvents =
-                    resolveMotionValue(styleProp === null || styleProp === undefined ? undefined : styleProp.pointerEvents) || "";
+                    resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "";
                 styles.transform = transformTemplate
                     ? transformTemplate(this.latestValues, "")
                     : "none";
@@ -8487,7 +8498,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
                             ? this.latestValues.opacity
                             : 1;
                     emptyStyles.pointerEvents =
-                        resolveMotionValue(styleProp === null || styleProp === undefined ? undefined : styleProp.pointerEvents) || "";
+                        resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || "";
                 }
                 if (this.hasProjected && !hasTransform(this.latestValues)) {
                     emptyStyles.transform = transformTemplate
@@ -8512,7 +8523,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
                  */
                 styles.opacity =
                     lead === this
-                        ? (_b = (_a = valuesToRender.opacity) !== null && _a !== undefined ? _a : this.latestValues.opacity) !== null && _b !== undefined ? _b : 1
+                        ? (_b = (_a = valuesToRender.opacity) !== null && _a !== void 0 ? _a : this.latestValues.opacity) !== null && _b !== void 0 ? _b : 1
                         : this.preserveOpacity
                             ? this.latestValues.opacity
                             : valuesToRender.opacityExit;
@@ -8573,7 +8584,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             if (this.options.layoutId) {
                 styles.pointerEvents =
                     lead === this
-                        ? resolveMotionValue(styleProp === null || styleProp === undefined ? undefined : styleProp.pointerEvents) || ""
+                        ? resolveMotionValue(styleProp === null || styleProp === void 0 ? void 0 : styleProp.pointerEvents) || ""
                         : "none";
             }
             return styles;
@@ -8583,7 +8594,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         }
         // Only run on root
         resetTree() {
-            this.root.nodes.forEach((node) => { var _a; return (_a = node.currentAnimation) === null || _a === undefined ? undefined : _a.stop(); });
+            this.root.nodes.forEach((node) => { var _a; return (_a = node.currentAnimation) === null || _a === void 0 ? void 0 : _a.stop(); });
             this.root.nodes.forEach(clearMeasurements);
             this.root.sharedNodes.clear();
         }
@@ -8594,7 +8605,7 @@ function updateLayout(node) {
 }
 function notifyLayoutUpdate(node) {
     var _a;
-    const snapshot = ((_a = node.resumeFrom) === null || _a === undefined ? undefined : _a.snapshot) || node.snapshot;
+    const snapshot = ((_a = node.resumeFrom) === null || _a === void 0 ? void 0 : _a.snapshot) || node.snapshot;
     if (node.isLead() &&
         node.layout &&
         snapshot &&
@@ -8795,7 +8806,7 @@ function shouldAnimatePositionOnly(animationType, snapshot, layout) {
 }
 function checkNodeWasScrollRoot(node) {
     var _a;
-    return node !== node.root && ((_a = node.scroll) === null || _a === undefined ? undefined : _a.wasRoot);
+    return node !== node.root && ((_a = node.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot);
 }
 
 const DocumentProjectionNode = createProjectionNode({
@@ -8848,7 +8859,7 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     }
     else if (typeof elementOrSelector === "string") {
         let root = document;
-        const elements = (_a = undefined ) !== null && _a !== undefined ? _a : root.querySelectorAll(elementOrSelector);
+        const elements = (_a = void 0 ) !== null && _a !== void 0 ? _a : root.querySelectorAll(elementOrSelector);
         return elements ? Array.from(elements) : [];
     }
     return Array.from(elementOrSelector);
@@ -9761,7 +9772,7 @@ class VisualElement {
         var _a;
         let value = this.latestValues[key] !== undefined || !this.current
             ? this.latestValues[key]
-            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== undefined ? _a : this.readValueFromInstance(this.current, key, this.options);
+            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);
         if (value !== undefined && value !== null) {
             if (typeof value === "string" &&
                 (isNumericalString(value) || isZeroValueString(value))) {
@@ -9791,7 +9802,7 @@ class VisualElement {
         const { initial } = this.props;
         let valueFromInitial;
         if (typeof initial === "string" || typeof initial === "object") {
-            const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) === null || _a === undefined ? undefined : _a.custom);
+            const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) === null || _a === void 0 ? void 0 : _a.custom);
             if (variant) {
                 valueFromInitial = variant[key];
             }
@@ -9963,4 +9974,4 @@ const createMotionComponent = /*@__PURE__*/ createMotionComponentFactory({
 const motion = /*@__PURE__*/ createDOMMotionComponentProxy(createMotionComponent);
 
 export { LayoutGroupContext as L, MotionConfigContext as M, PresenceContext as P, usePresence as a, useIsomorphicLayoutEffect as b, hasReducedMotionListener as h, initPrefersReducedMotion as i, motion as m, prefersReducedMotion as p, useConstant as u, warnOnce as w };
-//# sourceMappingURL=proxy-Cy56d5Wf.js.map
+//# sourceMappingURL=proxy-CreWmH-e.js.map