@yamada-ui/motion 2.2.1-dev-20240907114945 → 2.2.1-dev-20240907122824

package/dist/{chunk-IER3FOYD.mjs → chunk-2OYU7I6R.mjs}

@@ -3,17 +3,14 @@
 // src/factory.ts
 import { styled } from "@yamada-ui/core";
 import { motion as _motion } from "framer-motion";
-var disableStyleProps = ["transition"];
-var disableStyleProp = (prop) => disableStyleProps.includes(prop);
 var factory = () => {
   const cache = /* @__PURE__ */ new Map();
   return new Proxy(styled, {
     apply: (_target, _thisArg, [el, options]) => {
-      return styled(_motion(el), { disableStyleProp, ...options });
+      return _motion(styled(el, options));
     },
     get: (_target, el) => {
-      if (!cache.has(el))
-        cache.set(el, styled(_motion(el), { disableStyleProp }));
+      if (!cache.has(el)) cache.set(el, _motion(styled(el)));
       return cache.get(el);
     }
   });
@@ -23,4 +20,4 @@ var motion = factory();
 export {
   motion
 };
-//# sourceMappingURL=chunk-IER3FOYD.mjs.map
+//# sourceMappingURL=chunk-2OYU7I6R.mjs.map

package/dist/chunk-2OYU7I6R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/factory.ts"],"sourcesContent":["import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return _motion(styled(el, options) as ComponentType)\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el)) cache.set(el, _motion(styled(el) as ComponentType))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n * `motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const motion = factory()\n"],"mappings":";;;AAAA,SAAS,cAAkC;AAC3C,SAAS,UAAU,eAAe;AAIlC,IAAM,UAAU,MAAM;AACpB,QAAM,QAAQ,oBAAI,IAA6B;AAE/C,SAAO,IAAI,MAAM,QAAQ;AAAA,IACvB,OAAO,CAAC,SAAS,UAAU,CAAC,IAAI,OAAO,MAAiC;AACtE,aAAO,QAAQ,OAAO,IAAI,OAAO,CAAkB;AAAA,IACrD;AAAA,IAEA,KAAK,CAAC,SAAS,OAAiB;AAC9B,UAAI,CAAC,MAAM,IAAI,EAAE,EAAG,OAAM,IAAI,IAAI,QAAQ,OAAO,EAAE,CAAkB,CAAC;AAEtE,aAAO,MAAM,IAAI,EAAE;AAAA,IACrB;AAAA,EACF,CAAC;AACH;AAOO,IAAM,SAAS,QAAQ;","names":[]}

package/dist/chunk-CJBAGLAE.mjs

@@ -0,0 +1,14 @@
+"use client"
+
+// src/motion-forward-ref.tsx
+import * as React from "react";
+var motionForwardRef = (render) => {
+  return React.forwardRef(
+    render
+  );
+};
+
+export {
+  motionForwardRef
+};
+//# sourceMappingURL=chunk-CJBAGLAE.mjs.map

package/dist/chunk-CJBAGLAE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion-forward-ref.tsx"],"sourcesContent":["import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  render: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & { as?: MotionAs }\n  >,\n) => {\n  return React.forwardRef(\n    render as React.ForwardRefRenderFunction<any>,\n  ) as unknown as MotionComponent<M, Y>\n}\n"],"mappings":";;;AAEA,YAAY,WAAW;AAGhB,IAAM,mBAAmB,CAC9B,WAIG;AACH,SAAa;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-IYC7RHQQ.mjs

@@ -0,0 +1,29 @@
+"use client"
+import {
+  motionForwardRef
+} from "./chunk-CJBAGLAE.mjs";
+
+// src/motion.tsx
+import { ui } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+var disableStyleProps = ["transition"];
+var disableStyleProp = (prop) => disableStyleProps.includes(prop);
+var Component = ui("div", { disableStyleProp });
+var Motion = motionForwardRef(
+  ({ as = "div", className, ...rest }, ref) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      as: motion[as],
+      className: cx("ui-motion", className),
+      ...rest
+    }
+  )
+);
+
+export {
+  Motion
+};
+//# sourceMappingURL=chunk-IYC7RHQQ.mjs.map

package/dist/chunk-IYC7RHQQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion.tsx"],"sourcesContent":["import { ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { motion } from \"framer-motion\"\nimport { motionForwardRef } from \"./motion-forward-ref\"\nimport type { MotionProps } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst Component = ui<\"div\", MotionProps>(\"div\", { disableStyleProp })\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const Motion = motionForwardRef<MotionProps, \"div\">(\n  ({ as = \"div\", className, ...rest }, ref) => (\n    <Component\n      ref={ref}\n      as={motion[as]}\n      className={cx(\"ui-motion\", className)}\n      {...rest}\n    />\n  ),\n)\n"],"mappings":";;;;;;AAAA,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,cAAc;AAiBnB;AAbJ,IAAM,oBAAoB,CAAC,YAAY;AAEvC,IAAM,mBAAmB,CAAC,SAAiB,kBAAkB,SAAS,IAAI;AAE1E,IAAM,YAAY,GAAuB,OAAO,EAAE,iBAAiB,CAAC;AAO7D,IAAM,SAAS;AAAA,EACpB,CAAC,EAAE,KAAK,OAAO,WAAW,GAAG,KAAK,GAAG,QACnC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI,OAAO,EAAE;AAAA,MACb,WAAW,GAAG,aAAa,SAAS;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/factory.d.mts

@@ -5,7 +5,9 @@ import 'framer-motion';
 import 'react';
 
 /**
+ * `motion` is a component that allows for the easy implementation of a wide variety of animations.
  *
+ * @see Docs https://yamada-ui.com/components/other/motion
  */
 declare const motion: MotionFactory & MotionComponents;
 

package/dist/factory.d.ts

@@ -5,7 +5,9 @@ import 'framer-motion';
 import 'react';
 
 /**
+ * `motion` is a component that allows for the easy implementation of a wide variety of animations.
  *
+ * @see Docs https://yamada-ui.com/components/other/motion
  */
 declare const motion: MotionFactory & MotionComponents;
 

package/dist/factory.js

@@ -26,17 +26,14 @@ __export(factory_exports, {
 module.exports = __toCommonJS(factory_exports);
 var import_core = require("@yamada-ui/core");
 var import_framer_motion = require("framer-motion");
-var disableStyleProps = ["transition"];
-var disableStyleProp = (prop) => disableStyleProps.includes(prop);
 var factory = () => {
   const cache = /* @__PURE__ */ new Map();
   return new Proxy(import_core.styled, {
     apply: (_target, _thisArg, [el, options]) => {
-      return (0, import_core.styled)((0, import_framer_motion.motion)(el), { disableStyleProp, ...options });
+      return (0, import_framer_motion.motion)((0, import_core.styled)(el, options));
     },
     get: (_target, el) => {
-      if (!cache.has(el))
-        cache.set(el, (0, import_core.styled)((0, import_framer_motion.motion)(el), { disableStyleProp }));
+      if (!cache.has(el)) cache.set(el, (0, import_framer_motion.motion)((0, import_core.styled)(el)));
       return cache.get(el);
     }
   });

package/dist/factory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/factory.ts"],"sourcesContent":["import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return styled(_motion(el), { disableStyleProp, ...options })\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el))\n        cache.set(el, styled(_motion(el), { disableStyleProp }))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n *\n */\nexport const motion = factory()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2C;AAC3C,2BAAkC;AAIlC,IAAM,oBAAoB,CAAC,YAAY;AAEvC,IAAM,mBAAmB,CAAC,SAAiB,kBAAkB,SAAS,IAAI;AAE1E,IAAM,UAAU,MAAM;AACpB,QAAM,QAAQ,oBAAI,IAA6B;AAE/C,SAAO,IAAI,MAAM,oBAAQ;AAAA,IACvB,OAAO,CAAC,SAAS,UAAU,CAAC,IAAI,OAAO,MAAiC;AACtE,iBAAO,wBAAO,qBAAAA,QAAQ,EAAE,GAAG,EAAE,kBAAkB,GAAG,QAAQ,CAAC;AAAA,IAC7D;AAAA,IAEA,KAAK,CAAC,SAAS,OAAiB;AAC9B,UAAI,CAAC,MAAM,IAAI,EAAE;AACf,cAAM,IAAI,QAAI,wBAAO,qBAAAA,QAAQ,EAAE,GAAG,EAAE,iBAAiB,CAAC,CAAC;AAEzD,aAAO,MAAM,IAAI,EAAE;AAAA,IACrB;AAAA,EACF,CAAC;AACH;AAKO,IAAM,SAAS,QAAQ;","names":["_motion"]}
+{"version":3,"sources":["../src/factory.ts"],"sourcesContent":["import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return _motion(styled(el, options) as ComponentType)\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el)) cache.set(el, _motion(styled(el) as ComponentType))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n * `motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const motion = factory()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2C;AAC3C,2BAAkC;AAIlC,IAAM,UAAU,MAAM;AACpB,QAAM,QAAQ,oBAAI,IAA6B;AAE/C,SAAO,IAAI,MAAM,oBAAQ;AAAA,IACvB,OAAO,CAAC,SAAS,UAAU,CAAC,IAAI,OAAO,MAAiC;AACtE,iBAAO,qBAAAA,YAAQ,oBAAO,IAAI,OAAO,CAAkB;AAAA,IACrD;AAAA,IAEA,KAAK,CAAC,SAAS,OAAiB;AAC9B,UAAI,CAAC,MAAM,IAAI,EAAE,EAAG,OAAM,IAAI,QAAI,qBAAAA,YAAQ,oBAAO,EAAE,CAAkB,CAAC;AAEtE,aAAO,MAAM,IAAI,EAAE;AAAA,IACrB;AAAA,EACF,CAAC;AACH;AAOO,IAAM,SAAS,QAAQ;","names":["_motion"]}

package/dist/factory.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   motion
-} from "./chunk-IER3FOYD.mjs";
+} from "./chunk-2OYU7I6R.mjs";
 export {
   motion
 };

package/dist/index.js

@@ -31,165 +31,164 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  AcceleratedAnimation: () => import_framer_motion2.AcceleratedAnimation,
-  AnimatePresence: () => import_framer_motion2.AnimatePresence,
-  AnimateSharedLayout: () => import_framer_motion2.AnimateSharedLayout,
-  DeprecatedLayoutGroupContext: () => import_framer_motion2.DeprecatedLayoutGroupContext,
-  DragControls: () => import_framer_motion2.DragControls,
-  FlatTree: () => import_framer_motion2.FlatTree,
-  LayoutGroup: () => import_framer_motion2.LayoutGroup,
-  LayoutGroupContext: () => import_framer_motion2.LayoutGroupContext,
-  LazyMotion: () => import_framer_motion2.LazyMotion,
+  AcceleratedAnimation: () => import_framer_motion3.AcceleratedAnimation,
+  AnimatePresence: () => import_framer_motion3.AnimatePresence,
+  AnimateSharedLayout: () => import_framer_motion3.AnimateSharedLayout,
+  DeprecatedLayoutGroupContext: () => import_framer_motion3.DeprecatedLayoutGroupContext,
+  DragControls: () => import_framer_motion3.DragControls,
+  FlatTree: () => import_framer_motion3.FlatTree,
+  LayoutGroup: () => import_framer_motion3.LayoutGroup,
+  LayoutGroupContext: () => import_framer_motion3.LayoutGroupContext,
+  LazyMotion: () => import_framer_motion3.LazyMotion,
   MOTION_TRANSITION_DEFAULTS: () => MOTION_TRANSITION_DEFAULTS,
   MOTION_TRANSITION_EASINGS: () => MOTION_TRANSITION_EASINGS,
   MOTION_TRANSITION_VARIANTS: () => MOTION_TRANSITION_VARIANTS,
   Motion: () => Motion,
-  MotionConfig: () => import_framer_motion2.MotionConfig,
-  MotionConfigContext: () => import_framer_motion2.MotionConfigContext,
-  MotionContext: () => import_framer_motion2.MotionContext,
-  MotionGlobalConfig: () => import_framer_motion2.MotionGlobalConfig,
-  MotionReorder: () => import_framer_motion2.Reorder,
-  PresenceContext: () => import_framer_motion2.PresenceContext,
-  SwitchLayoutGroupContext: () => import_framer_motion2.SwitchLayoutGroupContext,
-  VisualElement: () => import_framer_motion2.VisualElement,
-  addPointerInfo: () => import_framer_motion2.addPointerInfo,
-  addScaleCorrector: () => import_framer_motion2.addScaleCorrector,
-  animate: () => import_framer_motion2.animate,
-  animateValue: () => import_framer_motion2.animateValue,
-  animateVisualElement: () => import_framer_motion2.animateVisualElement,
-  animationControls: () => import_framer_motion2.animationControls,
-  animations: () => import_framer_motion2.animations,
-  anticipate: () => import_framer_motion2.anticipate,
-  backIn: () => import_framer_motion2.backIn,
-  backInOut: () => import_framer_motion2.backInOut,
-  backOut: () => import_framer_motion2.backOut,
-  buildTransform: () => import_framer_motion2.buildTransform,
-  calcLength: () => import_framer_motion2.calcLength,
-  cancelFrame: () => import_framer_motion2.cancelFrame,
-  cancelSync: () => import_framer_motion2.cancelSync,
-  circIn: () => import_framer_motion2.circIn,
-  circInOut: () => import_framer_motion2.circInOut,
-  circOut: () => import_framer_motion2.circOut,
-  clamp: () => import_framer_motion2.clamp,
-  color: () => import_framer_motion2.color,
-  complex: () => import_framer_motion2.complex,
-  createBox: () => import_framer_motion2.createBox,
-  createDomMotionComponent: () => import_framer_motion2.createDomMotionComponent,
-  createMotionComponent: () => import_framer_motion2.createMotionComponent,
-  createScopedAnimate: () => import_framer_motion2.createScopedAnimate,
-  cubicBezier: () => import_framer_motion2.cubicBezier,
-  delay: () => import_framer_motion2.delay,
-  disableInstantTransitions: () => import_framer_motion2.disableInstantTransitions,
-  distance: () => import_framer_motion2.distance,
-  distance2D: () => import_framer_motion2.distance2D,
-  domAnimation: () => import_framer_motion2.domAnimation,
-  domMax: () => import_framer_motion2.domMax,
-  easeIn: () => import_framer_motion2.easeIn,
-  easeInOut: () => import_framer_motion2.easeInOut,
-  easeOut: () => import_framer_motion2.easeOut,
-  filterProps: () => import_framer_motion2.filterProps,
-  frame: () => import_framer_motion2.frame,
-  frameData: () => import_framer_motion2.frameData,
-  inView: () => import_framer_motion2.inView,
-  interpolate: () => import_framer_motion2.interpolate,
-  invariant: () => import_framer_motion2.invariant,
-  isBrowser: () => import_framer_motion2.isBrowser,
-  isDragActive: () => import_framer_motion2.isDragActive,
-  isMotionComponent: () => import_framer_motion2.isMotionComponent,
-  isMotionValue: () => import_framer_motion2.isMotionValue,
-  isValidMotionProp: () => import_framer_motion2.isValidMotionProp,
-  m: () => import_framer_motion2.m,
-  makeUseVisualState: () => import_framer_motion2.makeUseVisualState,
-  mirrorEasing: () => import_framer_motion2.mirrorEasing,
-  mix: () => import_framer_motion2.mix,
-  motion: () => motion,
+  MotionConfig: () => import_framer_motion3.MotionConfig,
+  MotionConfigContext: () => import_framer_motion3.MotionConfigContext,
+  MotionContext: () => import_framer_motion3.MotionContext,
+  MotionGlobalConfig: () => import_framer_motion3.MotionGlobalConfig,
+  MotionReorder: () => import_framer_motion3.Reorder,
+  PresenceContext: () => import_framer_motion3.PresenceContext,
+  SwitchLayoutGroupContext: () => import_framer_motion3.SwitchLayoutGroupContext,
+  VisualElement: () => import_framer_motion3.VisualElement,
+  addPointerInfo: () => import_framer_motion3.addPointerInfo,
+  addScaleCorrector: () => import_framer_motion3.addScaleCorrector,
+  animate: () => import_framer_motion3.animate,
+  animateValue: () => import_framer_motion3.animateValue,
+  animateVisualElement: () => import_framer_motion3.animateVisualElement,
+  animationControls: () => import_framer_motion3.animationControls,
+  animations: () => import_framer_motion3.animations,
+  anticipate: () => import_framer_motion3.anticipate,
+  backIn: () => import_framer_motion3.backIn,
+  backInOut: () => import_framer_motion3.backInOut,
+  backOut: () => import_framer_motion3.backOut,
+  buildTransform: () => import_framer_motion3.buildTransform,
+  calcLength: () => import_framer_motion3.calcLength,
+  cancelFrame: () => import_framer_motion3.cancelFrame,
+  cancelSync: () => import_framer_motion3.cancelSync,
+  circIn: () => import_framer_motion3.circIn,
+  circInOut: () => import_framer_motion3.circInOut,
+  circOut: () => import_framer_motion3.circOut,
+  clamp: () => import_framer_motion3.clamp,
+  color: () => import_framer_motion3.color,
+  complex: () => import_framer_motion3.complex,
+  createBox: () => import_framer_motion3.createBox,
+  createDomMotionComponent: () => import_framer_motion3.createDomMotionComponent,
+  createMotionComponent: () => import_framer_motion3.createMotionComponent,
+  createScopedAnimate: () => import_framer_motion3.createScopedAnimate,
+  cubicBezier: () => import_framer_motion3.cubicBezier,
+  delay: () => import_framer_motion3.delay,
+  disableInstantTransitions: () => import_framer_motion3.disableInstantTransitions,
+  distance: () => import_framer_motion3.distance,
+  distance2D: () => import_framer_motion3.distance2D,
+  domAnimation: () => import_framer_motion3.domAnimation,
+  domMax: () => import_framer_motion3.domMax,
+  easeIn: () => import_framer_motion3.easeIn,
+  easeInOut: () => import_framer_motion3.easeInOut,
+  easeOut: () => import_framer_motion3.easeOut,
+  filterProps: () => import_framer_motion3.filterProps,
+  frame: () => import_framer_motion3.frame,
+  frameData: () => import_framer_motion3.frameData,
+  inView: () => import_framer_motion3.inView,
+  interpolate: () => import_framer_motion3.interpolate,
+  invariant: () => import_framer_motion3.invariant,
+  isBrowser: () => import_framer_motion3.isBrowser,
+  isDragActive: () => import_framer_motion3.isDragActive,
+  isMotionComponent: () => import_framer_motion3.isMotionComponent,
+  isMotionValue: () => import_framer_motion3.isMotionValue,
+  isValidMotionProp: () => import_framer_motion3.isValidMotionProp,
+  m: () => import_framer_motion3.m,
+  makeUseVisualState: () => import_framer_motion3.makeUseVisualState,
+  mirrorEasing: () => import_framer_motion3.mirrorEasing,
+  mix: () => import_framer_motion3.mix,
+  motion: () => motion2,
   motionForwardRef: () => motionForwardRef,
-  motionValue: () => import_framer_motion2.motionValue,
-  optimizedAppearDataAttribute: () => import_framer_motion2.optimizedAppearDataAttribute,
-  pipe: () => import_framer_motion2.pipe,
-  progress: () => import_framer_motion2.progress,
-  px: () => import_framer_motion2.px,
-  resolveMotionValue: () => import_framer_motion2.resolveMotionValue,
-  reverseEasing: () => import_framer_motion2.reverseEasing,
-  scroll: () => import_framer_motion2.scroll,
-  scrollInfo: () => import_framer_motion2.scrollInfo,
-  spring: () => import_framer_motion2.spring,
-  stagger: () => import_framer_motion2.stagger,
-  startOptimizedAppearAnimation: () => import_framer_motion2.startOptimizedAppearAnimation,
-  steps: () => import_framer_motion2.steps,
-  sync: () => import_framer_motion2.sync,
-  transform: () => import_framer_motion2.transform,
+  motionValue: () => import_framer_motion3.motionValue,
+  optimizedAppearDataAttribute: () => import_framer_motion3.optimizedAppearDataAttribute,
+  pipe: () => import_framer_motion3.pipe,
+  progress: () => import_framer_motion3.progress,
+  px: () => import_framer_motion3.px,
+  resolveMotionValue: () => import_framer_motion3.resolveMotionValue,
+  reverseEasing: () => import_framer_motion3.reverseEasing,
+  scroll: () => import_framer_motion3.scroll,
+  scrollInfo: () => import_framer_motion3.scrollInfo,
+  spring: () => import_framer_motion3.spring,
+  stagger: () => import_framer_motion3.stagger,
+  startOptimizedAppearAnimation: () => import_framer_motion3.startOptimizedAppearAnimation,
+  steps: () => import_framer_motion3.steps,
+  sync: () => import_framer_motion3.sync,
+  transform: () => import_framer_motion3.transform,
   transitionEnter: () => transitionEnter,
   transitionExit: () => transitionExit,
-  unwrapMotionComponent: () => import_framer_motion2.unwrapMotionComponent,
-  useAnimate: () => import_framer_motion2.useAnimate,
-  useAnimationControls: () => import_framer_motion2.useAnimationControls,
-  useAnimationFrame: () => import_framer_motion2.useAnimationFrame,
-  useCycle: () => import_framer_motion2.useCycle,
-  useDeprecatedAnimatedState: () => import_framer_motion2.useDeprecatedAnimatedState,
-  useDeprecatedInvertedScale: () => import_framer_motion2.useDeprecatedInvertedScale,
-  useDomEvent: () => import_framer_motion2.useDomEvent,
-  useDragControls: () => import_framer_motion2.useDragControls,
-  useElementScroll: () => import_framer_motion2.useElementScroll,
-  useForceUpdate: () => import_framer_motion2.useForceUpdate,
-  useInView: () => import_framer_motion2.useInView,
-  useInstantLayoutTransition: () => import_framer_motion2.useInstantLayoutTransition,
-  useInstantTransition: () => import_framer_motion2.useInstantTransition,
-  useIsPresent: () => import_framer_motion2.useIsPresent,
-  useIsomorphicLayoutEffect: () => import_framer_motion2.useIsomorphicLayoutEffect,
-  useMotionAnimation: () => import_framer_motion2.useAnimation,
-  useMotionTemplate: () => import_framer_motion2.useMotionTemplate,
-  useMotionValue: () => import_framer_motion2.useMotionValue,
-  useMotionValueEvent: () => import_framer_motion2.useMotionValueEvent,
-  usePresence: () => import_framer_motion2.usePresence,
-  useReducedMotion: () => import_framer_motion2.useReducedMotion,
-  useReducedMotionConfig: () => import_framer_motion2.useReducedMotionConfig,
-  useResetProjection: () => import_framer_motion2.useResetProjection,
-  useScroll: () => import_framer_motion2.useScroll,
-  useSpring: () => import_framer_motion2.useSpring,
-  useTime: () => import_framer_motion2.useTime,
-  useTransform: () => import_framer_motion2.useTransform,
-  useVelocity: () => import_framer_motion2.useVelocity,
-  useViewportScroll: () => import_framer_motion2.useViewportScroll,
-  useWillChange: () => import_framer_motion2.useWillChange,
-  visualElementStore: () => import_framer_motion2.visualElementStore,
-  warning: () => import_framer_motion2.warning,
-  wrap: () => import_framer_motion2.wrap
+  unwrapMotionComponent: () => import_framer_motion3.unwrapMotionComponent,
+  useAnimate: () => import_framer_motion3.useAnimate,
+  useAnimationControls: () => import_framer_motion3.useAnimationControls,
+  useAnimationFrame: () => import_framer_motion3.useAnimationFrame,
+  useCycle: () => import_framer_motion3.useCycle,
+  useDeprecatedAnimatedState: () => import_framer_motion3.useDeprecatedAnimatedState,
+  useDeprecatedInvertedScale: () => import_framer_motion3.useDeprecatedInvertedScale,
+  useDomEvent: () => import_framer_motion3.useDomEvent,
+  useDragControls: () => import_framer_motion3.useDragControls,
+  useElementScroll: () => import_framer_motion3.useElementScroll,
+  useForceUpdate: () => import_framer_motion3.useForceUpdate,
+  useInView: () => import_framer_motion3.useInView,
+  useInstantLayoutTransition: () => import_framer_motion3.useInstantLayoutTransition,
+  useInstantTransition: () => import_framer_motion3.useInstantTransition,
+  useIsPresent: () => import_framer_motion3.useIsPresent,
+  useIsomorphicLayoutEffect: () => import_framer_motion3.useIsomorphicLayoutEffect,
+  useMotionAnimation: () => import_framer_motion3.useAnimation,
+  useMotionTemplate: () => import_framer_motion3.useMotionTemplate,
+  useMotionValue: () => import_framer_motion3.useMotionValue,
+  useMotionValueEvent: () => import_framer_motion3.useMotionValueEvent,
+  usePresence: () => import_framer_motion3.usePresence,
+  useReducedMotion: () => import_framer_motion3.useReducedMotion,
+  useReducedMotionConfig: () => import_framer_motion3.useReducedMotionConfig,
+  useResetProjection: () => import_framer_motion3.useResetProjection,
+  useScroll: () => import_framer_motion3.useScroll,
+  useSpring: () => import_framer_motion3.useSpring,
+  useTime: () => import_framer_motion3.useTime,
+  useTransform: () => import_framer_motion3.useTransform,
+  useVelocity: () => import_framer_motion3.useVelocity,
+  useViewportScroll: () => import_framer_motion3.useViewportScroll,
+  useWillChange: () => import_framer_motion3.useWillChange,
+  visualElementStore: () => import_framer_motion3.visualElementStore,
+  warning: () => import_framer_motion3.warning,
+  wrap: () => import_framer_motion3.wrap
 });
 module.exports = __toCommonJS(src_exports);
-var import_framer_motion2 = require("framer-motion");
+var import_framer_motion3 = require("framer-motion");
 
 // src/motion-forward-ref.tsx
 var React = __toESM(require("react"));
-var motionForwardRef = (component) => {
-  return React.forwardRef(component);
+var motionForwardRef = (render) => {
+  return React.forwardRef(
+    render
+  );
 };
 
-// src/factory.ts
+// src/motion.tsx
 var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
 var import_framer_motion = require("framer-motion");
+var import_jsx_runtime = require("react/jsx-runtime");
 var disableStyleProps = ["transition"];
 var disableStyleProp = (prop) => disableStyleProps.includes(prop);
-var factory = () => {
-  const cache = /* @__PURE__ */ new Map();
-  return new Proxy(import_core.styled, {
-    apply: (_target, _thisArg, [el, options]) => {
-      return (0, import_core.styled)((0, import_framer_motion.motion)(el), { disableStyleProp, ...options });
-    },
-    get: (_target, el) => {
-      if (!cache.has(el))
-        cache.set(el, (0, import_core.styled)((0, import_framer_motion.motion)(el), { disableStyleProp }));
-      return cache.get(el);
+var Component = (0, import_core.ui)("div", { disableStyleProp });
+var Motion = motionForwardRef(
+  ({ as = "div", className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ref,
+      as: import_framer_motion.motion[as],
+      className: (0, import_utils.cx)("ui-motion", className),
+      ...rest
     }
-  });
-};
-var motion = factory();
-
-// src/motion.tsx
-var Motion = motion("div");
+  )
+);
 
 // src/utils.ts
-var import_utils = require("@yamada-ui/utils");
+var import_utils2 = require("@yamada-ui/utils");
 var MOTION_TRANSITION_EASINGS = {
   ease: [0.25, 0.1, 0.25, 1],
   easeIn: [0.4, 0, 1, 1],
@@ -254,14 +253,31 @@ var MOTION_TRANSITION_DEFAULTS = {
 };
 var transitionEnter = (transition) => (delay2, duration) => ({
   ...transition != null ? transition : MOTION_TRANSITION_DEFAULTS.enter,
-  ...duration ? { duration: (0, import_utils.isNumber)(duration) ? duration : duration == null ? void 0 : duration.enter } : {},
-  delay: (0, import_utils.isNumber)(delay2) ? delay2 : delay2 == null ? void 0 : delay2.enter
+  ...duration ? { duration: (0, import_utils2.isNumber)(duration) ? duration : duration == null ? void 0 : duration.enter } : {},
+  delay: (0, import_utils2.isNumber)(delay2) ? delay2 : delay2 == null ? void 0 : delay2.enter
 });
 var transitionExit = (transition) => (delay2, duration) => ({
   ...transition != null ? transition : MOTION_TRANSITION_DEFAULTS.exit,
-  ...duration ? { duration: (0, import_utils.isNumber)(duration) ? duration : duration == null ? void 0 : duration.exit } : {},
-  delay: (0, import_utils.isNumber)(delay2) ? delay2 : delay2 == null ? void 0 : delay2.exit
+  ...duration ? { duration: (0, import_utils2.isNumber)(duration) ? duration : duration == null ? void 0 : duration.exit } : {},
+  delay: (0, import_utils2.isNumber)(delay2) ? delay2 : delay2 == null ? void 0 : delay2.exit
 });
+
+// src/factory.ts
+var import_core2 = require("@yamada-ui/core");
+var import_framer_motion2 = require("framer-motion");
+var factory = () => {
+  const cache = /* @__PURE__ */ new Map();
+  return new Proxy(import_core2.styled, {
+    apply: (_target, _thisArg, [el, options]) => {
+      return (0, import_framer_motion2.motion)((0, import_core2.styled)(el, options));
+    },
+    get: (_target, el) => {
+      if (!cache.has(el)) cache.set(el, (0, import_framer_motion2.motion)((0, import_core2.styled)(el)));
+      return cache.get(el);
+    }
+  });
+};
+var motion2 = factory();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AcceleratedAnimation,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/motion-forward-ref.tsx","../src/factory.ts","../src/motion.tsx","../src/utils.ts"],"sourcesContent":["export {\n  AcceleratedAnimation,\n  AnimatePresence,\n  AnimateSharedLayout,\n  DeprecatedLayoutGroupContext,\n  DragControls,\n  FlatTree,\n  LayoutGroup,\n  LayoutGroupContext,\n  LazyMotion,\n  MotionConfig,\n  MotionConfigContext,\n  MotionContext,\n  MotionGlobalConfig,\n  PresenceContext,\n  Reorder as MotionReorder,\n  SwitchLayoutGroupContext,\n  VisualElement,\n  addPointerInfo,\n  addScaleCorrector,\n  animate,\n  animateValue,\n  animateVisualElement,\n  animationControls,\n  animations,\n  anticipate,\n  backIn,\n  backInOut,\n  backOut,\n  buildTransform,\n  calcLength,\n  cancelFrame,\n  cancelSync,\n  circIn,\n  circInOut,\n  circOut,\n  clamp,\n  color,\n  complex,\n  createBox,\n  createDomMotionComponent,\n  createMotionComponent,\n  createScopedAnimate,\n  cubicBezier,\n  delay,\n  disableInstantTransitions,\n  distance,\n  distance2D,\n  domAnimation,\n  domMax,\n  easeIn,\n  easeInOut,\n  easeOut,\n  filterProps,\n  frame,\n  frameData,\n  inView,\n  interpolate,\n  invariant,\n  isBrowser,\n  isDragActive,\n  isMotionComponent,\n  isMotionValue,\n  isValidMotionProp,\n  m,\n  makeUseVisualState,\n  mirrorEasing,\n  mix,\n  motionValue,\n  optimizedAppearDataAttribute,\n  pipe,\n  progress,\n  px,\n  resolveMotionValue,\n  reverseEasing,\n  scroll,\n  scrollInfo,\n  spring,\n  stagger,\n  startOptimizedAppearAnimation,\n  steps,\n  sync,\n  transform,\n  unwrapMotionComponent,\n  useAnimate,\n  useAnimation as useMotionAnimation,\n  useAnimationControls,\n  useAnimationFrame,\n  useCycle,\n  useDeprecatedAnimatedState,\n  useDeprecatedInvertedScale,\n  useDomEvent,\n  useDragControls,\n  useElementScroll,\n  useForceUpdate,\n  useInView,\n  useInstantLayoutTransition,\n  useInstantTransition,\n  useIsPresent,\n  useIsomorphicLayoutEffect,\n  useMotionTemplate,\n  useMotionValue,\n  useMotionValueEvent,\n  usePresence,\n  useReducedMotion,\n  useReducedMotionConfig,\n  useResetProjection,\n  useScroll,\n  useSpring,\n  useTime,\n  useTransform,\n  useVelocity,\n  useViewportScroll,\n  useWillChange,\n  visualElementStore,\n  warning,\n  wrap,\n} from \"framer-motion\"\nexport * from \"./motion-forward-ref\"\nexport { Motion } from \"./motion\"\nexport * from \"./motion.types\"\nexport * from \"./utils\"\nexport * from \"./factory\"\n","import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  component: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {\n      as?: MotionAs\n    }\n  >,\n) => {\n  return React.forwardRef(component) as unknown as MotionComponent<M, Y>\n}\n","import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return styled(_motion(el), { disableStyleProp, ...options })\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el))\n        cache.set(el, styled(_motion(el), { disableStyleProp }))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n *\n */\nexport const motion = factory()\n","import { motion } from \"./factory\"\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const Motion = motion(\"div\")\n","import { isNumber } from \"@yamada-ui/utils\"\nimport type { Transition } from \"framer-motion\"\nimport type { MotionTransitionProps } from \"./motion.types\"\n\nexport const MOTION_TRANSITION_EASINGS = {\n  ease: [0.25, 0.1, 0.25, 1],\n  easeIn: [0.4, 0, 1, 1],\n  easeOut: [0, 0, 0.2, 1],\n  easeInOut: [0.4, 0, 0.2, 1],\n} as const\n\nexport const MOTION_TRANSITION_VARIANTS = {\n  scale: {\n    enter: { scale: 1 },\n    exit: { scale: 0.95 },\n  },\n  fade: {\n    enter: { opacity: 1 },\n    exit: { opacity: 0 },\n  },\n  pushLeft: {\n    enter: { x: \"100%\" },\n    exit: { x: \"-30%\" },\n  },\n  pushRight: {\n    enter: { x: \"-100%\" },\n    exit: { x: \"30%\" },\n  },\n  pushUp: {\n    enter: { y: \"100%\" },\n    exit: { y: \"-30%\" },\n  },\n  pushDown: {\n    enter: { y: \"-100%\" },\n    exit: { y: \"30%\" },\n  },\n  slideLeft: {\n    position: { left: 0, top: 0, bottom: 0, width: \"100%\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: \"-100%\", y: 0 },\n  },\n  slideRight: {\n    position: { right: 0, top: 0, bottom: 0, width: \"100%\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: \"100%\", y: 0 },\n  },\n  slideUp: {\n    position: { top: 0, left: 0, right: 0, maxWidth: \"100vw\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: 0, y: \"-100%\" },\n  },\n  slideDown: {\n    position: { bottom: 0, left: 0, right: 0, maxWidth: \"100vw\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: 0, y: \"100%\" },\n  },\n} as const\n\nexport const MOTION_TRANSITION_DEFAULTS = {\n  enter: {\n    duration: 0.25,\n    ease: MOTION_TRANSITION_EASINGS.easeOut,\n  },\n  exit: {\n    duration: 0.2,\n    ease: MOTION_TRANSITION_EASINGS.easeIn,\n  },\n} as const\n\nexport const transitionEnter =\n  (transition?: Transition) =>\n  (\n    delay?: MotionTransitionProps[\"delay\"],\n    duration?: MotionTransitionProps[\"duration\"],\n  ): Transition => ({\n    ...(transition ?? MOTION_TRANSITION_DEFAULTS.enter),\n    ...(duration\n      ? { duration: isNumber(duration) ? duration : duration?.enter }\n      : {}),\n    delay: isNumber(delay) ? delay : delay?.enter,\n  })\n\nexport const transitionExit =\n  (transition?: Transition) =>\n  (\n    delay?: MotionTransitionProps[\"delay\"],\n    duration?: MotionTransitionProps[\"duration\"],\n  ): Transition => ({\n    ...(transition ?? MOTION_TRANSITION_DEFAULTS.exit),\n    ...(duration\n      ? { duration: isNumber(duration) ? duration : duration?.exit }\n      : {}),\n    delay: isNumber(delay) ? delay : delay?.exit,\n  })\n"],"mappings":"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","names":["import_framer_motion","_motion","delay"]}
+{"version":3,"sources":["../src/index.ts","../src/motion-forward-ref.tsx","../src/motion.tsx","../src/utils.ts","../src/factory.ts"],"sourcesContent":["export {\n  AcceleratedAnimation,\n  AnimatePresence,\n  AnimateSharedLayout,\n  DeprecatedLayoutGroupContext,\n  DragControls,\n  FlatTree,\n  LayoutGroup,\n  LayoutGroupContext,\n  LazyMotion,\n  MotionConfig,\n  MotionConfigContext,\n  MotionContext,\n  MotionGlobalConfig,\n  PresenceContext,\n  Reorder as MotionReorder,\n  SwitchLayoutGroupContext,\n  VisualElement,\n  addPointerInfo,\n  addScaleCorrector,\n  animate,\n  animateValue,\n  animateVisualElement,\n  animationControls,\n  animations,\n  anticipate,\n  backIn,\n  backInOut,\n  backOut,\n  buildTransform,\n  calcLength,\n  cancelFrame,\n  cancelSync,\n  circIn,\n  circInOut,\n  circOut,\n  clamp,\n  color,\n  complex,\n  createBox,\n  createDomMotionComponent,\n  createMotionComponent,\n  createScopedAnimate,\n  cubicBezier,\n  delay,\n  disableInstantTransitions,\n  distance,\n  distance2D,\n  domAnimation,\n  domMax,\n  easeIn,\n  easeInOut,\n  easeOut,\n  filterProps,\n  frame,\n  frameData,\n  inView,\n  interpolate,\n  invariant,\n  isBrowser,\n  isDragActive,\n  isMotionComponent,\n  isMotionValue,\n  isValidMotionProp,\n  m,\n  makeUseVisualState,\n  mirrorEasing,\n  mix,\n  motionValue,\n  optimizedAppearDataAttribute,\n  pipe,\n  progress,\n  px,\n  resolveMotionValue,\n  reverseEasing,\n  scroll,\n  scrollInfo,\n  spring,\n  stagger,\n  startOptimizedAppearAnimation,\n  steps,\n  sync,\n  transform,\n  unwrapMotionComponent,\n  useAnimate,\n  useAnimation as useMotionAnimation,\n  useAnimationControls,\n  useAnimationFrame,\n  useCycle,\n  useDeprecatedAnimatedState,\n  useDeprecatedInvertedScale,\n  useDomEvent,\n  useDragControls,\n  useElementScroll,\n  useForceUpdate,\n  useInView,\n  useInstantLayoutTransition,\n  useInstantTransition,\n  useIsPresent,\n  useIsomorphicLayoutEffect,\n  useMotionTemplate,\n  useMotionValue,\n  useMotionValueEvent,\n  usePresence,\n  useReducedMotion,\n  useReducedMotionConfig,\n  useResetProjection,\n  useScroll,\n  useSpring,\n  useTime,\n  useTransform,\n  useVelocity,\n  useViewportScroll,\n  useWillChange,\n  visualElementStore,\n  warning,\n  wrap,\n} from \"framer-motion\"\nexport * from \"./motion-forward-ref\"\nexport { Motion } from \"./motion\"\nexport * from \"./motion.types\"\nexport * from \"./utils\"\nexport * from \"./factory\"\n","import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  render: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & { as?: MotionAs }\n  >,\n) => {\n  return React.forwardRef(\n    render as React.ForwardRefRenderFunction<any>,\n  ) as unknown as MotionComponent<M, Y>\n}\n","import { ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { motion } from \"framer-motion\"\nimport { motionForwardRef } from \"./motion-forward-ref\"\nimport type { MotionProps } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst Component = ui<\"div\", MotionProps>(\"div\", { disableStyleProp })\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const Motion = motionForwardRef<MotionProps, \"div\">(\n  ({ as = \"div\", className, ...rest }, ref) => (\n    <Component\n      ref={ref}\n      as={motion[as]}\n      className={cx(\"ui-motion\", className)}\n      {...rest}\n    />\n  ),\n)\n","import { isNumber } from \"@yamada-ui/utils\"\nimport type { Transition } from \"framer-motion\"\nimport type { MotionTransitionProps } from \"./motion.types\"\n\nexport const MOTION_TRANSITION_EASINGS = {\n  ease: [0.25, 0.1, 0.25, 1],\n  easeIn: [0.4, 0, 1, 1],\n  easeOut: [0, 0, 0.2, 1],\n  easeInOut: [0.4, 0, 0.2, 1],\n} as const\n\nexport const MOTION_TRANSITION_VARIANTS = {\n  scale: {\n    enter: { scale: 1 },\n    exit: { scale: 0.95 },\n  },\n  fade: {\n    enter: { opacity: 1 },\n    exit: { opacity: 0 },\n  },\n  pushLeft: {\n    enter: { x: \"100%\" },\n    exit: { x: \"-30%\" },\n  },\n  pushRight: {\n    enter: { x: \"-100%\" },\n    exit: { x: \"30%\" },\n  },\n  pushUp: {\n    enter: { y: \"100%\" },\n    exit: { y: \"-30%\" },\n  },\n  pushDown: {\n    enter: { y: \"-100%\" },\n    exit: { y: \"30%\" },\n  },\n  slideLeft: {\n    position: { left: 0, top: 0, bottom: 0, width: \"100%\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: \"-100%\", y: 0 },\n  },\n  slideRight: {\n    position: { right: 0, top: 0, bottom: 0, width: \"100%\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: \"100%\", y: 0 },\n  },\n  slideUp: {\n    position: { top: 0, left: 0, right: 0, maxWidth: \"100vw\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: 0, y: \"-100%\" },\n  },\n  slideDown: {\n    position: { bottom: 0, left: 0, right: 0, maxWidth: \"100vw\" },\n    enter: { x: 0, y: 0 },\n    exit: { x: 0, y: \"100%\" },\n  },\n} as const\n\nexport const MOTION_TRANSITION_DEFAULTS = {\n  enter: {\n    duration: 0.25,\n    ease: MOTION_TRANSITION_EASINGS.easeOut,\n  },\n  exit: {\n    duration: 0.2,\n    ease: MOTION_TRANSITION_EASINGS.easeIn,\n  },\n} as const\n\nexport const transitionEnter =\n  (transition?: Transition) =>\n  (\n    delay?: MotionTransitionProps[\"delay\"],\n    duration?: MotionTransitionProps[\"duration\"],\n  ): Transition => ({\n    ...(transition ?? MOTION_TRANSITION_DEFAULTS.enter),\n    ...(duration\n      ? { duration: isNumber(duration) ? duration : duration?.enter }\n      : {}),\n    delay: isNumber(delay) ? delay : delay?.enter,\n  })\n\nexport const transitionExit =\n  (transition?: Transition) =>\n  (\n    delay?: MotionTransitionProps[\"delay\"],\n    duration?: MotionTransitionProps[\"duration\"],\n  ): Transition => ({\n    ...(transition ?? MOTION_TRANSITION_DEFAULTS.exit),\n    ...(duration\n      ? { duration: isNumber(duration) ? duration : duration?.exit }\n      : {}),\n    delay: isNumber(delay) ? delay : delay?.exit,\n  })\n","import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return _motion(styled(el, options) as ComponentType)\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el)) cache.set(el, _motion(styled(el) as ComponentType))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n * `motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const motion = factory()\n"],"mappings":"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","names":["motion","import_framer_motion","import_utils","delay","import_core","import_framer_motion","_motion","motion"]}

package/dist/index.mjs

@@ -1,13 +1,13 @@
 "use client"
 import {
-  motionForwardRef
-} from "./chunk-ZSIGLH6W.mjs";
+  motion
+} from "./chunk-2OYU7I6R.mjs";
 import {
   Motion
-} from "./chunk-K3SPRYR3.mjs";
+} from "./chunk-IYC7RHQQ.mjs";
 import {
-  motion
-} from "./chunk-IER3FOYD.mjs";
+  motionForwardRef
+} from "./chunk-CJBAGLAE.mjs";
 import "./chunk-R3D52RAW.mjs";
 import {
   MOTION_TRANSITION_DEFAULTS,

package/dist/motion-forward-ref.d.mts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { MotionAs, MotionComponent } from './motion.types.mjs';
 import 'framer-motion';
 
-declare const motionForwardRef: <Y extends object, M extends MotionAs>(component: React.ForwardRefRenderFunction<any, Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {
+declare const motionForwardRef: <Y extends object, M extends MotionAs>(render: React.ForwardRefRenderFunction<any, Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {
     as?: MotionAs;
 }>) => MotionComponent<M, Y>;
 

package/dist/motion-forward-ref.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { MotionAs, MotionComponent } from './motion.types.js';
 import 'framer-motion';
 
-declare const motionForwardRef: <Y extends object, M extends MotionAs>(component: React.ForwardRefRenderFunction<any, Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {
+declare const motionForwardRef: <Y extends object, M extends MotionAs>(render: React.ForwardRefRenderFunction<any, Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {
     as?: MotionAs;
 }>) => MotionComponent<M, Y>;
 

package/dist/motion-forward-ref.js

@@ -35,8 +35,10 @@ __export(motion_forward_ref_exports, {
 });
 module.exports = __toCommonJS(motion_forward_ref_exports);
 var React = __toESM(require("react"));
-var motionForwardRef = (component) => {
-  return React.forwardRef(component);
+var motionForwardRef = (render) => {
+  return React.forwardRef(
+    render
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/motion-forward-ref.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/motion-forward-ref.tsx"],"sourcesContent":["import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  component: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {\n      as?: MotionAs\n    }\n  >,\n) => {\n  return React.forwardRef(component) as unknown as MotionComponent<M, Y>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAGhB,IAAM,mBAAmB,CAC9B,cAMG;AACH,SAAa,iBAAW,SAAS;AACnC;","names":[]}
+{"version":3,"sources":["../src/motion-forward-ref.tsx"],"sourcesContent":["import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  render: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & { as?: MotionAs }\n  >,\n) => {\n  return React.forwardRef(\n    render as React.ForwardRefRenderFunction<any>,\n  ) as unknown as MotionComponent<M, Y>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAGhB,IAAM,mBAAmB,CAC9B,WAIG;AACH,SAAa;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/motion-forward-ref.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   motionForwardRef
-} from "./chunk-ZSIGLH6W.mjs";
+} from "./chunk-CJBAGLAE.mjs";
 export {
   motionForwardRef
 };

package/dist/motion.d.mts

@@ -1,4 +1,4 @@
-import { UIMotionComponent } from './motion.types.mjs';
+import { MotionComponent, MotionProps } from './motion.types.mjs';
 import '@yamada-ui/core';
 import '@yamada-ui/utils';
 import 'framer-motion';
@@ -9,6 +9,6 @@ import 'react';
  *
  * @see Docs https://yamada-ui.com/components/other/motion
  */
-declare const Motion: UIMotionComponent<"div", {}>;
+declare const Motion: MotionComponent<"div", MotionProps>;
 
 export { Motion };

package/dist/motion.d.ts

@@ -1,4 +1,4 @@
-import { UIMotionComponent } from './motion.types.js';
+import { MotionComponent, MotionProps } from './motion.types.js';
 import '@yamada-ui/core';
 import '@yamada-ui/utils';
 import 'framer-motion';
@@ -9,6 +9,6 @@ import 'react';
  *
  * @see Docs https://yamada-ui.com/components/other/motion
  */
-declare const Motion: UIMotionComponent<"div", {}>;
+declare const Motion: MotionComponent<"div", MotionProps>;
 
 export { Motion };

package/dist/motion.js

@@ -1,8 +1,10 @@
 "use client"
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/motion.tsx
@@ -24,29 +34,34 @@ __export(motion_exports, {
   Motion: () => Motion
 });
 module.exports = __toCommonJS(motion_exports);
-
-// src/factory.ts
 var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
 var import_framer_motion = require("framer-motion");
-var disableStyleProps = ["transition"];
-var disableStyleProp = (prop) => disableStyleProps.includes(prop);
-var factory = () => {
-  const cache = /* @__PURE__ */ new Map();
-  return new Proxy(import_core.styled, {
-    apply: (_target, _thisArg, [el, options]) => {
-      return (0, import_core.styled)((0, import_framer_motion.motion)(el), { disableStyleProp, ...options });
-    },
-    get: (_target, el) => {
-      if (!cache.has(el))
-        cache.set(el, (0, import_core.styled)((0, import_framer_motion.motion)(el), { disableStyleProp }));
-      return cache.get(el);
-    }
-  });
+
+// src/motion-forward-ref.tsx
+var React = __toESM(require("react"));
+var motionForwardRef = (render) => {
+  return React.forwardRef(
+    render
+  );
 };
-var motion = factory();
 
 // src/motion.tsx
-var Motion = motion("div");
+var import_jsx_runtime = require("react/jsx-runtime");
+var disableStyleProps = ["transition"];
+var disableStyleProp = (prop) => disableStyleProps.includes(prop);
+var Component = (0, import_core.ui)("div", { disableStyleProp });
+var Motion = motionForwardRef(
+  ({ as = "div", className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ref,
+      as: import_framer_motion.motion[as],
+      className: (0, import_utils.cx)("ui-motion", className),
+      ...rest
+    }
+  )
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Motion

package/dist/motion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/motion.tsx","../src/factory.ts"],"sourcesContent":["import { motion } from \"./factory\"\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const Motion = motion(\"div\")\n","import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return styled(_motion(el), { disableStyleProp, ...options })\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el))\n        cache.set(el, styled(_motion(el), { disableStyleProp }))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n *\n */\nexport const motion = factory()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAA2C;AAC3C,2BAAkC;AAIlC,IAAM,oBAAoB,CAAC,YAAY;AAEvC,IAAM,mBAAmB,CAAC,SAAiB,kBAAkB,SAAS,IAAI;AAE1E,IAAM,UAAU,MAAM;AACpB,QAAM,QAAQ,oBAAI,IAA6B;AAE/C,SAAO,IAAI,MAAM,oBAAQ;AAAA,IACvB,OAAO,CAAC,SAAS,UAAU,CAAC,IAAI,OAAO,MAAiC;AACtE,iBAAO,wBAAO,qBAAAA,QAAQ,EAAE,GAAG,EAAE,kBAAkB,GAAG,QAAQ,CAAC;AAAA,IAC7D;AAAA,IAEA,KAAK,CAAC,SAAS,OAAiB;AAC9B,UAAI,CAAC,MAAM,IAAI,EAAE;AACf,cAAM,IAAI,QAAI,wBAAO,qBAAAA,QAAQ,EAAE,GAAG,EAAE,iBAAiB,CAAC,CAAC;AAEzD,aAAO,MAAM,IAAI,EAAE;AAAA,IACrB;AAAA,EACF,CAAC;AACH;AAKO,IAAM,SAAS,QAAQ;;;ADtBvB,IAAM,SAAS,OAAO,KAAK;","names":["_motion"]}
+{"version":3,"sources":["../src/motion.tsx","../src/motion-forward-ref.tsx"],"sourcesContent":["import { ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { motion } from \"framer-motion\"\nimport { motionForwardRef } from \"./motion-forward-ref\"\nimport type { MotionProps } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst Component = ui<\"div\", MotionProps>(\"div\", { disableStyleProp })\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const Motion = motionForwardRef<MotionProps, \"div\">(\n  ({ as = \"div\", className, ...rest }, ref) => (\n    <Component\n      ref={ref}\n      as={motion[as]}\n      className={cx(\"ui-motion\", className)}\n      {...rest}\n    />\n  ),\n)\n","import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  render: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & { as?: MotionAs }\n  >,\n) => {\n  return React.forwardRef(\n    render as React.ForwardRefRenderFunction<any>,\n  ) as unknown as MotionComponent<M, Y>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmB;AACnB,mBAAmB;AACnB,2BAAuB;;;ACAvB,YAAuB;AAGhB,IAAM,mBAAmB,CAC9B,WAIG;AACH,SAAa;AAAA,IACX;AAAA,EACF;AACF;;;ADKI;AAbJ,IAAM,oBAAoB,CAAC,YAAY;AAEvC,IAAM,mBAAmB,CAAC,SAAiB,kBAAkB,SAAS,IAAI;AAE1E,IAAM,gBAAY,gBAAuB,OAAO,EAAE,iBAAiB,CAAC;AAO7D,IAAM,SAAS;AAAA,EACpB,CAAC,EAAE,KAAK,OAAO,WAAW,GAAG,KAAK,GAAG,QACnC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI,4BAAO,EAAE;AAAA,MACb,eAAW,iBAAG,aAAa,SAAS;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/motion.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   Motion
-} from "./chunk-K3SPRYR3.mjs";
-import "./chunk-IER3FOYD.mjs";
+} from "./chunk-IYC7RHQQ.mjs";
+import "./chunk-CJBAGLAE.mjs";
 export {
   Motion
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/motion",
-  "version": "2.2.1-dev-20240907114945",
+  "version": "2.2.1-dev-20240907122824",
   "description": "Yamada UI motion components",
   "keywords": [
     "yamada",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "framer-motion": "11.3.24",
-    "@yamada-ui/core": "1.13.1-dev-20240907114945",
+    "@yamada-ui/core": "1.13.1-dev-20240907122824",
     "@yamada-ui/utils": "1.4.0"
   },
   "devDependencies": {

package/dist/chunk-IER3FOYD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/factory.ts"],"sourcesContent":["import { styled, type StyledOptions } from \"@yamada-ui/core\"\nimport { motion as _motion } from \"framer-motion\"\nimport type { ComponentType } from \"react\"\nimport type { MotionAs, MotionComponents, MotionFactory } from \"./motion.types\"\n\nconst disableStyleProps = [\"transition\"]\n\nconst disableStyleProp = (prop: string) => disableStyleProps.includes(prop)\n\nconst factory = () => {\n  const cache = new Map<MotionAs, ComponentType>()\n\n  return new Proxy(styled, {\n    apply: (_target, _thisArg, [el, options]: [MotionAs, StyledOptions]) => {\n      return styled(_motion(el), { disableStyleProp, ...options })\n    },\n\n    get: (_target, el: MotionAs) => {\n      if (!cache.has(el))\n        cache.set(el, styled(_motion(el), { disableStyleProp }))\n\n      return cache.get(el)\n    },\n  }) as MotionFactory & MotionComponents\n}\n\n/**\n *\n */\nexport const motion = factory()\n"],"mappings":";;;AAAA,SAAS,cAAkC;AAC3C,SAAS,UAAU,eAAe;AAIlC,IAAM,oBAAoB,CAAC,YAAY;AAEvC,IAAM,mBAAmB,CAAC,SAAiB,kBAAkB,SAAS,IAAI;AAE1E,IAAM,UAAU,MAAM;AACpB,QAAM,QAAQ,oBAAI,IAA6B;AAE/C,SAAO,IAAI,MAAM,QAAQ;AAAA,IACvB,OAAO,CAAC,SAAS,UAAU,CAAC,IAAI,OAAO,MAAiC;AACtE,aAAO,OAAO,QAAQ,EAAE,GAAG,EAAE,kBAAkB,GAAG,QAAQ,CAAC;AAAA,IAC7D;AAAA,IAEA,KAAK,CAAC,SAAS,OAAiB;AAC9B,UAAI,CAAC,MAAM,IAAI,EAAE;AACf,cAAM,IAAI,IAAI,OAAO,QAAQ,EAAE,GAAG,EAAE,iBAAiB,CAAC,CAAC;AAEzD,aAAO,MAAM,IAAI,EAAE;AAAA,IACrB;AAAA,EACF,CAAC;AACH;AAKO,IAAM,SAAS,QAAQ;","names":[]}

package/dist/chunk-K3SPRYR3.mjs

@@ -1,12 +0,0 @@
-"use client"
-import {
-  motion
-} from "./chunk-IER3FOYD.mjs";
-
-// src/motion.tsx
-var Motion = motion("div");
-
-export {
-  Motion
-};
-//# sourceMappingURL=chunk-K3SPRYR3.mjs.map

package/dist/chunk-K3SPRYR3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/motion.tsx"],"sourcesContent":["import { motion } from \"./factory\"\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see Docs https://yamada-ui.com/components/other/motion\n */\nexport const Motion = motion(\"div\")\n"],"mappings":";;;;;;AAOO,IAAM,SAAS,OAAO,KAAK;","names":[]}

package/dist/chunk-ZSIGLH6W.mjs

@@ -1,12 +0,0 @@
-"use client"
-
-// src/motion-forward-ref.tsx
-import * as React from "react";
-var motionForwardRef = (component) => {
-  return React.forwardRef(component);
-};
-
-export {
-  motionForwardRef
-};
-//# sourceMappingURL=chunk-ZSIGLH6W.mjs.map

package/dist/chunk-ZSIGLH6W.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/motion-forward-ref.tsx"],"sourcesContent":["import type { WithoutAs } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\nimport type { MotionComponent, MotionAs } from \"./motion.types\"\n\nexport const motionForwardRef = <Y extends object, M extends MotionAs>(\n  component: React.ForwardRefRenderFunction<\n    any,\n    Merge<React.ComponentPropsWithoutRef<M>, WithoutAs<Y>> & {\n      as?: MotionAs\n    }\n  >,\n) => {\n  return React.forwardRef(component) as unknown as MotionComponent<M, Y>\n}\n"],"mappings":";;;AAEA,YAAY,WAAW;AAGhB,IAAM,mBAAmB,CAC9B,cAMG;AACH,SAAa,iBAAW,SAAS;AACnC;","names":[]}