next-recomponents 1.0.6 → 1.0.7

package/dist/index.js

@@ -1,10 +1,40 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __pow = Math.pow;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -29,6 +59,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // ../../node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs
 var require_interop_require_wildcard = __commonJS({
@@ -369,45 +419,47 @@ var require_utils = __commonJS({
       const urlNoQuery = urlParts[0];
       return urlNoQuery.replace(/\\/g, "/").replace(/\/\/+/g, "/") + (urlParts[1] ? "?" + urlParts.slice(1).join("?") : "");
     }
-    async function loadGetInitialProps(App, ctx) {
-      if (process.env.NODE_ENV !== "production") {
-        var _App_prototype;
-        if ((_App_prototype = App.prototype) == null ? void 0 : _App_prototype.getInitialProps) {
-          const message = '"' + getDisplayName(App) + '.getInitialProps()" is defined as an instance method - visit https://nextjs.org/docs/messages/get-initial-props-as-an-instance-method for more information.';
+    function loadGetInitialProps(App, ctx) {
+      return __async(this, null, function* () {
+        if (process.env.NODE_ENV !== "production") {
+          var _App_prototype;
+          if ((_App_prototype = App.prototype) == null ? void 0 : _App_prototype.getInitialProps) {
+            const message = '"' + getDisplayName(App) + '.getInitialProps()" is defined as an instance method - visit https://nextjs.org/docs/messages/get-initial-props-as-an-instance-method for more information.';
+            throw Object.defineProperty(new Error(message), "__NEXT_ERROR_CODE", {
+              value: "E394",
+              enumerable: false,
+              configurable: true
+            });
+          }
+        }
+        const res = ctx.res || ctx.ctx && ctx.ctx.res;
+        if (!App.getInitialProps) {
+          if (ctx.ctx && ctx.Component) {
+            return {
+              pageProps: yield loadGetInitialProps(ctx.Component, ctx.ctx)
+            };
+          }
+          return {};
+        }
+        const props = yield App.getInitialProps(ctx);
+        if (res && isResSent(res)) {
+          return props;
+        }
+        if (!props) {
+          const message = '"' + getDisplayName(App) + '.getInitialProps()" should resolve to an object. But found "' + props + '" instead.';
           throw Object.defineProperty(new Error(message), "__NEXT_ERROR_CODE", {
             value: "E394",
             enumerable: false,
             configurable: true
           });
         }
-      }
-      const res = ctx.res || ctx.ctx && ctx.ctx.res;
-      if (!App.getInitialProps) {
-        if (ctx.ctx && ctx.Component) {
-          return {
-            pageProps: await loadGetInitialProps(ctx.Component, ctx.ctx)
-          };
+        if (process.env.NODE_ENV !== "production") {
+          if (Object.keys(props).length === 0 && !ctx.ctx) {
+            console.warn("" + getDisplayName(App) + " returned an empty object from `getInitialProps`. This de-optimizes and prevents automatic static optimization. https://nextjs.org/docs/messages/empty-object-getInitialProps");
+          }
         }
-        return {};
-      }
-      const props = await App.getInitialProps(ctx);
-      if (res && isResSent(res)) {
         return props;
-      }
-      if (!props) {
-        const message = '"' + getDisplayName(App) + '.getInitialProps()" should resolve to an object. But found "' + props + '" instead.';
-        throw Object.defineProperty(new Error(message), "__NEXT_ERROR_CODE", {
-          value: "E394",
-          enumerable: false,
-          configurable: true
-        });
-      }
-      if (process.env.NODE_ENV !== "production") {
-        if (Object.keys(props).length === 0 && !ctx.ctx) {
-          console.warn("" + getDisplayName(App) + " returned an empty object from `getInitialProps`. This de-optimizes and prevents automatic static optimization. https://nextjs.org/docs/messages/empty-object-getInitialProps");
-        }
-      }
-      return props;
+      });
     }
     var SP = typeof performance !== "undefined";
     var ST = SP && [
@@ -1436,8 +1488,7 @@ var require_constants = __commonJS({
       */
       pagesDirNode: "pages-dir-node"
     };
-    var WEBPACK_LAYERS = {
-      ...WEBPACK_LAYERS_NAMES,
+    var WEBPACK_LAYERS = __spreadProps(__spreadValues({}, WEBPACK_LAYERS_NAMES), {
       GROUP: {
         builtinReact: [
           WEBPACK_LAYERS_NAMES.reactServerComponents,
@@ -1475,7 +1526,7 @@ var require_constants = __commonJS({
           WEBPACK_LAYERS_NAMES.actionBrowser
         ]
       }
-    };
+    });
     var WEBPACK_RESOURCE_QUERIES = {
       edgeSSREntry: "__next_edge_ssr_entry__",
       metadata: "__next_metadata__",
@@ -1713,11 +1764,10 @@ var require_route_regex = __commonJS({
       if (!options.excludeOptionalTrailingSlash) {
         namedRegex += "(?:/)?";
       }
-      return {
-        ...getRouteRegex(normalizedRoute, options),
+      return __spreadProps(__spreadValues({}, getRouteRegex(normalizedRoute, options)), {
         namedRegex: "^" + namedRegex + "$",
         routeKeys: result.routeKeys
-      };
+      });
     }
     function getNamedMiddlewareRegex(normalizedRoute, options) {
       const { parameterizedRoute } = getParametrizedRoute(normalizedRoute, false, false);
@@ -2548,7 +2598,7 @@ var require_link = __commonJS({
     }
     var Link2 = /* @__PURE__ */ _react.default.forwardRef(function LinkComponent(props, forwardedRef) {
       let children;
-      const { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false, ...restProps } = props;
+      const _a = props, { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false } = _a, restProps = __objRest(_a, ["href", "as", "children", "prefetch", "passHref", "replace", "shallow", "scroll", "locale", "onClick", "onNavigate", "onMouseEnter", "onTouchStart", "legacyBehavior"]);
       children = childrenProp;
       if (legacyBehavior && (typeof children === "string" || typeof children === "number")) {
         children = /* @__PURE__ */ (0, _jsxruntime.jsx)("a", {
@@ -2809,11 +2859,9 @@ var require_link = __commonJS({
         }
         return /* @__PURE__ */ _react.default.cloneElement(child, childProps);
       }
-      return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", {
-        ...restProps,
-        ...childProps,
+      return /* @__PURE__ */ (0, _jsxruntime.jsx)("a", __spreadProps(__spreadValues(__spreadValues({}, restProps), childProps), {
         children
-      });
+      }));
     });
     var LinkStatusContext = /* @__PURE__ */ (0, _react.createContext)({
       // We do not support link status in the Pages Router, so we always return false
@@ -4927,28 +4975,36 @@ var catColor = {
 
 // src/alert/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function Alert({
-  color: color2 = "primary",
-  children,
-  ...props
-}) {
+function Alert(_a) {
+  var _b = _a, {
+    color: color2 = "primary",
+    children
+  } = _b, props = __objRest(_b, [
+    "color",
+    "children"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: [catColor[color2], "p-2 rounded shadow border"].join(" "), children });
 }
 
 // src/button/index.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function Button({
-  className,
-  size = "small",
-  color: color2 = "primary",
-  children,
-  icon,
-  ...props
-}) {
+function Button(_a) {
+  var _b = _a, {
+    className,
+    size = "small",
+    color: color2 = "primary",
+    children,
+    icon
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "color",
+    "children",
+    "icon"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "button",
-    {
-      ...props,
+    __spreadProps(__spreadValues({}, props), {
       className: [
         className,
         "p-2 border shadow rounded flex gap-1 justify-center items-center",
@@ -4959,7 +5015,7 @@ function Button({
         icon,
         children
       ]
-    }
+    })
   );
 }
 
@@ -5408,14 +5464,12 @@ var number = {
   parse: parseFloat,
   transform: (v) => v
 };
-var alpha = {
-  ...number,
+var alpha = __spreadProps(__spreadValues({}, number), {
   transform: (v) => clamp(0, 1, v)
-};
-var scale = {
-  ...number,
+});
+var scale = __spreadProps(__spreadValues({}, number), {
   default: 1
-};
+});
 
 // ../../node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs
 var sanitize = (v) => Math.round(v * 1e5) / 1e5;
@@ -5449,10 +5503,9 @@ var splitColor = (aName, bName, cName) => (v) => {
 
 // ../../node_modules/motion-dom/dist/es/value/types/color/rgba.mjs
 var clampRgbUnit = (v) => clamp(0, 255, v);
-var rgbUnit = {
-  ...number,
+var rgbUnit = __spreadProps(__spreadValues({}, number), {
   transform: (v) => Math.round(clampRgbUnit(v))
-};
+});
 var rgba = {
   test: /* @__PURE__ */ isColorString("rgb", "red"),
   parse: /* @__PURE__ */ splitColor("red", "green", "blue"),
@@ -5504,8 +5557,7 @@ var percent = /* @__PURE__ */ createUnitType("%");
 var px = /* @__PURE__ */ createUnitType("px");
 var vh = /* @__PURE__ */ createUnitType("vh");
 var vw = /* @__PURE__ */ createUnitType("vw");
-var progressPercentage = /* @__PURE__ */ (() => ({
-  ...percent,
+var progressPercentage = /* @__PURE__ */ (() => __spreadProps(__spreadValues({}, percent), {
   parse: (v) => percent.parse(v) / 100,
   transform: (v) => percent.transform(v * 100)
 }))();
@@ -5541,7 +5593,8 @@ var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]
 
 // ../../node_modules/motion-dom/dist/es/value/types/complex/index.mjs
 function test(v) {
-  return isNaN(v) && typeof v === "string" && (v.match(floatRegex)?.length || 0) + (v.match(colorRegex)?.length || 0) > 0;
+  var _a, _b;
+  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) == null ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) == null ? void 0 : _b.length) || 0) > 0;
 }
 var NUMBER_TOKEN = "number";
 var COLOR_TOKEN = "color";
@@ -5689,7 +5742,7 @@ var mixColor = (from, to) => {
   if (!fromRGBA || !toRGBA) {
     return mixImmediate(from, to);
   }
-  const blended = { ...fromRGBA };
+  const blended = __spreadValues({}, fromRGBA);
   return (v) => {
     blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);
     blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);
@@ -5737,7 +5790,7 @@ function mixArray(a, b) {
   };
 }
 function mixObject(a, b) {
-  const output = { ...a, ...b };
+  const output = __spreadValues(__spreadValues({}, a), b);
   const blendValue = {};
   for (const key in output) {
     if (a[key] !== void 0 && b[key] !== void 0) {
@@ -5752,12 +5805,13 @@ function mixObject(a, b) {
   };
 }
 function matchOrder(origin, target) {
+  var _a;
   const orderedOrigin = [];
   const pointers = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < target.values.length; i++) {
     const type = target.types[i];
     const originIndex = origin.indexes[type][pointers[type]];
-    const originValue = origin.values[originIndex] ?? 0;
+    const originValue = (_a = origin.values[originIndex]) != null ? _a : 0;
     orderedOrigin[i] = originValue;
     pointers[type]++;
   }
@@ -5827,7 +5881,7 @@ function calcGeneratorDuration(generator) {
 
 // ../../node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs
 function createGeneratorEasing(options, scale2 = 100, createGenerator) {
-  const generator = createGenerator({ ...options, keyframes: [0, scale2] });
+  const generator = createGenerator(__spreadProps(__spreadValues({}, options), { keyframes: [0, scale2] }));
   const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
   return {
     type: "keyframes",
@@ -5953,33 +6007,29 @@ function isSpringType(options, keys2) {
   return keys2.some((key) => options[key] !== void 0);
 }
 function getSpringOptions(options) {
-  let springOptions = {
+  let springOptions = __spreadValues({
     velocity: springDefaults.velocity,
     stiffness: springDefaults.stiffness,
     damping: springDefaults.damping,
     mass: springDefaults.mass,
-    isResolvedFromDuration: false,
-    ...options
-  };
+    isResolvedFromDuration: false
+  }, options);
   if (!isSpringType(options, physicsKeys) && isSpringType(options, durationKeys)) {
     if (options.visualDuration) {
       const visualDuration = options.visualDuration;
       const root = 2 * Math.PI / (visualDuration * 1.2);
       const stiffness = root * root;
       const damping = 2 * clamp(0.05, 1, 1 - (options.bounce || 0)) * Math.sqrt(stiffness);
-      springOptions = {
-        ...springOptions,
+      springOptions = __spreadProps(__spreadValues({}, springOptions), {
         mass: springDefaults.mass,
         stiffness,
         damping
-      };
+      });
     } else {
       const derived = findSpring(options);
-      springOptions = {
-        ...springOptions,
-        ...derived,
+      springOptions = __spreadProps(__spreadValues(__spreadValues({}, springOptions), derived), {
         mass: springDefaults.mass
-      };
+      });
       springOptions.isResolvedFromDuration = true;
     }
   }
@@ -5995,10 +6045,9 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
   const origin = options.keyframes[0];
   const target = options.keyframes[options.keyframes.length - 1];
   const state = { done: false, value: origin };
-  const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration } = getSpringOptions({
-    ...options,
+  const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration } = getSpringOptions(__spreadProps(__spreadValues({}, options), {
     velocity: -millisecondsToSeconds(options.velocity || 0)
-  });
+  }));
   const initialVelocity = velocity || 0;
   const dampingRatio = damping / (2 * Math.sqrt(stiffness * mass));
   const initialDelta = target - origin;
@@ -6279,6 +6328,7 @@ var JSAnimation = class extends WithPromise {
     this.holdTime = null;
     this.playbackSpeed = 1;
     this.stop = (sync = true) => {
+      var _a, _b;
       if (sync) {
         const { motionValue: motionValue2 } = this.options;
         if (motionValue2 && motionValue2.updatedAt !== time.now()) {
@@ -6289,7 +6339,7 @@ var JSAnimation = class extends WithPromise {
       if (this.state === "idle")
         return;
       this.teardown();
-      this.options.onStop?.();
+      (_b = (_a = this.options).onStop) == null ? void 0 : _b.call(_a);
     };
     activeAnimations.mainThread++;
     this.options = options;
@@ -6311,13 +6361,12 @@ var JSAnimation = class extends WithPromise {
       this.mixKeyframes = pipe(percentToProgress, mix(keyframes$1[0], keyframes$1[1]));
       keyframes$1 = [0, 100];
     }
-    const generator = generatorFactory({ ...options, keyframes: keyframes$1 });
+    const generator = generatorFactory(__spreadProps(__spreadValues({}, options), { keyframes: keyframes$1 }));
     if (repeatType === "mirror") {
-      this.mirroredGenerator = generatorFactory({
-        ...options,
+      this.mirroredGenerator = generatorFactory(__spreadProps(__spreadValues({}, options), {
         keyframes: [...keyframes$1].reverse(),
         velocity: -velocity
-      });
+      }));
     }
     if (generator.calculatedDuration === null) {
       generator.calculatedDuration = calcGeneratorDuration(generator);
@@ -6416,6 +6465,7 @@ var JSAnimation = class extends WithPromise {
     return millisecondsToSeconds(this.currentTime);
   }
   set time(newTime) {
+    var _a;
     newTime = secondsToMilliseconds(newTime);
     this.currentTime = newTime;
     if (this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0) {
@@ -6423,7 +6473,7 @@ var JSAnimation = class extends WithPromise {
     } else if (this.driver) {
       this.startTime = this.driver.now() - newTime / this.playbackSpeed;
     }
-    this.driver?.start(false);
+    (_a = this.driver) == null ? void 0 : _a.start(false);
   }
   get speed() {
     return this.playbackSpeed;
@@ -6437,13 +6487,14 @@ var JSAnimation = class extends WithPromise {
     }
   }
   play() {
+    var _a, _b;
     if (this.isStopped)
       return;
     const { driver = frameloopDriver, startTime } = this.options;
     if (!this.driver) {
       this.driver = driver((timestamp) => this.tick(timestamp));
     }
-    this.options.onPlay?.();
+    (_b = (_a = this.options).onPlay) == null ? void 0 : _b.call(_a);
     const now2 = this.driver.now();
     if (this.state === "finished") {
       this.updateFinished();
@@ -6451,7 +6502,7 @@ var JSAnimation = class extends WithPromise {
     } else if (this.holdTime !== null) {
       this.startTime = now2 - this.holdTime;
     } else if (!this.startTime) {
-      this.startTime = startTime ?? now2;
+      this.startTime = startTime != null ? startTime : now2;
     }
     if (this.state === "finished" && this.speed < 0) {
       this.startTime += this.calculatedDuration;
@@ -6473,17 +6524,19 @@ var JSAnimation = class extends WithPromise {
     this.holdTime = null;
   }
   finish() {
+    var _a, _b;
     this.notifyFinished();
     this.teardown();
     this.state = "finished";
-    this.options.onComplete?.();
+    (_b = (_a = this.options).onComplete) == null ? void 0 : _b.call(_a);
   }
   cancel() {
+    var _a, _b;
     this.holdTime = null;
     this.startTime = 0;
     this.tick(0);
     this.teardown();
-    this.options.onCancel?.();
+    (_b = (_a = this.options).onCancel) == null ? void 0 : _b.call(_a);
   }
   teardown() {
     this.state = "idle";
@@ -6502,20 +6555,22 @@ var JSAnimation = class extends WithPromise {
     return this.tick(sampleTime, true);
   }
   attachTimeline(timeline) {
+    var _a;
     if (this.options.allowFlatten) {
       this.options.type = "keyframes";
       this.options.ease = "linear";
       this.initAnimation();
     }
-    this.driver?.stop();
+    (_a = this.driver) == null ? void 0 : _a.stop();
     return timeline.observe(this);
   }
 };
 
 // ../../node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs
 function fillWildcards(keyframes2) {
+  var _a;
   for (let i = 1; i < keyframes2.length; i++) {
-    keyframes2[i] ?? (keyframes2[i] = keyframes2[i - 1]);
+    (_a = keyframes2[i]) != null ? _a : keyframes2[i] = keyframes2[i - 1];
   }
 }
 
@@ -6674,7 +6729,8 @@ function measureAllKeyframes() {
       const restore = transformsToRestore.get(element);
       if (restore) {
         restore.forEach(([key, value]) => {
-          element.getValue(key)?.set(value);
+          var _a;
+          (_a = element.getValue(key)) == null ? void 0 : _a.set(value);
         });
       }
     });
@@ -6733,7 +6789,7 @@ var KeyframeResolver = class {
   readKeyframes() {
     const { unresolvedKeyframes, name, element, motionValue: motionValue2 } = this;
     if (unresolvedKeyframes[0] === null) {
-      const currentValue = motionValue2?.get();
+      const currentValue = motionValue2 == null ? void 0 : motionValue2.get();
       const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
       if (currentValue !== void 0) {
         unresolvedKeyframes[0] = currentValue;
@@ -6794,7 +6850,10 @@ var supportsFlags = {};
 // ../../node_modules/motion-dom/dist/es/utils/supports/memo.mjs
 function memoSupports(callback, supportsFlag) {
   const memoized = memo(callback);
-  return () => supportsFlags[supportsFlag] ?? memoized();
+  return () => {
+    var _a;
+    return (_a = supportsFlags[supportsFlag]) != null ? _a : memoized();
+  };
 }
 
 // ../../node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs
@@ -6876,12 +6935,14 @@ function isGenerator(type) {
 }
 
 // ../../node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs
-function applyGeneratorOptions({ type, ...options }) {
+function applyGeneratorOptions(_a) {
+  var _b = _a, { type } = _b, options = __objRest(_b, ["type"]);
+  var _a2, _b2;
   if (isGenerator(type) && supportsLinearEasing()) {
     return type.applyToOptions(options);
   } else {
-    options.duration ?? (options.duration = 300);
-    options.ease ?? (options.ease = "easeOut");
+    (_a2 = options.duration) != null ? _a2 : options.duration = 300;
+    (_b2 = options.ease) != null ? _b2 : options.ease = "easeOut";
   }
   return options;
 }
@@ -6915,7 +6976,7 @@ var NativeAnimation = class extends WithPromise {
         }
         this.animation.cancel();
       }
-      onComplete?.();
+      onComplete == null ? void 0 : onComplete();
       this.notifyFinished();
     };
   }
@@ -6931,7 +6992,8 @@ var NativeAnimation = class extends WithPromise {
     this.animation.pause();
   }
   complete() {
-    this.animation.finish?.();
+    var _a, _b;
+    (_b = (_a = this.animation).finish) == null ? void 0 : _b.call(_a);
   }
   cancel() {
     try {
@@ -6968,12 +7030,14 @@ var NativeAnimation = class extends WithPromise {
    * while deferring the commit until the next animation frame.
    */
   commitStyles() {
+    var _a, _b;
     if (!this.isPseudoElement) {
-      this.animation.commitStyles?.();
+      (_b = (_a = this.animation).commitStyles) == null ? void 0 : _b.call(_a);
     }
   }
   get duration() {
-    const duration = this.animation.effect?.getComputedTiming?.().duration || 0;
+    var _a, _b;
+    const duration = ((_b = (_a = this.animation.effect) == null ? void 0 : _a.getComputedTiming) == null ? void 0 : _b.call(_a).duration) || 0;
     return millisecondsToSeconds(Number(duration));
   }
   get time() {
@@ -7008,8 +7072,9 @@ var NativeAnimation = class extends WithPromise {
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline, observe }) {
+    var _a;
     if (this.allowFlatten) {
-      this.animation.effect?.updateTiming({ easing: "linear" });
+      (_a = this.animation.effect) == null ? void 0 : _a.updateTiming({ easing: "linear" });
     }
     this.animation.onfinish = null;
     if (timeline && supportsScrollTimeline()) {
@@ -7057,18 +7122,18 @@ var NativeAnimationExtended = class extends NativeAnimation {
    * Motion to calculate velocity for any subsequent animation.
    */
   updateMotionValue(value) {
-    const { motionValue: motionValue2, onUpdate, onComplete, element, ...options } = this.options;
+    var _b;
+    const _a = this.options, { motionValue: motionValue2, onUpdate, onComplete, element } = _a, options = __objRest(_a, ["motionValue", "onUpdate", "onComplete", "element"]);
     if (!motionValue2)
       return;
     if (value !== void 0) {
       motionValue2.set(value);
       return;
     }
-    const sampleAnimation = new JSAnimation({
-      ...options,
+    const sampleAnimation = new JSAnimation(__spreadProps(__spreadValues({}, options), {
       autoplay: false
-    });
-    const sampleTime = secondsToMilliseconds(this.finishedTime ?? this.time);
+    }));
+    const sampleTime = secondsToMilliseconds((_b = this.finishedTime) != null ? _b : this.time);
     motionValue2.setWithVelocity(sampleAnimation.sample(sampleTime - sampleDelta).value, sampleAnimation.sample(sampleTime).value, sampleDelta);
     sampleAnimation.stop();
   }
@@ -7130,8 +7195,9 @@ var acceleratedValues = /* @__PURE__ */ new Set([
 ]);
 var supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function supportsBrowserAnimation(options) {
+  var _a;
   const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type } = options;
-  if (!isHTMLElement(motionValue2?.owner?.current)) {
+  if (!isHTMLElement((_a = motionValue2 == null ? void 0 : motionValue2.owner) == null ? void 0 : _a.current)) {
     return false;
   }
   const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
@@ -7145,17 +7211,20 @@ function supportsBrowserAnimation(options) {
 // ../../node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs
 var MAX_RESOLVE_DELAY = 40;
 var AsyncMotionValueAnimation = class extends WithPromise {
-  constructor({ autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element, ...options }) {
+  constructor(_a) {
+    var _b = _a, { autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element } = _b, options = __objRest(_b, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
+    var _a2;
     super();
     this.stop = () => {
+      var _a3, _b2;
       if (this._animation) {
         this._animation.stop();
-        this.stopTimeline?.();
+        (_a3 = this.stopTimeline) == null ? void 0 : _a3.call(this);
       }
-      this.keyframeResolver?.cancel();
+      (_b2 = this.keyframeResolver) == null ? void 0 : _b2.cancel();
     };
     this.createdAt = time.now();
-    const optionsWithDefaults = {
+    const optionsWithDefaults = __spreadValues({
       autoplay,
       delay: delay2,
       type,
@@ -7164,12 +7233,11 @@ var AsyncMotionValueAnimation = class extends WithPromise {
       repeatType,
       name,
       motionValue: motionValue2,
-      element,
-      ...options
-    };
-    const KeyframeResolver$1 = element?.KeyframeResolver || KeyframeResolver;
+      element
+    }, options);
+    const KeyframeResolver$1 = (element == null ? void 0 : element.KeyframeResolver) || KeyframeResolver;
     this.keyframeResolver = new KeyframeResolver$1(keyframes2, (resolvedKeyframes, finalKeyframe, forced) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe, optionsWithDefaults, !forced), name, motionValue2, element);
-    this.keyframeResolver?.scheduleResolve();
+    (_a2 = this.keyframeResolver) == null ? void 0 : _a2.scheduleResolve();
   }
   onKeyframesResolved(keyframes2, finalKeyframe, options, sync) {
     this.keyframeResolver = void 0;
@@ -7177,23 +7245,22 @@ var AsyncMotionValueAnimation = class extends WithPromise {
     this.resolvedAt = time.now();
     if (!canAnimate(keyframes2, name, type, velocity)) {
       if (MotionGlobalConfig.instantAnimations || !delay2) {
-        onUpdate?.(getFinalKeyframe(keyframes2, options, finalKeyframe));
+        onUpdate == null ? void 0 : onUpdate(getFinalKeyframe(keyframes2, options, finalKeyframe));
       }
       keyframes2[0] = keyframes2[keyframes2.length - 1];
       options.duration = 0;
       options.repeat = 0;
     }
     const startTime = sync ? !this.resolvedAt ? this.createdAt : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY ? this.resolvedAt : this.createdAt : void 0;
-    const resolvedOptions = {
+    const resolvedOptions = __spreadProps(__spreadValues({
       startTime,
-      finalKeyframe,
-      ...options,
+      finalKeyframe
+    }, options), {
       keyframes: keyframes2
-    };
-    const animation = !isHandoff && supportsBrowserAnimation(resolvedOptions) ? new NativeAnimationExtended({
-      ...resolvedOptions,
+    });
+    const animation = !isHandoff && supportsBrowserAnimation(resolvedOptions) ? new NativeAnimationExtended(__spreadProps(__spreadValues({}, resolvedOptions), {
       element: resolvedOptions.motionValue.owner.current
-    }) : new JSAnimation(resolvedOptions);
+    })) : new JSAnimation(resolvedOptions);
     animation.finished.then(() => this.notifyFinished()).catch(noop);
     if (this.pendingTimeline) {
       this.stopTimeline = animation.attachTimeline(this.pendingTimeline);
@@ -7213,8 +7280,9 @@ var AsyncMotionValueAnimation = class extends WithPromise {
     });
   }
   get animation() {
+    var _a;
     if (!this._animation) {
-      this.keyframeResolver?.resume();
+      (_a = this.keyframeResolver) == null ? void 0 : _a.resume();
       flushKeyframeResolvers();
     }
     return this._animation;
@@ -7258,10 +7326,11 @@ var AsyncMotionValueAnimation = class extends WithPromise {
     this.animation.complete();
   }
   cancel() {
+    var _a;
     if (this._animation) {
       this.animation.cancel();
     }
-    this.keyframeResolver?.cancel();
+    (_a = this.keyframeResolver) == null ? void 0 : _a.cancel();
   }
 };
 
@@ -7275,7 +7344,7 @@ function parseCSSVariable(current) {
   if (!match)
     return [,];
   const [, token1, token2, fallback] = match;
-  return [`--${token1 ?? token2}`, fallback];
+  return [`--${token1 != null ? token1 : token2}`, fallback];
 }
 var maxDepth = 4;
 function getVariableValue(current, element, depth = 1) {
@@ -7293,7 +7362,8 @@ function getVariableValue(current, element, depth = 1) {
 
 // ../../node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
 function getValueTransition(transition, key) {
-  return transition?.[key] ?? transition?.["default"] ?? transition;
+  var _a, _b;
+  return (_b = (_a = transition == null ? void 0 : transition[key]) != null ? _a : transition == null ? void 0 : transition["default"]) != null ? _b : transition;
 }
 
 // ../../node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
@@ -7347,19 +7417,17 @@ function applyDefaultFilter(v) {
   return name + "(" + defaultValue + unit + ")";
 }
 var functionRegex = /\b([a-z-]*)\(.*?\)/gu;
-var filter = {
-  ...complex,
+var filter = __spreadProps(__spreadValues({}, complex), {
   getAnimatableNone: (v) => {
     const functions = v.match(functionRegex);
     return functions ? functions.map(applyDefaultFilter).join(" ") : v;
   }
-};
+});
 
 // ../../node_modules/motion-dom/dist/es/value/types/int.mjs
-var int = {
-  ...number,
+var int = __spreadProps(__spreadValues({}, number), {
   transform: Math.round
-};
+});
 
 // ../../node_modules/motion-dom/dist/es/value/types/maps/transform.mjs
 var transformValueTypes = {
@@ -7390,7 +7458,7 @@ var transformValueTypes = {
 };
 
 // ../../node_modules/motion-dom/dist/es/value/types/maps/number.mjs
-var numberValueTypes = {
+var numberValueTypes = __spreadProps(__spreadValues({
   // Border props
   borderWidth: px,
   borderTopWidth: px,
@@ -7425,18 +7493,17 @@ var numberValueTypes = {
   marginLeft: px,
   // Misc
   backgroundPositionX: px,
-  backgroundPositionY: px,
-  ...transformValueTypes,
+  backgroundPositionY: px
+}, transformValueTypes), {
   zIndex: int,
   // SVG
   fillOpacity: alpha,
   strokeOpacity: alpha,
   numOctaves: int
-};
+});
 
 // ../../node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs
-var defaultValueTypes = {
-  ...numberValueTypes,
+var defaultValueTypes = __spreadProps(__spreadValues({}, numberValueTypes), {
   // Color props
   color,
   backgroundColor: color,
@@ -7451,7 +7518,7 @@ var defaultValueTypes = {
   borderLeftColor: color,
   filter,
   WebkitFilter: filter
-};
+});
 var getDefaultValueType = (key) => defaultValueTypes[key];
 
 // ../../node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs
@@ -7553,6 +7620,7 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
     }
   }
   measureEndState() {
+    var _a;
     const { element, name, unresolvedKeyframes } = this;
     if (!element || !element.current)
       return;
@@ -7564,7 +7632,7 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
     if (finalKeyframe !== null && this.finalKeyframe === void 0) {
       this.finalKeyframe = finalKeyframe;
     }
-    if (this.removedTransforms?.length) {
+    if ((_a = this.removedTransforms) == null ? void 0 : _a.length) {
       this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {
         element.getValue(unsetTransformName).set(unsetTransformValue);
       });
@@ -7575,6 +7643,7 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
 
 // ../../node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
 function resolveElements(elementOrSelector, scope, selectorCache) {
+  var _a;
   if (elementOrSelector instanceof EventTarget) {
     return [elementOrSelector];
   } else if (typeof elementOrSelector === "string") {
@@ -7582,7 +7651,7 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     if (scope) {
       root = scope.current;
     }
-    const elements = selectorCache?.[elementOrSelector] ?? root.querySelectorAll(elementOrSelector);
+    const elements = (_a = selectorCache == null ? void 0 : selectorCache[elementOrSelector]) != null ? _a : root.querySelectorAll(elementOrSelector);
     return elements ? Array.from(elements) : [];
   }
   return Array.from(elementOrSelector);
@@ -7607,6 +7676,7 @@ var MotionValue = class {
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {
+      var _a, _b;
       const currentTime = time.now();
       if (this.updatedAt !== currentTime) {
         this.setPrevFrameValue();
@@ -7614,7 +7684,7 @@ var MotionValue = class {
       this.prev = this.current;
       this.setCurrent(v);
       if (this.current !== this.prev) {
-        this.events.change?.notify(this.current);
+        (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
         if (this.dependents) {
           for (const dependent of this.dependents) {
             dependent.dirty();
@@ -7622,7 +7692,7 @@ var MotionValue = class {
         }
       }
       if (render) {
-        this.events.renderRequest?.notify(this.current);
+        (_b = this.events.renderRequest) == null ? void 0 : _b.notify(this.current);
       }
     };
     this.hasAnimated = false;
@@ -7756,7 +7826,8 @@ var MotionValue = class {
       this.stopPassiveEffect();
   }
   dirty() {
-    this.events.change?.notify(this.current);
+    var _a;
+    (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
   }
   addDependent(dependent) {
     if (!this.dependents) {
@@ -7863,8 +7934,9 @@ var MotionValue = class {
    * @public
    */
   destroy() {
-    this.dependents?.clear();
-    this.events.destroy?.notify();
+    var _a, _b;
+    (_a = this.dependents) == null ? void 0 : _a.clear();
+    (_b = this.events.destroy) == null ? void 0 : _b.notify();
     this.clearListeners();
     this.stop();
     if (this.stopPassiveEffect) {
@@ -7920,11 +7992,11 @@ function setDragLock(axis) {
 function setupGesture(elementOrSelector, options) {
   const elements = resolveElements(elementOrSelector);
   const gestureAbortController = new AbortController();
-  const eventOptions = {
-    passive: true,
-    ...options,
+  const eventOptions = __spreadProps(__spreadValues({
+    passive: true
+  }, options), {
     signal: gestureAbortController.signal
-  };
+  });
   const cancel = () => gestureAbortController.abort();
   return [elements, eventOptions, cancel];
 }
@@ -8145,10 +8217,7 @@ for (const key in featureProps) {
 // ../../node_modules/framer-motion/dist/es/motion/features/load-features.mjs
 function loadFeatures(features) {
   for (const key in features) {
-    featureDefinitions[key] = {
-      ...featureDefinitions[key],
-      ...features[key]
-    };
+    featureDefinitions[key] = __spreadValues(__spreadValues({}, featureDefinitions[key]), features[key]);
   }
 }
 
@@ -8198,7 +8267,7 @@ function loadExternalIsValidProp(isValidProp) {
 }
 try {
   loadExternalIsValidProp(require("@emotion/is-prop-valid").default);
-} catch {
+} catch (e) {
 }
 function filterProps(props, isDom, forwardMotionProps) {
   const filteredProps = {};
@@ -8362,6 +8431,7 @@ var SwitchLayoutGroupContext = (0, import_react11.createContext)({});
 
 // ../../node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
 function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor) {
+  var _a, _b;
   const { visualElement: parent } = (0, import_react12.useContext)(MotionContext);
   const lazyContext = (0, import_react12.useContext)(LazyContext);
   const presenceContext = (0, import_react12.useContext)(PresenceContext);
@@ -8390,7 +8460,7 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
     }
   });
   const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = (0, import_react12.useRef)(Boolean(optimisedAppearId) && !window.MotionHandoffIsComplete?.(optimisedAppearId) && window.MotionHasOptimisedAnimation?.(optimisedAppearId));
+  const wantsHandoff = (0, import_react12.useRef)(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) == null ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) == null ? void 0 : _b.call(window, optimisedAppearId)));
   useIsomorphicLayoutEffect(() => {
     if (!visualElement)
       return;
@@ -8410,7 +8480,8 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
     }
     if (wantsHandoff.current) {
       queueMicrotask(() => {
-        window.MotionHandoffMarkAsComplete?.(optimisedAppearId);
+        var _a2;
+        (_a2 = window.MotionHandoffMarkAsComplete) == null ? void 0 : _a2.call(window, optimisedAppearId);
       });
       wantsHandoff.current = false;
     }
@@ -8447,14 +8518,13 @@ function getClosestProjectingNode(visualElement) {
 
 // ../../node_modules/framer-motion/dist/es/motion/index.mjs
 function createRendererMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component: Component2 }) {
+  var _a, _b;
   preloadedFeatures && loadFeatures(preloadedFeatures);
   function MotionComponent(props, externalRef) {
     let MeasureLayout2;
-    const configAndProps = {
-      ...(0, import_react13.useContext)(MotionConfigContext),
-      ...props,
+    const configAndProps = __spreadProps(__spreadValues(__spreadValues({}, (0, import_react13.useContext)(MotionConfigContext)), props), {
       layoutId: useLayoutId(props)
-    };
+    });
     const { isStatic } = configAndProps;
     const context = useCreateMotionContext(props);
     const visualState = useVisualState(props, isStatic);
@@ -8464,9 +8534,9 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
       MeasureLayout2 = layoutProjection.MeasureLayout;
       context.visualElement = useVisualElement(Component2, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode);
     }
-    return (0, import_jsx_runtime3.jsxs)(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? (0, import_jsx_runtime3.jsx)(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component2, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] });
+    return (0, import_jsx_runtime3.jsxs)(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? (0, import_jsx_runtime3.jsx)(MeasureLayout2, __spreadValues({ visualElement: context.visualElement }, configAndProps)) : null, useRender(Component2, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] });
   }
-  MotionComponent.displayName = `motion.${typeof Component2 === "string" ? Component2 : `create(${Component2.displayName ?? Component2.name ?? ""})`}`;
+  MotionComponent.displayName = `motion.${typeof Component2 === "string" ? Component2 : `create(${(_b = (_a = Component2.displayName) != null ? _a : Component2.name) != null ? _b : ""})`}`;
   const ForwardRefMotionComponent = (0, import_react13.forwardRef)(MotionComponent);
   ForwardRefMotionComponent[motionComponentSymbol] = Component2;
   return ForwardRefMotionComponent;
@@ -8486,9 +8556,9 @@ function getProjectionFunctionality(props) {
   const { drag: drag2, layout: layout2 } = featureDefinitions;
   if (!drag2 && !layout2)
     return {};
-  const combined = { ...drag2, ...layout2 };
+  const combined = __spreadValues(__spreadValues({}, drag2), layout2);
   return {
-    MeasureLayout: drag2?.isEnabled(props) || layout2?.isEnabled(props) ? combined.MeasureLayout : void 0,
+    MeasureLayout: (drag2 == null ? void 0 : drag2.isEnabled(props)) || (layout2 == null ? void 0 : layout2.isEnabled(props)) ? combined.MeasureLayout : void 0,
     ProjectionNode: combined.ProjectionNode
   };
 }
@@ -8661,16 +8731,23 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
 }
 
 // ../../node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs
-function buildSVGAttrs(state, {
-  attrX,
-  attrY,
-  attrScale,
-  pathLength,
-  pathSpacing = 1,
-  pathOffset = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...latest
-}, isSVGTag2, transformTemplate, styleProp) {
+function buildSVGAttrs(state, _a, isSVGTag2, transformTemplate, styleProp) {
+  var _b = _a, {
+    attrX,
+    attrY,
+    attrScale,
+    pathLength,
+    pathSpacing = 1,
+    pathOffset = 0
+  } = _b, latest = __objRest(_b, [
+    "attrX",
+    "attrY",
+    "attrScale",
+    "pathLength",
+    "pathSpacing",
+    "pathOffset"
+  ]);
+  var _a2, _b2;
   buildHTMLStyles(state, latest, transformTemplate);
   if (isSVGTag2) {
     if (state.style.viewBox) {
@@ -8686,11 +8763,11 @@ function buildSVGAttrs(state, {
     delete attrs.transform;
   }
   if (style.transform || attrs.transformOrigin) {
-    style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
+    style.transformOrigin = (_a2 = attrs.transformOrigin) != null ? _a2 : "50% 50%";
     delete attrs.transformOrigin;
   }
   if (style.transform) {
-    style.transformBox = styleProp?.transformBox ?? "fill-box";
+    style.transformBox = (_b2 = styleProp == null ? void 0 : styleProp.transformBox) != null ? _b2 : "fill-box";
     delete attrs.transformBox;
   }
   if (attrX !== void 0)
@@ -8705,8 +8782,7 @@ function buildSVGAttrs(state, {
 }
 
 // ../../node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs
-var createSvgRenderState = () => ({
-  ...createHtmlRenderState(),
+var createSvgRenderState = () => __spreadProps(__spreadValues({}, createHtmlRenderState()), {
   attrs: {}
 });
 
@@ -8718,15 +8794,14 @@ function useSVGProps(props, visualState, _isStatic, Component2) {
   const visualProps = (0, import_react15.useMemo)(() => {
     const state = createSvgRenderState();
     buildSVGAttrs(state, visualState, isSVGTag(Component2), props.transformTemplate, props.style);
-    return {
-      ...state.attrs,
-      style: { ...state.style }
-    };
+    return __spreadProps(__spreadValues({}, state.attrs), {
+      style: __spreadValues({}, state.style)
+    });
   }, [visualState]);
   if (props.style) {
     const rawStyles = {};
     copyRawValuesOnly(rawStyles, props.style, props);
-    visualProps.style = { ...rawStyles, ...visualProps.style };
+    visualProps.style = __spreadValues(__spreadValues({}, rawStyles), visualProps.style);
   }
   return visualProps;
 }
@@ -8793,13 +8868,12 @@ function createUseRender(forwardMotionProps = false) {
     const useVisualProps = isSVGComponent(Component2) ? useSVGProps : useHTMLProps;
     const visualProps = useVisualProps(props, latestValues, isStatic, Component2);
     const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps);
-    const elementProps = Component2 !== import_react16.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
+    const elementProps = Component2 !== import_react16.Fragment ? __spreadProps(__spreadValues(__spreadValues({}, filteredProps), visualProps), { ref }) : {};
     const { children } = props;
     const renderedChildren = (0, import_react16.useMemo)(() => isMotionValue(children) ? children.get() : children, [children]);
-    return (0, import_react16.createElement)(Component2, {
-      ...elementProps,
+    return (0, import_react16.createElement)(Component2, __spreadProps(__spreadValues({}, elementProps), {
       children: renderedChildren
-    });
+    }));
   };
   return useRender;
 }
@@ -8810,7 +8884,7 @@ var import_react17 = require("react");
 // ../../node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs
 function getValueState(visualElement) {
   const state = [{}, {}];
-  visualElement?.values.forEach((value, key) => {
+  visualElement == null ? void 0 : visualElement.values.forEach((value, key) => {
     state[0][key] = value.get();
     state[1][key] = value.getVelocity();
   });
@@ -8873,7 +8947,7 @@ function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
     for (let i = 0; i < list.length; i++) {
       const resolved = resolveVariantFromProps(props, list[i]);
       if (resolved) {
-        const { transitionEnd, transition, ...target } = resolved;
+        const _a = resolved, { transitionEnd, transition } = _a, target = __objRest(_a, ["transitionEnd", "transition"]);
         for (const key in target) {
           let valueTarget = target[key];
           if (Array.isArray(valueTarget)) {
@@ -8895,10 +8969,11 @@ function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
 
 // ../../node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs
 function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
+  var _a;
   const { style } = props;
   const newValues = {};
   for (const key in style) {
-    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || visualElement?.getValue(key)?.liveStyle !== void 0) {
+    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) == null ? void 0 : _a.liveStyle) !== void 0) {
       newValues[key] = style[key];
     }
   }
@@ -8937,13 +9012,12 @@ var svgMotionConfig = {
 function createMotionComponentFactory(preloadedFeatures, createVisualElement) {
   return function createMotionComponent2(Component2, { forwardMotionProps } = { forwardMotionProps: false }) {
     const baseConfig = isSVGComponent(Component2) ? svgMotionConfig : htmlMotionConfig;
-    const config = {
-      ...baseConfig,
+    const config = __spreadProps(__spreadValues({}, baseConfig), {
       preloadedFeatures,
       useRender: createUseRender(forwardMotionProps),
       createVisualElement,
       Component: Component2
-    };
+    });
     return createRendererMotionComponent(config);
   };
 }
@@ -8972,8 +9046,8 @@ function resolveFinalValueInKeyframes(v) {
 }
 function setTarget(visualElement, definition) {
   const resolved = resolveVariant(visualElement, definition);
-  let { transitionEnd = {}, transition = {}, ...target } = resolved || {};
-  target = { ...target, ...transitionEnd };
+  let _a = resolved || {}, { transitionEnd = {}, transition = {} } = _a, target = __objRest(_a, ["transitionEnd", "transition"]);
+  target = __spreadValues(__spreadValues({}, target), transitionEnd);
   for (const key in target) {
     const value = resolveFinalValueInKeyframes(target[key]);
     setMotionValue(visualElement, key, value);
@@ -9042,7 +9116,8 @@ var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
 };
 
 // ../../node_modules/framer-motion/dist/es/animation/utils/is-transition-defined.mjs
-function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
+function isTransitionDefined(_a) {
+  var _b = _a, { when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed } = _b, transition = __objRest(_b, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(transition).length;
 }
 
@@ -9052,11 +9127,11 @@ var animateMotionValue = (name, value, target, transition = {}, element, isHando
   const delay2 = valueTransition.delay || transition.delay || 0;
   let { elapsed = 0 } = transition;
   elapsed = elapsed - secondsToMilliseconds(delay2);
-  const options = {
+  const options = __spreadProps(__spreadValues({
     keyframes: Array.isArray(target) ? target : [null, target],
     ease: "easeOut",
-    velocity: value.getVelocity(),
-    ...valueTransition,
+    velocity: value.getVelocity()
+  }, valueTransition), {
     delay: -elapsed,
     onUpdate: (v) => {
       value.set(v);
@@ -9069,7 +9144,7 @@ var animateMotionValue = (name, value, target, transition = {}, element, isHando
     name,
     motionValue: value,
     element: isHandoff ? void 0 : element
-  };
+  });
   if (!isTransitionDefined(valueTransition)) {
     Object.assign(options, getDefaultTransition(name, options));
   }
@@ -9111,21 +9186,21 @@ function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
   return shouldBlock;
 }
 function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0, transitionOverride, type } = {}) {
-  let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = targetAndTransition;
+  var _b;
+  let _a = targetAndTransition, { transition = visualElement.getDefaultTransition(), transitionEnd } = _a, target = __objRest(_a, ["transition", "transitionEnd"]);
   if (transitionOverride)
     transition = transitionOverride;
   const animations2 = [];
   const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
   for (const key in target) {
-    const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
+    const value = visualElement.getValue(key, (_b = visualElement.latestValues[key]) != null ? _b : null);
     const valueTarget = target[key];
     if (valueTarget === void 0 || animationTypeState && shouldBlockAnimation(animationTypeState, key)) {
       continue;
     }
-    const valueTransition = {
-      delay: delay2,
-      ...getValueTransition(transition || {}, key)
-    };
+    const valueTransition = __spreadValues({
+      delay: delay2
+    }, getValueTransition(transition || {}, key));
     const currentValue = value.get();
     if (currentValue !== void 0 && !value.isAnimating && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
       continue;
@@ -9160,7 +9235,8 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
 
 // ../../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.mjs
 function animateVariant(visualElement, variant, options = {}) {
-  const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? visualElement.presenceContext?.custom : void 0);
+  var _a;
+  const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? (_a = visualElement.presenceContext) == null ? void 0 : _a.custom : void 0);
   let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
   if (options.transitionOverride) {
     transition = options.transitionOverride;
@@ -9184,10 +9260,9 @@ function animateChildren(visualElement, variant, delayChildren = 0, staggerChild
   const generateStaggerDuration = staggerDirection === 1 ? (i = 0) => i * staggerChildren : (i = 0) => maxStaggerDuration - i * staggerChildren;
   Array.from(visualElement.variantChildren).sort(sortByTreeOrder).forEach((child, i) => {
     child.notify("AnimationStart", variant);
-    animations2.push(animateVariant(child, variant, {
-      ...options,
+    animations2.push(animateVariant(child, variant, __spreadProps(__spreadValues({}, options), {
       delay: delayChildren + generateStaggerDuration(i)
-    }).then(() => child.notify("AnimationComplete", variant)));
+    })).then(() => child.notify("AnimationComplete", variant)));
   });
   return Promise.all(animations2);
 }
@@ -9261,10 +9336,11 @@ function createAnimationState(visualElement) {
   let state = createState();
   let isInitialRender = true;
   const buildResolvedTypeValues = (type) => (acc, definition) => {
-    const resolved = resolveVariant(visualElement, definition, type === "exit" ? visualElement.presenceContext?.custom : void 0);
+    var _a;
+    const resolved = resolveVariant(visualElement, definition, type === "exit" ? (_a = visualElement.presenceContext) == null ? void 0 : _a.custom : void 0);
     if (resolved) {
-      const { transition, transitionEnd, ...target } = resolved;
-      acc = { ...acc, ...target, ...transitionEnd };
+      const _b = resolved, { transition, transitionEnd } = _b, target = __objRest(_b, ["transition", "transitionEnd"]);
+      acc = __spreadValues(__spreadValues(__spreadValues({}, acc), target), transitionEnd);
     }
     return acc;
   };
@@ -9290,7 +9366,7 @@ function createAnimationState(visualElement) {
       if (isInherited && isInitialRender && visualElement.manuallyAnimateOnMount) {
         isInherited = false;
       }
-      typeState.protectedKeys = { ...encounteredKeys };
+      typeState.protectedKeys = __spreadValues({}, encounteredKeys);
       if (
         // If it isn't active and hasn't *just* been set as inactive
         !typeState.isActive && activeDelta === null || // If we didn't and don't have any defined prop for this animation type
@@ -9309,10 +9385,7 @@ function createAnimationState(visualElement) {
       if (activeDelta === false)
         resolvedValues = {};
       const { prevResolvedValues = {} } = typeState;
-      const allKeys = {
-        ...prevResolvedValues,
-        ...resolvedValues
-      };
+      const allKeys = __spreadValues(__spreadValues({}, prevResolvedValues), resolvedValues);
       const markToAnimate = (key) => {
         shouldAnimateType = true;
         if (removedKeys.has(key)) {
@@ -9350,7 +9423,7 @@ function createAnimationState(visualElement) {
       typeState.prevProp = prop;
       typeState.prevResolvedValues = resolvedValues;
       if (typeState.isActive) {
-        encounteredKeys = { ...encounteredKeys, ...resolvedValues };
+        encounteredKeys = __spreadValues(__spreadValues({}, encounteredKeys), resolvedValues);
       }
       if (isInitialRender && visualElement.blockInitialAnimation) {
         shouldAnimateType = false;
@@ -9377,7 +9450,7 @@ function createAnimationState(visualElement) {
         const motionValue2 = visualElement.getValue(key);
         if (motionValue2)
           motionValue2.liveStyle = true;
-        fallbackAnimation[key] = fallbackTarget ?? null;
+        fallbackAnimation[key] = fallbackTarget != null ? fallbackTarget : null;
       });
       animations2.push({ animation: fallbackAnimation });
     }
@@ -9389,9 +9462,13 @@ function createAnimationState(visualElement) {
     return shouldAnimate ? animate(animations2) : Promise.resolve();
   }
   function setActive(type, isActive) {
+    var _a;
     if (state[type].isActive === isActive)
       return Promise.resolve();
-    visualElement.variantChildren?.forEach((child) => child.animationState?.setActive(type, isActive));
+    (_a = visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
+      var _a2;
+      return (_a2 = child.animationState) == null ? void 0 : _a2.setActive(type, isActive);
+    });
     state[type].isActive = isActive;
     const animations2 = animateChanges(type);
     for (const key in state) {
@@ -9479,8 +9556,9 @@ var AnimationFeature = class extends Feature {
     }
   }
   unmount() {
+    var _a;
     this.node.animationState.reset();
-    this.unmountControls?.();
+    (_a = this.unmountControls) == null ? void 0 : _a.call(this);
   }
 };
 
@@ -9756,7 +9834,7 @@ var distance = (a, b) => Math.abs(a - b);
 function distance2D(a, b) {
   const xDelta = distance(a.x, b.x);
   const yDelta = distance(a.y, b.y);
-  return Math.sqrt(xDelta ** 2 + yDelta ** 2);
+  return Math.sqrt(__pow(xDelta, 2) + __pow(yDelta, 2));
 }
 
 // ../../node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs
@@ -9777,7 +9855,7 @@ var PanSession = class {
         return;
       const { point: point2 } = info2;
       const { timestamp: timestamp2 } = frameData;
-      this.history.push({ ...point2, timestamp: timestamp2 });
+      this.history.push(__spreadProps(__spreadValues({}, point2), { timestamp: timestamp2 }));
       const { onStart, onMove } = this.handlers;
       if (!isPanStarted) {
         onStart && onStart(this.lastMoveEvent, info2);
@@ -9813,7 +9891,7 @@ var PanSession = class {
     const initialInfo = transformPoint(info, this.transformPagePoint);
     const { point } = initialInfo;
     const { timestamp } = frameData;
-    this.history = [{ ...point, timestamp }];
+    this.history = [__spreadProps(__spreadValues({}, point), { timestamp })];
     const { onSessionStart } = handlers;
     onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
     this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp));
@@ -10037,7 +10115,10 @@ var VisualElementDragControls = class {
       onDrag && onDrag(event, info);
     };
     const onSessionEnd = (event, info) => this.stop(event, info);
-    const resumeAnimation = () => eachAxis((axis) => this.getAnimationState(axis) === "paused" && this.getAxisMotionValue(axis).animation?.play());
+    const resumeAnimation = () => eachAxis((axis) => {
+      var _a;
+      return this.getAnimationState(axis) === "paused" && ((_a = this.getAxisMotionValue(axis).animation) == null ? void 0 : _a.play());
+    });
     const { dragSnapToOrigin } = this.getProps();
     this.panSession = new PanSession(originEvent, {
       onSessionStart,
@@ -10090,8 +10171,9 @@ var VisualElementDragControls = class {
     axisValue.set(next);
   }
   resolveConstraints() {
+    var _a;
     const { dragConstraints, dragElastic } = this.getProps();
-    const layout2 = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(false) : this.visualElement.projection?.layout;
+    const layout2 = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(false) : (_a = this.visualElement.projection) == null ? void 0 : _a.layout;
     const prevConstraints = this.constraints;
     if (dragConstraints && isRefObject(dragConstraints)) {
       if (!this.constraints) {
@@ -10145,17 +10227,15 @@ var VisualElementDragControls = class {
         transition = { min: 0, max: 0 };
       const bounceStiffness = dragElastic ? 200 : 1e6;
       const bounceDamping = dragElastic ? 40 : 1e7;
-      const inertia2 = {
+      const inertia2 = __spreadValues(__spreadValues({
         type: "inertia",
         velocity: dragMomentum ? velocity[axis] : 0,
         bounceStiffness,
         bounceDamping,
         timeConstant: 750,
         restDelta: 1,
-        restSpeed: 10,
-        ...dragTransition,
-        ...transition
-      };
+        restSpeed: 10
+      }, dragTransition), transition);
       return this.startAxisValueAnimation(axis, inertia2);
     });
     return Promise.all(momentumAnimations).then(onDragTransitionEnd);
@@ -10169,10 +10249,14 @@ var VisualElementDragControls = class {
     eachAxis((axis) => this.getAxisMotionValue(axis).stop());
   }
   pauseAnimation() {
-    eachAxis((axis) => this.getAxisMotionValue(axis).animation?.pause());
+    eachAxis((axis) => {
+      var _a;
+      return (_a = this.getAxisMotionValue(axis).animation) == null ? void 0 : _a.pause();
+    });
   }
   getAnimationState(axis) {
-    return this.getAxisMotionValue(axis).animation?.state;
+    var _a;
+    return (_a = this.getAxisMotionValue(axis).animation) == null ? void 0 : _a.state;
   }
   /**
    * Drag works differently depending on which props are provided.
@@ -10278,15 +10362,14 @@ var VisualElementDragControls = class {
   getProps() {
     const props = this.visualElement.getProps();
     const { drag: drag2 = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true } = props;
-    return {
-      ...props,
+    return __spreadProps(__spreadValues({}, props), {
       drag: drag2,
       dragDirectionLock,
       dragPropagation,
       dragConstraints,
       dragElastic,
       dragMomentum
-    };
+    });
   }
 };
 function shouldDrag(direction, drag2, currentDirection) {
@@ -10450,10 +10533,9 @@ var MeasureLayoutWithContext = class extends import_react18.Component {
       projection.addEventListener("animationComplete", () => {
         this.safeToRemove();
       });
-      projection.setOptions({
-        ...projection.options,
+      projection.setOptions(__spreadProps(__spreadValues({}, projection.options), {
         onExitComplete: () => this.safeToRemove()
-      });
+      }));
     }
     globalProjectionState.hasEverUpdated = true;
   }
@@ -10515,18 +10597,17 @@ var MeasureLayoutWithContext = class extends import_react18.Component {
 function MeasureLayout(props) {
   const [isPresent, safeToRemove] = usePresence();
   const layoutGroup = (0, import_react18.useContext)(LayoutGroupContext);
-  return (0, import_jsx_runtime4.jsx)(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: (0, import_react18.useContext)(SwitchLayoutGroupContext), isPresent, safeToRemove });
+  return (0, import_jsx_runtime4.jsx)(MeasureLayoutWithContext, __spreadProps(__spreadValues({}, props), { layoutGroup, switchLayoutGroup: (0, import_react18.useContext)(SwitchLayoutGroupContext), isPresent, safeToRemove }));
 }
 var defaultScaleCorrectors = {
-  borderRadius: {
-    ...correctBorderRadius,
+  borderRadius: __spreadProps(__spreadValues({}, correctBorderRadius), {
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
       "borderBottomLeftRadius",
       "borderBottomRightRadius"
     ]
-  },
+  }),
   borderTopLeftRadius: correctBorderRadius,
   borderTopRightRadius: correctBorderRadius,
   borderBottomLeftRadius: correctBorderRadius,
@@ -10585,11 +10666,12 @@ var numBorders = borders.length;
 var asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
 var isPx = (value) => typeof value === "number" || px.test(value);
 function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
+  var _a, _b, _c, _d;
   if (shouldCrossfadeOpacity) {
-    target.opacity = mixNumber(0, lead.opacity ?? 1, easeCrossfadeIn(progress2));
-    target.opacityExit = mixNumber(follow.opacity ?? 1, 0, easeCrossfadeOut(progress2));
+    target.opacity = mixNumber(0, (_a = lead.opacity) != null ? _a : 1, easeCrossfadeIn(progress2));
+    target.opacityExit = mixNumber((_b = follow.opacity) != null ? _b : 1, 0, easeCrossfadeOut(progress2));
   } else if (isOnlyMember) {
-    target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
+    target.opacity = mixNumber((_c = follow.opacity) != null ? _c : 1, (_d = lead.opacity) != null ? _d : 1, progress2);
   }
   for (let i = 0; i < numBorders; i++) {
     const borderLabel = `border${borders[i]}Radius`;
@@ -10800,7 +10882,7 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
   let transform = "";
   const xTranslate = delta.x.translate / treeScale.x;
   const yTranslate = delta.y.translate / treeScale.y;
-  const zTranslate = latestTransform?.z || 0;
+  const zTranslate = (latestTransform == null ? void 0 : latestTransform.z) || 0;
   if (xTranslate || yTranslate || zTranslate) {
     transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;
   }
@@ -10869,7 +10951,7 @@ function cancelTreeOptimisedTransformAnimations(projectionNode) {
 }
 function createProjectionNode2({ attachResizeListener, defaultParent, measureScroll, checkIsScrollRoot, resetTransform }) {
   return class ProjectionNode {
-    constructor(latestValues = {}, parent = defaultParent?.()) {
+    constructor(latestValues = {}, parent = defaultParent == null ? void 0 : defaultParent()) {
       this.id = id2++;
       this.animationId = 0;
       this.children = /* @__PURE__ */ new Set();
@@ -10991,11 +11073,10 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
               this.resumingFrom.resumingFrom = void 0;
             }
             this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
-            const animationOptions = {
-              ...getValueTransition(layoutTransition, "layout"),
+            const animationOptions = __spreadProps(__spreadValues({}, getValueTransition(layoutTransition, "layout")), {
               onPlay: onLayoutAnimationStart,
               onComplete: onLayoutAnimationComplete
-            };
+            });
             if (visualElement.shouldReduceMotion || this.options.layoutRoot) {
               animationOptions.delay = 0;
               animationOptions.type = false;
@@ -11207,11 +11288,12 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       };
     }
     measurePageBox() {
+      var _a;
       const { visualElement } = this.options;
       if (!visualElement)
         return createBox();
       const box = visualElement.measureViewportBox();
-      const wasInScrollRoot = this.scroll?.wasRoot || this.path.some(checkNodeWasScrollRoot);
+      const wasInScrollRoot = ((_a = this.scroll) == null ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
       if (!wasInScrollRoot) {
         const { scroll } = this.root;
         if (scroll) {
@@ -11222,9 +11304,10 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       return box;
     }
     removeElementScroll(box) {
+      var _a;
       const boxWithoutScroll = createBox();
       copyBoxInto(boxWithoutScroll, box);
-      if (this.scroll?.wasRoot) {
+      if ((_a = this.scroll) == null ? void 0 : _a.wasRoot) {
         return boxWithoutScroll;
       }
       for (let i = 0; i < this.path.length; i++) {
@@ -11286,11 +11369,9 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       this.isProjectionDirty = true;
     }
     setOptions(options) {
-      this.options = {
-        ...this.options,
-        ...options,
+      this.options = __spreadProps(__spreadValues(__spreadValues({}, this.options), options), {
         crossfade: options.crossfade !== void 0 ? options.crossfade : true
-      };
+      });
     }
     clearMeasurements() {
       this.scroll = void 0;
@@ -11309,12 +11390,13 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       }
     }
     resolveTargetDelta(forceRecalculation = false) {
+      var _a;
       const lead = this.getLead();
       this.isProjectionDirty || (this.isProjectionDirty = lead.isProjectionDirty);
       this.isTransformDirty || (this.isTransformDirty = lead.isTransformDirty);
       this.isSharedProjectionDirty || (this.isSharedProjectionDirty = lead.isSharedProjectionDirty);
       const isShared = Boolean(this.resumingFrom) || this !== lead;
-      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
+      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
       if (canSkip)
         return;
       const { layout: layout2, layoutId } = this.options;
@@ -11385,10 +11467,11 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       return Boolean((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     calcProjection() {
+      var _a;
       const lead = this.getLead();
       const isShared = Boolean(this.resumingFrom) || this !== lead;
       let canSkip = true;
-      if (this.isProjectionDirty || this.parent?.isProjectionDirty) {
+      if (this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty)) {
         canSkip = false;
       }
       if (isShared && (this.isSharedProjectionDirty || this.isTransformDirty)) {
@@ -11445,7 +11528,8 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       this.isVisible = true;
     }
     scheduleRender(notifyAll = true) {
-      this.options.visualElement?.scheduleRender();
+      var _a;
+      (_a = this.options.visualElement) == null ? void 0 : _a.scheduleRender();
       if (notifyAll) {
         const stack = this.getStack();
         stack && stack.scheduleRender();
@@ -11462,7 +11546,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
     setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {
       const snapshot = this.snapshot;
       const snapshotLatestValues = snapshot ? snapshot.latestValues : {};
-      const mixedValues = { ...this.latestValues };
+      const mixedValues = __spreadValues({}, this.latestValues);
       const targetDelta = createDelta();
       if (!this.relativeParent || !this.relativeParent.options.layoutRoot) {
         this.relativeTarget = this.relativeTargetOrigin = void 0;
@@ -11503,9 +11587,10 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(options) {
+      var _a, _b, _c;
       this.notifyListeners("animationStart");
-      this.currentAnimation?.stop(false);
-      this.resumingFrom?.currentAnimation?.stop(false);
+      (_a = this.currentAnimation) == null ? void 0 : _a.stop(false);
+      (_c = (_b = this.resumingFrom) == null ? void 0 : _b.currentAnimation) == null ? void 0 : _c.stop(false);
       if (this.pendingAnimation) {
         cancelFrame(this.pendingAnimation);
         this.pendingAnimation = void 0;
@@ -11514,8 +11599,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
         globalProjectionState.hasAnimatedSinceResize = true;
         activeAnimations.layout++;
         this.motionValue || (this.motionValue = motionValue(0));
-        this.currentAnimation = animateSingleValue(this.motionValue, [0, 1e3], {
-          ...options,
+        this.currentAnimation = animateSingleValue(this.motionValue, [0, 1e3], __spreadProps(__spreadValues({}, options), {
           isSync: true,
           onUpdate: (latest) => {
             this.mixTargetDelta(latest);
@@ -11529,7 +11613,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
             options.onComplete && options.onComplete();
             this.completeAnimation();
           }
-        });
+        }));
         if (this.resumingFrom) {
           this.resumingFrom.currentAnimation = this.currentAnimation;
         }
@@ -11588,12 +11672,14 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       return stack ? stack.lead === this : true;
     }
     getLead() {
+      var _a;
       const { layoutId } = this.options;
-      return layoutId ? this.getStack()?.lead || this : this;
+      return layoutId ? ((_a = this.getStack()) == null ? void 0 : _a.lead) || this : this;
     }
     getPrevLead() {
+      var _a;
       const { layoutId } = this.options;
-      return layoutId ? this.getStack()?.prevLead : void 0;
+      return layoutId ? (_a = this.getStack()) == null ? void 0 : _a.prevLead : void 0;
     }
     getStack() {
       const { layoutId } = this.options;
@@ -11648,6 +11734,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       visualElement.scheduleRender();
     }
     getProjectionStyles(styleProp) {
+      var _a, _b;
       if (!this.instance || this.isSVG)
         return void 0;
       if (!this.isVisible) {
@@ -11660,7 +11747,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       if (this.needsReset) {
         this.needsReset = false;
         styles.opacity = "";
-        styles.pointerEvents = resolveMotionValue(styleProp?.pointerEvents) || "";
+        styles.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
         styles.transform = transformTemplate ? transformTemplate(this.latestValues, "") : "none";
         return styles;
       }
@@ -11669,7 +11756,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
         const emptyStyles = {};
         if (this.options.layoutId) {
           emptyStyles.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1;
-          emptyStyles.pointerEvents = resolveMotionValue(styleProp?.pointerEvents) || "";
+          emptyStyles.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
         }
         if (this.hasProjected && !hasTransform(this.latestValues)) {
           emptyStyles.transform = transformTemplate ? transformTemplate({}, "") : "none";
@@ -11686,7 +11773,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
       const { x, y } = this.projectionDelta;
       styles.transformOrigin = `${x.origin * 100}% ${y.origin * 100}% 0`;
       if (lead.animationValues) {
-        styles.opacity = lead === this ? valuesToRender.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
+        styles.opacity = lead === this ? (_b = (_a = valuesToRender.opacity) != null ? _a : this.latestValues.opacity) != null ? _b : 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
       } else {
         styles.opacity = lead === this ? valuesToRender.opacity !== void 0 ? valuesToRender.opacity : "" : valuesToRender.opacityExit !== void 0 ? valuesToRender.opacityExit : 0;
       }
@@ -11709,7 +11796,7 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
         }
       }
       if (this.options.layoutId) {
-        styles.pointerEvents = lead === this ? resolveMotionValue(styleProp?.pointerEvents) || "" : "none";
+        styles.pointerEvents = lead === this ? resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "" : "none";
       }
       return styles;
     }
@@ -11718,7 +11805,10 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
     }
     // Only run on root
     resetTree() {
-      this.root.nodes.forEach((node) => node.currentAnimation?.stop(false));
+      this.root.nodes.forEach((node) => {
+        var _a;
+        return (_a = node.currentAnimation) == null ? void 0 : _a.stop(false);
+      });
       this.root.nodes.forEach(clearMeasurements);
       this.root.sharedNodes.clear();
     }
@@ -11728,7 +11818,8 @@ function updateLayout(node) {
   node.updateLayout();
 }
 function notifyLayoutUpdate(node) {
-  const snapshot = node.resumeFrom?.snapshot || node.snapshot;
+  var _a;
+  const snapshot = ((_a = node.resumeFrom) == null ? void 0 : _a.snapshot) || node.snapshot;
   if (node.isLead() && node.layout && snapshot && node.hasListeners("didUpdate")) {
     const { layoutBox: layout2, measuredBox: measuredLayout } = node.layout;
     const { animationType } = node.options;
@@ -11878,7 +11969,8 @@ function shouldAnimatePositionOnly(animationType, snapshot, layout2) {
   return animationType === "position" || animationType === "preserve-aspect" && !isNear(aspectRatio(snapshot), aspectRatio(layout2), 0.2);
 }
 function checkNodeWasScrollRoot(node) {
-  return node !== node.root && node.scroll?.wasRoot;
+  var _a;
+  return node !== node.root && ((_a = node.scroll) == null ? void 0 : _a.wasRoot);
 }
 
 // ../../node_modules/framer-motion/dist/es/projection/node/DocumentProjectionNode.mjs
@@ -12023,7 +12115,8 @@ var fireObserverCallback = (entry) => {
 var fireAllObserverCallbacks = (entries) => {
   entries.forEach(fireObserverCallback);
 };
-function initIntersectionObserver({ root, ...options }) {
+function initIntersectionObserver(_a) {
+  var _b = _a, { root } = _b, options = __objRest(_b, ["root"]);
   const lookupRoot = root || document;
   if (!observers.has(lookupRoot)) {
     observers.set(lookupRoot, {});
@@ -12031,7 +12124,7 @@ function initIntersectionObserver({ root, ...options }) {
   const rootObservers = observers.get(lookupRoot);
   const key = JSON.stringify(options);
   if (!rootObservers[key]) {
-    rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });
+    rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, __spreadValues({ root }, options));
   }
   return rootObservers[key];
 }
@@ -12233,8 +12326,8 @@ var VisualElement = class {
     };
     const { latestValues, renderState } = visualState;
     this.latestValues = latestValues;
-    this.baseTarget = { ...latestValues };
-    this.initialValues = props.initial ? { ...latestValues } : {};
+    this.baseTarget = __spreadValues({}, latestValues);
+    this.initialValues = props.initial ? __spreadValues({}, latestValues) : {};
     this.renderState = renderState;
     this.parent = parent;
     this.props = props;
@@ -12249,7 +12342,7 @@ var VisualElement = class {
       this.variantChildren = /* @__PURE__ */ new Set();
     }
     this.manuallyAnimateOnMount = Boolean(parent && parent.current);
-    const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {}, this);
+    const _a = this.scrapeMotionValuesFromProps(props, {}, this), { willChange } = _a, initialMotionValues = __objRest(_a, ["willChange"]);
     for (const key in initialMotionValues) {
       const value = initialMotionValues[key];
       if (latestValues[key] !== void 0 && isMotionValue(value)) {
@@ -12480,7 +12573,8 @@ var VisualElement = class {
    * directly from the instance (which might have performance implications).
    */
   readValue(key, target) {
-    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : this.getBaseTargetFromProps(this.props, key) ?? this.readValueFromInstance(this.current, key, this.options);
+    var _a;
+    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : (_a = this.getBaseTargetFromProps(this.props, key)) != null ? _a : this.readValueFromInstance(this.current, key, this.options);
     if (value !== void 0 && value !== null) {
       if (typeof value === "string" && (isNumericalString(value) || isZeroValueString(value))) {
         value = parseFloat(value);
@@ -12503,10 +12597,11 @@ var VisualElement = class {
    * props.
    */
   getBaseTarget(key) {
+    var _a;
     const { initial } = this.props;
     let valueFromInitial;
     if (typeof initial === "string" || typeof initial === "object") {
-      const variant = resolveVariantFromProps(this.props, initial, this.presenceContext?.custom);
+      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) == null ? void 0 : _a.custom);
       if (variant) {
         valueFromInitial = variant[key];
       }
@@ -12583,8 +12678,9 @@ var HTMLVisualElement = class extends DOMVisualElement {
     this.renderInstance = renderHTML;
   }
   readValueFromInstance(instance, key) {
+    var _a;
     if (transformProps.has(key)) {
-      return this.projection?.isProjecting ? defaultTransformValue(key) : readTransformValue(instance, key);
+      return ((_a = this.projection) == null ? void 0 : _a.isProjecting) ? defaultTransformValue(key) : readTransformValue(instance, key);
     } else {
       const computedStyle = getComputedStyle2(instance);
       const value = (isCSSVariableName(key) ? computedStyle.getPropertyValue(key) : computedStyle[key]) || 0;
@@ -12679,12 +12775,7 @@ var createDomVisualElement = (Component2, options) => {
 };
 
 // ../../node_modules/framer-motion/dist/es/render/components/motion/create.mjs
-var createMotionComponent = /* @__PURE__ */ createMotionComponentFactory({
-  ...animations,
-  ...gestureAnimations,
-  ...drag,
-  ...layout
-}, createDomVisualElement);
+var createMotionComponent = /* @__PURE__ */ createMotionComponentFactory(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, animations), gestureAnimations), drag), layout), createDomVisualElement);
 
 // ../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs
 var motion = /* @__PURE__ */ createDOMMotionComponentProxy(createMotionComponent);
@@ -12821,7 +12912,7 @@ function Container({
               "menu"
             ),
             menuList.map((itemMenu, k) => {
-              const letra = `${itemMenu?.name}`.split("")[0];
+              const letra = `${itemMenu == null ? void 0 : itemMenu.name}`.split("")[0];
               return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                 import_link.default,
                 {
@@ -12832,7 +12923,7 @@ function Container({
                       itemMenu.icon,
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: itemMenu.name })
                     ] }),
-                    !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "hover:bg-gray-200 hover:text-black rounded p-1", children: itemMenu?.icon || /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "px-1 border shadow rounded", children: letra }) })
+                    !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "hover:bg-gray-200 hover:text-black rounded p-1", children: (itemMenu == null ? void 0 : itemMenu.icon) || /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "px-1 border shadow rounded", children: letra }) })
                   ]
                 }
               ) }, k);
@@ -12887,8 +12978,8 @@ function Form({
   const ref = (0, import_react21.useRef)(null);
   const [hvalues, setHValues] = state || (0, import_react21.useState)({});
   (0, import_react21.useEffect)(() => {
-    if (ref?.current) {
-      const newValues = { ...hvalues };
+    if (ref == null ? void 0 : ref.current) {
+      const newValues = __spreadValues({}, hvalues);
       const formData = new FormData(ref.current);
       for (let [k, v] of formData.entries()) {
         if (!newValues[k]) {
@@ -12901,8 +12992,9 @@ function Form({
     }
   }, [state, ref]);
   function hasErrors() {
-    const hasInvalids = ref?.current?.querySelectorAll(".invalid");
-    if (hasInvalids && hasInvalids?.length > 0) {
+    var _a;
+    const hasInvalids = (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.querySelectorAll(".invalid");
+    if (hasInvalids && (hasInvalids == null ? void 0 : hasInvalids.length) > 0) {
       return true;
     }
     return false;
@@ -12917,17 +13009,17 @@ function Form({
           alert(invalidMessage);
           return;
         }
-        onSubmit && onSubmit({ ...e, values: hvalues });
+        onSubmit && onSubmit(__spreadProps(__spreadValues({}, e), { values: hvalues }));
       },
       children: import_react21.default.Children.map(children, (child) => {
         if (import_react21.default.isValidElement(child)) {
-          const props = child?.props ? { ...child.props } : {};
+          const props = (child == null ? void 0 : child.props) ? __spreadValues({}, child.props) : {};
           try {
             return import_react21.default.cloneElement(child, {
               value: hvalues[props.name] || "",
               onChange: (e) => {
-                setHValues({ ...hvalues, [props.name]: e.target.value });
-                props?.onChange && props.onChange(e);
+                setHValues(__spreadProps(__spreadValues({}, hvalues), { [props.name]: e.target.value }));
+                (props == null ? void 0 : props.onChange) && props.onChange(e);
               }
             });
           } catch (error) {
@@ -12942,29 +13034,33 @@ function Form({
 
 // src/input/index.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function Input({
-  label,
-  className,
-  regex,
-  invalidMessage = "Valor no v\xE1lido",
-  ...props
-}) {
-  const value = `${props?.value || ""}`;
+function Input(_a) {
+  var _b = _a, {
+    label,
+    className,
+    regex,
+    invalidMessage = "Valor no v\xE1lido"
+  } = _b, props = __objRest(_b, [
+    "label",
+    "className",
+    "regex",
+    "invalidMessage"
+  ]);
+  const value = `${(props == null ? void 0 : props.value) || ""}`;
   const isValid = !regex ? true : regex.test(value);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "font-bold ", children: label }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "input",
-        {
-          ...props,
+        __spreadProps(__spreadValues({}, props), {
           className: [
             "p-2 w-full rounded border shadow",
             value != "" && !isValid && "bg-red-200 text-black",
             value != "" && isValid && "bg-green-200 text-black",
             className
           ].join(" ")
-        }
+        })
       ) })
     ] }),
     !isValid && value != "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-red-800 invalid", children: invalidMessage })
@@ -12988,27 +13084,35 @@ var import_react24 = require("react");
 // src/table/td.tsx
 var import_react22 = __toESM(require("react"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function TD({
-  className,
-  item,
-  index,
-  color: color2,
-  symbols,
-  ...props
-}) {
+function TD(_a) {
+  var _b = _a, {
+    className,
+    item,
+    index,
+    color: color2,
+    symbols
+  } = _b, props = __objRest(_b, [
+    "className",
+    "item",
+    "index",
+    "color",
+    "symbols"
+  ]);
   const [isHidded, setIsHidded] = (0, import_react22.useState)(false);
   const isNode = (0, import_react22.useMemo)(() => {
-    return symbols && typeof symbols[item.name] == "object" && symbols[item.name]?.props;
+    var _a2;
+    return symbols && typeof symbols[item.name] == "object" && ((_a2 = symbols[item.name]) == null ? void 0 : _a2.props);
   }, [symbols]);
   const newProps = symbols && isNode && Object.keys(symbols[item.name].props).reduce(
     (acc, i) => {
       try {
-        const newAcc = { ...acc };
+        const newAcc = __spreadValues({}, acc);
         const hasEvent = `${i}`.startsWith("on");
         if (hasEvent) {
           newAcc[i] = (e) => {
+            var _a2, _b2;
             e.item = item;
-            symbols[item.name].props[i]?.(e);
+            (_b2 = (_a2 = symbols[item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
           };
         }
         return newAcc;
@@ -13029,9 +13133,7 @@ function TD({
         ["number", "money"].includes(item.cellTypeOf) && "text-right"
       ].join(" "),
       children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: symbols && symbols[item.name] && "flex justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: symbols && symbols[item.name] && (isNode ? import_react22.default.cloneElement(symbols[item.name], {
-          ...newProps
-        }) : symbols[item.name]) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: symbols && symbols[item.name] && (isNode ? import_react22.default.cloneElement(symbols[item.name], __spreadValues({}, newProps)) : symbols[item.name]) }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: item.content })
       ] })
     }
@@ -13111,7 +13213,7 @@ function FilterMenu({
             {
               className: "flex gap-1 w-full hover:bg-gray-100 p-3 cursor-pointer",
               onClick: (e) => {
-                const newFilters = { ...filters };
+                const newFilters = __spreadValues({}, filters);
                 newFilters[h] = [...items];
                 setFilters(newFilters);
               },
@@ -13132,7 +13234,7 @@ function FilterMenu({
               placeholder: "Buscar...",
               value: text,
               onChange: (e) => {
-                setFilters({ ...filters, [h]: [] });
+                setFilters(__spreadProps(__spreadValues({}, filters), { [h]: [] }));
                 setText(e.target.value);
               }
             }
@@ -13150,7 +13252,7 @@ function FilterMenu({
                       type: "checkbox",
                       checked: filters[h].length == items.length,
                       onChange: (e) => {
-                        const newFilters = { ...filters };
+                        const newFilters = __spreadValues({}, filters);
                         if (filters[h].length == items.length) {
                           newFilters[h] = [];
                         } else {
@@ -13164,7 +13266,8 @@ function FilterMenu({
                   "(Seleccionar todo)"
                 ] }) }),
                 newMapedData.map((item, key) => {
-                  const checked = filters[h]?.find((i) => i == item);
+                  var _a;
+                  const checked = (_a = filters[h]) == null ? void 0 : _a.find((i) => i == item);
                   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     "div",
                     {
@@ -13176,7 +13279,7 @@ function FilterMenu({
                             type: "checkbox",
                             checked: !!checked,
                             onChange: (e) => {
-                              const newFilters = { ...filters };
+                              const newFilters = __spreadValues({}, filters);
                               newFilters[h] = newFilters[h] || [];
                               const index2 = newFilters[h].findIndex(
                                 (nf) => nf == item
@@ -13227,15 +13330,22 @@ function FilterMenu({
 
 // src/table/h.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-function HTable({
-  data,
-  mapedData,
-  setMapedData,
-  symbols,
-  totals,
-  exportName,
-  ...props
-}) {
+function HTable(_a) {
+  var _b = _a, {
+    data,
+    mapedData,
+    setMapedData,
+    symbols,
+    totals,
+    exportName
+  } = _b, props = __objRest(_b, [
+    "data",
+    "mapedData",
+    "setMapedData",
+    "symbols",
+    "totals",
+    "exportName"
+  ]);
   const [selected, setSelected] = (0, import_react24.useState)(null);
   const [selectedFilter, setSelectedFilter] = (0, import_react24.useState)(null);
   const modalRef = (0, import_react24.useRef)(null);
@@ -13257,15 +13367,13 @@ function HTable({
     }, {});
   }, [mapedData]);
   (0, import_react24.useEffect)(() => {
-    setFilters({
-      ...head.reduce((acc, hh) => {
-        const newAcc = { ...acc };
-        newAcc[hh] = [
-          ...new Set(mapedData.map((md) => md[hh].content))
-        ];
-        return newAcc;
-      }, {})
-    });
+    setFilters(__spreadValues({}, head.reduce((acc, hh) => {
+      const newAcc = __spreadValues({}, acc);
+      newAcc[hh] = [
+        ...new Set(mapedData.map((md) => md[hh].content))
+      ];
+      return newAcc;
+    }, {})));
   }, [mapedData, head]);
   (0, import_react24.useEffect)(() => {
     const newData = data.map((d, trkey) => {
@@ -13288,8 +13396,9 @@ function HTable({
     });
     setMapedData(newData);
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { ...props, className: "w-full border-collapse table-auto", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", __spreadProps(__spreadValues({}, props), { className: "w-full border-collapse table-auto", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: head.map((h, key) => {
+      var _a2;
       const items = [
         ...new Set(mapedData.map((item) => item[h].content))
       ];
@@ -13308,7 +13417,7 @@ function HTable({
                 children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-white w-full bg-black rounded p-1 flex justify-center", children: [
                   h,
                   " ",
-                  filters[h]?.length != items.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-red-300", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FilterOffIcon, {}) })
+                  ((_a2 = filters[h]) == null ? void 0 : _a2.length) != items.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-red-300", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FilterOffIcon, {}) })
                 ] })
               }
             ),
@@ -13343,7 +13452,8 @@ function HTable({
         "tr",
         {
           onDoubleClick: (e) => {
-            modalRef.current?.showModal();
+            var _a2;
+            (_a2 = modalRef.current) == null ? void 0 : _a2.showModal();
           },
           onClick: (e) => setSelected(trKey),
           className: [
@@ -13373,7 +13483,7 @@ function HTable({
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-1", children: mapedTotals[h] })
       ] }) }, fkey);
     }) }) })
-  ] });
+  ] }));
 }
 
 // ../../node_modules/xlsx/xlsx.mjs
@@ -33884,7 +33994,7 @@ function Table(props) {
   const isArray = Array.isArray(props.data);
   const exported = useExportdata();
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "bg-gray-200 border rounded shadow p-1", children: [
-    props?.exportName && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    (props == null ? void 0 : props.exportName) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       "button",
       {
         className: "p-2 border rounded shadow bg-green-800 text-white flex gap-1",
@@ -33905,13 +34015,10 @@ function Table(props) {
     ),
     isArray && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       HTable,
-      {
-        ...{
-          ...props,
-          mapedData,
-          setMapedData
-        }
-      }
+      __spreadValues({}, __spreadProps(__spreadValues({}, props), {
+        mapedData,
+        setMapedData
+      }))
     )
   ] });
 }
@@ -33919,22 +34026,27 @@ function Table(props) {
 // src/text-area/index.tsx
 var import_react26 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
-function TextArea({
-  label,
-  className,
-  maxLength,
-  onChange,
-  children = "",
-  ...props
-}) {
+function TextArea(_a) {
+  var _b = _a, {
+    label,
+    className,
+    maxLength,
+    onChange,
+    children = ""
+  } = _b, props = __objRest(_b, [
+    "label",
+    "className",
+    "maxLength",
+    "onChange",
+    "children"
+  ]);
   const [value, setValue] = (0, import_react26.useState)(children);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "font-bold ", children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "textarea",
-        {
-          ...props,
+        __spreadProps(__spreadValues({}, props), {
           className: ["p-1 w-full rounded border shadow", className].join(
             " "
           ),
@@ -33943,10 +34055,10 @@ function TextArea({
               e.target.value = e.target.value.slice(0, maxLength);
             }
             setValue(e.target.value);
-            onChange?.(e);
+            onChange == null ? void 0 : onChange(e);
           },
           value
-        }
+        })
       ),
       maxLength && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: " text-xs text-gray text-right", children: [
         value.length,
@@ -34060,29 +34172,34 @@ function useResources({
   const router = (0, import_navigation.useRouter)();
   const [info, setInfo] = (0, import_react28.useState)({});
   const result = (0, import_react28.useMemo)(() => {
+    var _c, _d, _e, _f, _g, _h, _i;
     const r = {};
     for (const key in endpoints) {
       const endpoint = endpoints[key];
-      const showFunc = async ({
-        limit = 10,
-        page = 1,
-        merge = true,
-        ...query
-      }) => {
+      const showFunc = (_a) => __async(null, null, function* () {
+        var _b = _a, {
+          limit = 10,
+          page = 1,
+          merge = true
+        } = _b, query = __objRest(_b, [
+          "limit",
+          "page",
+          "merge"
+        ]);
         const options = {
           method: "GET",
           url: `${baseURI}/${key}`,
-          params: { limit, page, ...query },
+          params: __spreadValues({ limit, page }, query),
           headers: { Authorization: token }
         };
-        const newInfo = { ...info };
+        const newInfo = __spreadValues({}, info);
         newInfo[key] = newInfo[key] || {};
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
         newInfo[key].params = query;
         setInfo(newInfo);
         try {
-          const consulta = await import_axios.default.request(options);
+          const consulta = yield import_axios.default.request(options);
           const d = consulta.data;
           newInfo[key].state = "success";
           newInfo[key].errorMessage = "";
@@ -34090,126 +34207,127 @@ function useResources({
           newInfo[key].totalItems = d.totalItems;
           newInfo[key].totalPages = d.totalPages;
           newInfo[key].currentPage = d.currentPage;
-          setInfo({ ...newInfo });
+          setInfo(__spreadValues({}, newInfo));
           return d.data;
         } catch (error) {
           const item = http_codes_default.find((s) => s.code == error.status);
           newInfo[key].state = "error";
-          newInfo[key].errorMessage = item?.meaning;
+          newInfo[key].errorMessage = item == null ? void 0 : item.meaning;
           if (error.status == 403) {
             router.push(authURI);
           }
-          setInfo({ ...newInfo });
+          setInfo(__spreadValues({}, newInfo));
           return error;
         }
-      };
-      r[key] = {
-        ...endpoint,
+      });
+      r[key] = __spreadProps(__spreadValues({}, endpoint), {
         show: showFunc,
-        find: async (id3, query) => {
+        find: (id3, query) => __async(null, null, function* () {
+          var _a, _b, _c2;
           const options = {
             method: "GET",
             url: `${baseURI}/${key}/${id3}`,
-            params: { ...query },
+            params: __spreadValues({}, query),
             headers: { Authorization: token }
           };
-          const newInfo = { ...info };
+          const newInfo = __spreadValues({}, info);
           newInfo[key] = newInfo[key] || {};
           newInfo[key].state = "loading";
           newInfo[key].errorMessage = "";
           newInfo[key].params = query;
           setInfo(newInfo);
           try {
-            const consulta = await import_axios.default.request(options);
+            const consulta = yield import_axios.default.request(options);
             const d = consulta.data;
             newInfo[key].state = "success";
             newInfo[key].errorMessage = "";
             newInfo[key].selectedItem = d;
-            const index = newInfo[key]?.data?.findIndex(
-              (d2) => d2?.id == d2?.id
+            const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+              (d2) => (d2 == null ? void 0 : d2.id) == (d2 == null ? void 0 : d2.id)
             );
             if (index >= 0) {
               newInfo[key].data[index] = d;
             } else {
-              if (newInfo[key]?.data) {
+              if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
                 newInfo[key].data.unshift(d);
               } else {
                 newInfo[key].data = [d];
               }
             }
-            setInfo({ ...newInfo });
+            setInfo(__spreadValues({}, newInfo));
             return d.data;
           } catch (error) {
             const item = http_codes_default.find((s) => s.code == error.status);
             newInfo[key].state = "error";
-            newInfo[key].errorMessage = item?.meaning || error.message;
+            newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
             if (error.status == 403) {
               router.push(authURI);
             }
-            setInfo({ ...newInfo });
+            setInfo(__spreadValues({}, newInfo));
             return error;
           }
-        },
-        create: async (data) => {
+        }),
+        create: (data) => __async(null, null, function* () {
+          var _a, _b, _c2;
           const options = {
             method: "POST",
             url: `${baseURI}/${key}`,
-            data: { ...data },
+            data: __spreadValues({}, data),
             headers: { Authorization: token }
           };
-          const newInfo = { ...info };
+          const newInfo = __spreadValues({}, info);
           newInfo[key] = newInfo[key] || {};
           newInfo[key].state = "loading";
           newInfo[key].errorMessage = "";
           setInfo(newInfo);
           try {
-            const consulta = await import_axios.default.request(options);
+            const consulta = yield import_axios.default.request(options);
             const d = consulta.data;
             newInfo[key].state = "success";
             newInfo[key].errorMessage = "";
             newInfo[key].selectedItem = d;
-            const index = newInfo[key]?.data?.findIndex(
-              (d2) => d2?.id == d2?.id
+            const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+              (d2) => (d2 == null ? void 0 : d2.id) == (d2 == null ? void 0 : d2.id)
             );
             if (index >= 0) {
               newInfo[key].data[index] = d;
             } else {
-              if (newInfo[key]?.data) {
+              if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
                 newInfo[key].data.unshift(d);
               } else {
                 newInfo[key].data = [d];
               }
             }
-            setInfo({ ...newInfo });
+            setInfo(__spreadValues({}, newInfo));
             return d.data;
           } catch (error) {
             const item = http_codes_default.find((s) => s.code == error.status);
             newInfo[key].state = "error";
-            newInfo[key].errorMessage = item?.meaning || error.message;
+            newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
             if (error.status == 403) {
               router.push(authURI);
             }
-            setInfo({ ...newInfo });
+            setInfo(__spreadValues({}, newInfo));
             return error;
           }
-        },
-        update: async (id3, data) => {
+        }),
+        update: (id3, data) => __async(null, null, function* () {
           console.log("update", id3, data);
-        },
-        remove: async (id3) => {
+        }),
+        remove: (id3) => __async(null, null, function* () {
           console.log("remove", id3);
-        },
-        totalPages: info[key]?.totalPages,
-        currentPage: info[key]?.currentPage,
-        state: info[key]?.state || "success",
-        errorMessage: info[key]?.errorMessage,
-        params: info[key]?.params,
-        getAllPages: async (limit = 10) => {
+        }),
+        totalPages: (_c = info[key]) == null ? void 0 : _c.totalPages,
+        currentPage: (_d = info[key]) == null ? void 0 : _d.currentPage,
+        state: ((_e = info[key]) == null ? void 0 : _e.state) || "success",
+        errorMessage: (_f = info[key]) == null ? void 0 : _f.errorMessage,
+        params: (_g = info[key]) == null ? void 0 : _g.params,
+        getAllPages: (limit = 10) => __async(null, null, function* () {
           console.log("Not aviable");
-        },
-        data: info[key]?.data || [],
-        selectedItem: info[key]?.selectedItem || {}
-      };
+        }),
+        data: ((_h = info[key]) == null ? void 0 : _h.data) || [],
+        selectedItem: ((_i = info[key]) == null ? void 0 : _i.selectedItem) || {}
+      });
     }
     return r;
   }, [info, token, endpoints]);
@@ -34257,15 +34375,20 @@ function CloseIcon() {
 
 // src/select/index.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-function Select({
-  label,
-  placeholder = "Selecciona...",
-  children,
-  strictMode = true,
-  ...props
-}) {
+function Select(_a) {
+  var _b = _a, {
+    label,
+    placeholder = "Selecciona...",
+    children,
+    strictMode = true
+  } = _b, props = __objRest(_b, [
+    "label",
+    "placeholder",
+    "children",
+    "strictMode"
+  ]);
   const [isOpen, setIsOpen] = (0, import_react29.useState)(false);
-  const [inputValue, setInputValue] = (0, import_react29.useState)(props?.value || "");
+  const [inputValue, setInputValue] = (0, import_react29.useState)((props == null ? void 0 : props.value) || "");
   const [options, setOptions] = (0, import_react29.useState)(
     []
   );
@@ -34293,7 +34416,10 @@ function Select({
   (0, import_react29.useEffect)(() => {
     setFiltered(
       options.filter(
-        (opt) => opt?.label?.toLowerCase()?.includes(inputValue?.toLowerCase())
+        (opt) => {
+          var _a2, _b2;
+          return (_b2 = (_a2 = opt == null ? void 0 : opt.label) == null ? void 0 : _a2.toLowerCase()) == null ? void 0 : _b2.includes(inputValue == null ? void 0 : inputValue.toLowerCase());
+        }
       )
     );
     setHighlightedIndex(-1);
@@ -34335,13 +34461,13 @@ function Select({
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "input",
-        {
+        __spreadProps(__spreadValues({
           autoComplete: "off",
-          ref: inputRef,
-          ...props,
+          ref: inputRef
+        }, props), {
           className: [
             "p-2 w-full rounded border shadow",
-            props?.className
+            props == null ? void 0 : props.className
           ].join(" "),
           value: inputValue,
           onBlur: (e) => {
@@ -34355,20 +34481,21 @@ function Select({
                 return;
               }
             } else {
-              e.target.value = item?.value || item.label;
+              e.target.value = (item == null ? void 0 : item.value) || item.label;
               e.currentTarget.classList.add("bg-green-200");
               e.currentTarget.classList.remove("bg-red-200");
             }
             props.onChange(e);
           },
           onChange: (e) => {
+            var _a2;
             setInputValue(e.target.value);
-            props.onChange?.(e);
+            (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
           },
           placeholder,
           onFocus: () => setIsOpen(true),
           onKeyDown: handleKeyDown
-        }
+        })
       ),
       !isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute top-0 right-0 flex flex-col justify-center items-center px-2 py-2 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectIcon, {}) }),
       isOpen && inputValue != "" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -34377,7 +34504,7 @@ function Select({
           onClick: (e) => {
             setIsOpen(true);
             setInputValue("");
-            if (inputRef?.current && strictMode) {
+            if ((inputRef == null ? void 0 : inputRef.current) && strictMode) {
               inputRef.current.classList.remove("bg-green-200");
               inputRef.current.classList.add("bg-red-200");
             }
@@ -34396,10 +34523,10 @@ function Select({
               className: `p-2 cursor-pointer ${index === highlightedIndex ? "bg-blue-100" : "hover:bg-gray-100"}`,
               onMouseDown: () => {
                 props.onChange({
-                  target: { value: opt?.value || opt.label }
+                  target: { value: (opt == null ? void 0 : opt.value) || opt.label }
                 });
                 const item = validOption(opt.label);
-                if (inputRef?.current) {
+                if (inputRef == null ? void 0 : inputRef.current) {
                   if (!item) {
                     if (strictMode) {
                       inputRef.current.value = "";